.article{max-width:var(--readw);margin:0 auto;padding:var(--space-6) var(--space-3);font-optical-sizing:auto}.article .kicker{color:var(--primary-deep);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.article h1{font-size:clamp(28px,3.2vw,42px);margin:14px 0 18px;text-wrap:balance}.article h2{font-family:var(--serif);font-size:clamp(21px,2.2vw,26px);font-weight:500;color:var(--ink);margin:var(--space-5) 0 var(--space-2);line-height:1.3;text-wrap:balance}.article h3{font-family:var(--sans);font-size:var(--h3-size);font-weight:var(--h3-weight);letter-spacing:.02em;margin:var(--space-4) 0 var(--space-1);text-wrap:balance}.article h3,.article h4{color:var(--primary-deep)}.article h4{font-size:var(--h4-size);font-weight:var(--h4-weight);margin:var(--space-3) 0 var(--space-1);text-transform:uppercase;letter-spacing:.06em}.article .byline{color:var(--ink-mute);font-size:13px;padding-bottom:var(--space-3);border-bottom:1px solid var(--line);margin-bottom:var(--space-3);display:flex;gap:14px;align-items:center}.article p{font-family:var(--sans);margin:0 0 var(--space-3);font-size:18px;line-height:1.95;color:var(--ink-soft);text-wrap:pretty}.article p strong{color:var(--ink);font-weight:600}.article a{color:var(--primary-deep);text-decoration:underline;-webkit-text-decoration-color:oklch(from var(--primary) l c h/.35);text-decoration-color:oklch(from var(--primary) l c h/.35);text-underline-offset:3px;transition:color .2s,-webkit-text-decoration-color .2s;transition:text-decoration-color .2s,color .2s;transition:text-decoration-color .2s,color .2s,-webkit-text-decoration-color .2s}.article a:hover{color:var(--primary);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.article blockquote{position:relative;margin:var(--space-3) 0;padding:20px 24px 20px 52px;background:oklch(from var(--primary) l c h/.06);border-radius:var(--radius);font-family:var(--serif);font-size:19px;line-height:1.6;color:var(--ink-soft);font-style:italic;border:none}.article blockquote:before{content:"\201C";position:absolute;left:14px;top:6px;font-size:56px;line-height:1;color:var(--primary);font-family:var(--font-serif-en);font-style:normal}.article blockquote p{font-size:inherit;line-height:inherit;color:inherit;margin:0}.article ol,.article ul{margin:0 0 var(--space-2);padding-left:1.5em;color:var(--ink-soft);font-size:18px;line-height:1.8}.article li{margin-bottom:6px}.article hr{border:none;border-top:1px solid var(--line);margin:var(--space-4) 0}.article-takeaway{background:var(--primary-soft);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-5) 0}.article-takeaway-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--primary-deep);margin-bottom:var(--space-3);font-weight:600}.article-takeaway p{font-size:16px;margin-bottom:var(--space-2)}.article-takeaway p:last-child{margin-bottom:0}.article-takeaway p strong{color:var(--ink)}.article code{font-family:var(--font-mono);font-size:.88em;padding:2px 6px;border-radius:4px;color:var(--primary-deep)}.article code,.article pre{background:var(--paper-2);border:1px solid var(--line)}.article pre{border-radius:var(--radius);padding:var(--space-2);overflow-x:auto;margin:var(--space-3) 0}.article pre code{background:none;padding:0;border:none;border-radius:0;font-size:14px;color:var(--ink)}.article figure{margin:var(--space-3) 0;text-align:center}.article figure img{margin:0 auto}.article figcaption{font-size:13px;color:var(--ink-mute);text-align:center;margin-top:10px;font-family:var(--font-mono);letter-spacing:.02em;line-height:1.5}.article img{max-width:100%;height:auto;display:block;border-radius:var(--radius);margin:var(--space-3) auto}.article .hero-img{aspect-ratio:2/1;margin:0 0 var(--space-3);border-radius:var(--radius);background:repeating-linear-gradient(135deg,var(--paper-2) 0 8px,oklch(from var(--paper-2) calc(l - .02) c h) 8px 16px);position:relative}.article .hero-img:after{content:"hero illustration / photo";position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;color:var(--ink-mute)}.article-cta{margin:var(--space-5) 0 var(--space-4);padding:var(--space-3) var(--space-3) var(--space-4);background:oklch(from var(--primary) l c h/.06);border:1px solid oklch(from var(--primary) l c h/.18);border-radius:var(--radius-lg)}.article .article-cta .btn,.article .article-cta .btn:hover{color:var(--paper);text-decoration:none}.article .blog-cta-heading,.blog-cta-heading{font-family:var(--serif);font-size:clamp(18px,2vw,22px);font-weight:500;color:var(--ink);margin:var(--space-1) 0;line-height:1.3}.article .blog-cta-body,.blog-cta-body{font-size:16px;color:var(--ink-soft);margin:0 0 var(--space-3);line-height:1.65}.related-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3);margin-top:18px}@media (max-width:880px){.related-grid{grid-template-columns:1fr}}