.post-article{display:grid;gap:var(--space-5)}.post-article--rethink{gap:0}.post-article--rethink .post-article-shell{border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-raised) 88%,transparent);border:1px solid color-mix(in srgb,var(--border-subtle) 84%,white 6%);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px);overflow:clip}.post-hero--rethink{position:relative;isolation:isolate;overflow:hidden;z-index:0;padding:clamp(1.2rem,1rem + .9vw,1.9rem);border-radius:0;background:color-mix(in srgb,var(--surface-raised) 72%,transparent);border:0;box-shadow:none;border-bottom:1px solid color-mix(in srgb,var(--border-subtle) 92%,transparent 8%);align-items:start}.post-hero--rethink:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% -10%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 50%),radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--accent-secondary) 20%,transparent),transparent 46%),linear-gradient(180deg,#ffffff6b,#ffffff29);pointer-events:none;z-index:1}.post-hero--rethink .post-hero-copy{position:relative;z-index:2;padding:clamp(.75rem,1.4vw,1rem);border-radius:calc(var(--radius-md) - 4px);border:1px solid color-mix(in srgb,var(--border-subtle) 82%,white 12%);background:color-mix(in srgb,var(--surface-solid) 62%,transparent);box-shadow:0 16px 34px #0f172a14;backdrop-filter:blur(8px) saturate(1.08)}.post-hero--rethink .post-header-copy{position:relative;z-index:1;max-width:none}.post-hero--rethink .post-hero-copy .post-hero-title{max-width:24ch}.post-article--rethink .post-body{width:100%;max-width:none;margin-inline:0;padding:clamp(1.4rem,1.1rem + 1vw,2rem);display:grid;gap:clamp(1.2rem,2vw,1.8rem);border-radius:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.post-article--rethink .post-content{max-width:100%}.post-article--rethink .post-content>p:first-of-type{font-size:clamp(1.08rem,1rem + .38vw,1.3rem);line-height:var(--leading-relaxed);color:var(--text-strong);max-width:60ch}.post-article--rethink .post-content h2{margin-top:var(--space-7);padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--border-subtle) 80%,var(--accent-soft) 20%)}.post-article--rethink .post-content ul,.post-article--rethink .post-content ol{margin-left:.1rem}.post-body--rethink .post-rail{border:1px solid color-mix(in srgb,var(--border-subtle) 84%,white 6%);border-radius:calc(var(--radius-md) - 2px);background:color-mix(in srgb,var(--surface-solid) 88%,var(--accent-soft) 12%);padding:clamp(.9rem,.75rem + .5vw,1.2rem);box-shadow:0 10px 20px #0f172a0d}.post-rail-eyebrow{margin:0 0 var(--space-2);font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-strong)}.post-rail-list{margin:0;display:grid;gap:var(--space-3)}.post-rail-list div{display:grid;gap:.2rem}.post-rail-list dt{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);font-weight:700}.post-rail-list dd{margin:0;color:var(--text-strong);font-weight:700;line-height:1.35}.post-rail-topics{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}.post-rail-topics li+li{margin-top:0}.post-rail-topics li+li:before{content:"•";color:var(--text-soft);margin-right:.4rem}.post-rail-topic-link{color:var(--text-strong);text-decoration:none;font-weight:700}.post-rail-topic-link:hover{color:var(--accent-strong);text-decoration:underline;text-decoration-thickness:.08em}.post-rail-link{margin-top:var(--space-4);display:inline-flex;font-weight:700;text-decoration:none}.post-hero-copy{padding:clamp(1.2rem,.95rem + .8vw,1.75rem);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-raised) 86%,transparent);border:1px solid color-mix(in srgb,var(--border-subtle) 84%,white 6%);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px)}.post-hero-copy .post-hero-title{max-width:12ch}.post-header-copy{display:grid;gap:var(--space-3);max-width:48rem}.post-body{padding:clamp(1.2rem,1rem + .8vw,1.8rem);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-raised) 84%,transparent);border:1px solid color-mix(in srgb,var(--border-subtle) 84%,white 6%);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px)}.post-content{max-width:min(var(--measure),100%)}.post-content p{margin-bottom:calc(var(--space-5) * .6667)}.post-content li>p:last-child{margin-bottom:0}.post-pagination--post{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid color-mix(in srgb,var(--border-subtle) 82%,var(--accent-soft) 18%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.post-pagination-link{display:grid;gap:.35rem;align-content:start;min-height:100%;padding:.8rem .9rem;border-radius:calc(var(--radius-md) - 2px);border:1px solid color-mix(in srgb,var(--border-subtle) 78%,var(--accent) 22%);background:color-mix(in srgb,var(--surface-solid) 80%,var(--accent-soft) 20%);text-decoration:none;box-shadow:0 8px 18px #0f172a0f}.post-pagination-link:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 34%,var(--border-subtle) 66%);background:color-mix(in srgb,var(--surface-solid) 70%,var(--accent-soft) 30%);box-shadow:0 14px 26px #0f172a1a}.post-pagination-link--next{text-align:right}.post-pagination-label{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.post-pagination-title{color:var(--text-strong);font-weight:700;line-height:1.3;text-wrap:pretty}.post-pagination-placeholder{display:block}.post-content>:last-child{margin-bottom:0}.post-content h2,.post-content h3,.post-content h4{margin-top:var(--space-6);margin-bottom:var(--space-3);max-width:18ch}.post-content h2{font-size:clamp(1.55rem,1.36rem + .7vw,2rem);letter-spacing:-.05em}.post-content a{font-weight:600}table{width:100%;margin:0 0 var(--space-5);border-collapse:collapse;border-radius:calc(var(--radius-md) - 4px);overflow:hidden;border:1px solid color-mix(in srgb,var(--border-subtle) 84%,var(--accent-soft) 16%);box-shadow:0 4px 12px #0f172a0f}thead{background:color-mix(in srgb,var(--accent-soft) 42%,var(--surface-solid) 58%);border-bottom:2px solid color-mix(in srgb,var(--accent) 24%,var(--border-subtle) 76%)}thead th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:800;font-size:.92rem;letter-spacing:.02em;color:var(--text-strong)}tbody tr{border-bottom:1px solid color-mix(in srgb,var(--border-subtle) 78%,transparent);transition:background-color .18s ease}tbody tr:last-child{border-bottom:0}tbody tr:hover{background:color-mix(in srgb,var(--surface-solid) 92%,var(--accent-soft) 8%)}td{padding:var(--space-3) var(--space-4);color:var(--text-body);font-size:.95rem;line-height:1.5}th{color:var(--text-strong)}.post-hero{display:grid;gap:clamp(1.2rem,2.5vw,2rem);align-items:stretch}.hero-grid,.post-hero{grid-template-columns:repeat(12,minmax(0,1fr))}.hero-copy,.post-hero-copy{grid-column:span 12;display:grid;align-content:start;gap:var(--space-3);z-index:1}.hero-media{grid-column:span 12;position:relative;isolation:isolate;border-radius:calc(var(--radius-lg) - 8px);overflow:hidden;min-height:18rem;aspect-ratio:16 / 10;background:linear-gradient(135deg,var(--surface-ink-soft),var(--surface-ink));border:1px solid color-mix(in srgb,var(--border-subtle) 78%,white 10%);box-shadow:var(--shadow-soft)}.hero-media{transition:transform .22s ease,box-shadow .22s ease;border:2px solid color-mix(in srgb,var(--accent) 55%,white 12%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-secondary) 18%,transparent),0 26px 56px #0f172a42,0 2px #ffffff1a inset}.hero-media--with-cover:before{content:"";position:absolute;inset:-12%;background-image:var(--hero-media-image);background-size:cover;background-position:center;filter:blur(34px) saturate(1.35) contrast(1.14);opacity:.98;transform:scale(1.2);pointer-events:none;z-index:0}.hero-media img,.post-card-cover img,.archive-feature-cover img{width:100%;height:100%;object-fit:cover}.hero-media img{position:relative;z-index:1;transition:transform .28s ease,filter .28s ease;transform:scale(1.08);filter:saturate(1.45) contrast(1.2) brightness(.78) sepia(.08)}.hero-media--with-cover img{clip-path:inset(3.5% round 14px);box-shadow:0 0 0 1px #ffffff38,0 24px 44px #00000047}.hero-media:hover{transform:translateY(-2px);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-secondary) 26%,transparent),0 36px 72px #0f172a4d,0 2px #ffffff1f inset}.hero-media:hover img{transform:scale(1.14);filter:saturate(1.58) contrast(1.24) brightness(.8) sepia(.1)}.hero-media:after,.archive-feature-cover:after,.post-card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 5%,rgba(9,17,31,.14) 100%);pointer-events:none}.hero-media:after{z-index:2;background:radial-gradient(circle at 12% -6%,color-mix(in srgb,var(--accent) 44%,transparent),transparent 42%),radial-gradient(circle at 96% 12%,color-mix(in srgb,var(--accent-secondary) 42%,transparent),transparent 40%),radial-gradient(circle at 50% 120%,#09111f8c,#09111f00 55%),linear-gradient(180deg,#09111f14,#09111f80)}.hero-fallback,.post-hero-fallback{display:grid;place-items:end start;padding:clamp(1rem,2vw,1.5rem);color:var(--text-inverse);position:relative;z-index:1;background:radial-gradient(circle at top left,rgba(79,70,229,.38),transparent 36%),radial-gradient(circle at bottom right,rgba(6,182,212,.34),transparent 36%),linear-gradient(135deg,var(--surface-ink-soft),var(--surface-ink))}.hero-fallback span,.post-hero-fallback span{font-size:var(--step-2);font-weight:800;letter-spacing:-.04em;max-width:10ch}.hero-title,.post-hero-title{margin:0;font-size:clamp(2rem,1.56rem + 1.7vw,3.2rem);line-height:1.02;letter-spacing:-.06em;max-width:12ch}.hero-title a,.post-hero-title{color:var(--text-strong);text-decoration:none}.post-hero-copy{grid-column:span 7}.hero-media{grid-column:span 5;min-height:clamp(16rem,30vw,24rem)}.post-hero--rethink .post-hero-copy{grid-column:span 12;max-width:min(72ch,100%)}.post-hero--rethink.post-hero--no-media .post-hero-copy{grid-column:span 12}.post-body--rethink{grid-template-columns:minmax(0,1fr) minmax(14rem,18rem);align-items:start;column-gap:clamp(1.2rem,2.2vw,2rem)}.post-body--rethink .post-content{grid-column:1;grid-row:1}.post-body--rethink .post-rail{grid-column:2;grid-row:1;position:sticky;top:calc(var(--space-6) + 1.4rem)}
