body{overflow-x:clip}.reading-progress{position:fixed;inset:0 0 auto;z-index:60;height:4px;background:#0204021f}.reading-progress span{width:var(--reading-progress, 0%);height:100%;display:block;background:var(--lime);transition:width .08s linear}.post-hero{margin-top:14px;padding-block:clamp(72px,9vw,118px) 42px;color:#fff;background:var(--ink)}.post-back{display:inline-flex;gap:12px;align-items:center;margin-bottom:70px;color:#fff;font:10px var(--mono);text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.35)}.post-title-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(60px,8vw,120px);align-items:end}.post-category{margin:0 0 18px;color:var(--green);font:10px var(--mono);text-transform:uppercase}.post-title-grid h1{max-width:870px;margin:0;font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-.04em;text-wrap:balance}.post-intro{max-width:510px;margin:0;color:#fff;font-size:clamp(18px,2vw,23px);line-height:1.55;text-wrap:pretty}.post-meta{margin-top:76px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid rgba(255,255,255,.22)}.author{display:flex;align-items:center;gap:15px}.author img{width:58px;height:58px;object-fit:cover;border-radius:50%;background:var(--mint)}.author div{display:grid;gap:3px}.author span,.post-meta dt{color:#fff;font:9px var(--mono);text-transform:uppercase}.author strong{font-size:17px}.post-meta dl{margin:0;display:flex}.post-meta dl div{min-width:150px;padding-left:24px;border-left:1px solid rgba(255,255,255,.22)}.post-meta dt{margin-bottom:7px}.post-meta dd{margin:0;font-size:15px;font-weight:650}.post-layout{padding-block:96px 130px;display:grid;grid-template-columns:260px minmax(0,760px);justify-content:space-between;gap:clamp(56px,9vw,130px);align-items:start}.post-toc{position:sticky;top:32px}.post-toc>p{margin:0 0 20px;font:10px var(--mono);text-transform:uppercase}.post-toc nav{display:grid;border-top:1px solid var(--ink)}.post-toc a{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);color:#58605f;font-size:12px;line-height:1.4;transition:color .2s ease,padding-left .2s ease}.post-toc a span{color:var(--green-toned);font:9px var(--mono)}.post-toc a:hover,.post-toc a[aria-current]{padding-left:8px;color:var(--ink);background:var(--mint-light)}.post-content{min-width:0}.post-content section{padding-bottom:82px;scroll-margin-top:34px}.post-content .lead{margin:0 0 72px;padding-bottom:42px;border-bottom:1px solid var(--ink);color:var(--ink);font-size:clamp(24px,3vw,36px);line-height:1.28;letter-spacing:-.025em;text-wrap:pretty}.post-content h2{margin:0 0 28px;font-size:clamp(34px,4vw,54px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.post-content h3{margin:38px 0 18px;font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:-.025em}.post-content p{max-width:70ch;margin:0 0 24px;color:#38403f;font-size:18px;line-height:1.78;text-wrap:pretty}.post-content p a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:1px;text-underline-offset:4px}.post-content p a:hover{color:var(--green)}.post-content figure{margin:42px 0 38px}.post-content figure img{display:block;width:auto;max-width:100%;max-height:min(78vh,820px);margin-inline:auto;object-fit:contain}.post-content figcaption{padding-top:10px;color:#58605f;font:9px/1.5 var(--mono)}.process-list{margin:42px 0 0;border-top:1px solid var(--ink)}.process-list div{padding:20px 0;display:grid;grid-template-columns:150px 1fr;gap:24px;border-bottom:1px solid var(--line)}.process-list span{padding-top:5px;color:var(--green-toned);font:10px var(--mono);text-transform:uppercase}.process-list p{margin:0;color:var(--ink);font-size:16px;line-height:1.55}blockquote{margin:42px 0;padding:38px;color:var(--ink);background:var(--mint);font-size:clamp(23px,3vw,34px);line-height:1.38;letter-spacing:-.02em}.component-list{margin:42px 0 0;padding:0;list-style:none;counter-reset:components;border-top:1px solid var(--ink)}.component-list li{counter-increment:components;padding:25px 0;display:grid;grid-template-columns:40px 1fr 1.2fr;gap:20px;border-bottom:1px solid var(--line)}.component-list li:before{content:"0" counter(components);color:var(--green-toned);font:10px var(--mono)}.component-list strong{font-size:17px}.component-list span{color:#38403f;line-height:1.6}.post-cta{margin-top:54px;padding:38px;color:#fff;background:var(--ink)}.post-cta p{max-width:580px;margin-bottom:28px;color:#fff;font-size:24px;line-height:1.35}@media(max-width:900px){.post-title-grid{grid-template-columns:1fr;gap:38px}.post-meta{align-items:end}.post-layout{padding-top:0;grid-template-columns:1fr;gap:54px}.post-toc{position:sticky;top:0;z-index:15;margin-inline:-24px;padding:16px 24px;overflow-x:auto;color:var(--ink);background:var(--paper);border-bottom:1px solid var(--line)}.post-toc>p{display:none}.post-toc nav{width:max-content;display:flex;gap:8px;border:0}.post-toc a{min-height:44px;padding:10px 12px;display:flex;align-items:center;border:1px solid var(--line);background:var(--paper);white-space:nowrap}.post-toc a:hover,.post-toc a[aria-current]{padding-left:12px;background:var(--mint)}}@media(max-width:620px){.post-hero{padding-top:54px}.post-back{margin-bottom:48px}.post-title-grid h1{font-size:clamp(42px,12vw,62px);overflow-wrap:anywhere}.post-meta{margin-top:54px;align-items:start;flex-direction:column}.post-meta dl{width:100%;border-top:1px solid rgba(255,255,255,.22)}.post-meta dl div{flex:1;min-width:0;padding:16px 12px 0 0;border-left:0}.post-meta dl div+div{padding-left:16px;border-left:1px solid rgba(255,255,255,.22)}.post-layout{padding-bottom:90px}.post-content section{padding-bottom:64px}.process-list div,.component-list li{grid-template-columns:1fr;gap:8px}blockquote,.post-cta{padding:26px 22px}}@media(prefers-reduced-motion:reduce){.reading-progress span,.post-toc a{transition:none}}@media(max-width:900px){.post-layout{min-width:0}.post-toc{min-width:0;max-width:100%;margin-inline:0;padding-inline:0}}