.post{z-index:3;position:relative}html{scroll-behavior:smooth}.post-grid{grid-template-columns:[toc]230px[main]minmax(0,1fr);align-items:start;column-gap:56px;max-width:1340px;margin:0 auto;padding:0 50px;display:grid}.post-grid.no-toc{grid-template-columns:[main]minmax(0,880px);justify-content:center}.post-main{grid-column:main;min-width:0}.post-head>*,.post-body>p,.post-body>h2,.post-body>h3,.post-body>ul,.post-body>ol,.post-body>blockquote,.post-body>.takeaways,.post-body>.toc-mobile{max-width:760px}.post-head{padding:clamp(38px,6vw,72px) 0 0}.post-back{font-family:var(--font-mono);color:var(--muted);margin-bottom:26px;font-size:12.5px;text-decoration:none;transition:color .14s;display:inline-block}.post-back:hover{color:var(--bone)}.post-head .pcats{margin-bottom:16px}.post-title{font-family:var(--font-sans);letter-spacing:-.028em;color:var(--bone);max-width:20ch;font-size:clamp(32px,4.4vw,52px);font-weight:600;line-height:1.06}.post-deck{color:var(--bone-dim);max-width:54ch;margin-top:20px;font-size:20px;line-height:1.5}.post-byline{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:26px;font-size:13px;display:flex}.post-byline .by-author{color:var(--bone);font-weight:500}.post-byline .by-role{color:var(--muted)}.post-byline .by-author+.by-role:before,.post-byline .by-meta:before{content:"· ";color:var(--muted2)}.post-hero{border:1px solid var(--line);border-radius:12px;width:100%;margin:clamp(30px,4vw,48px) 0 clamp(12px,2vw,24px);display:block}.post-hero.thumb{aspect-ratio:16/9}.post-toc{scrollbar-width:thin;grid-column:toc;align-self:start;max-height:calc(100vh - 110px);padding-top:clamp(38px,6vw,72px);position:sticky;top:90px;overflow-y:auto}.toc-h{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted2);margin-bottom:14px;font-size:11px}.toc-nav{position:relative}.toc-nav:before{content:"";background:var(--line);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:0}.toc-rail{background:var(--green);width:2px;height:0;box-shadow:0 0 10px color-mix(in srgb,var(--green) 45%,transparent);border-radius:2px;transition:height .28s;position:absolute;top:6px;left:0}.toc-list{margin:0;padding:0;list-style:none}.toc-item a{color:var(--muted);border:0;padding:7px 2px 7px 18px;font-size:13.5px;line-height:1.42;text-decoration:none;transition:color .15s;display:block}.toc-item.lvl3 a{color:var(--muted2);padding-left:32px;font-size:12.5px}.toc-item a:hover,.toc-item.is-read a{color:var(--bone-dim)}.toc-item.is-active a{color:var(--bone)}.toc-item.is-active.lvl3 a{color:var(--bone-dim)}.toc-mobile{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:0 0 30px;display:none}.toc-mobile summary{cursor:pointer;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--bone-dim);align-items:center;gap:8px;padding:13px 16px;font-size:11px;list-style:none;display:flex}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile summary:before{content:"›";color:var(--green-ink);font-size:15px;transition:transform .18s}.toc-mobile[open] summary:before{transform:rotate(90deg)}.toc-mobile .toc-list{padding:2px 12px 12px}.toc-mobile .toc-item a{color:var(--muted);border:0;padding:6px 0}.toc-mobile .toc-item.lvl3 a{color:var(--muted2);padding-left:16px}.toc-mobile .toc-item a:hover,.toc-mobile .toc-item.is-read a{color:var(--bone-dim)}.toc-mobile .toc-item.is-active a{color:var(--bone)}.takeaways{border:1px solid color-mix(in srgb,var(--green) 26%,var(--line));background:color-mix(in srgb,var(--green) 5%,var(--surface));border-radius:14px;margin:0 0 clamp(26px,3.5vw,38px);padding:22px 26px}.takeaways .tk-h{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green-ink);margin-bottom:11px;font-size:12px}.takeaways ul{list-style:none}.post-body .takeaways li{color:var(--bone-dim);margin-bottom:7px;padding-left:22px;font-size:16px;line-height:1.45;position:relative}.takeaways li:last-child{margin-bottom:0}.takeaways li:before{content:"✓";color:var(--green);font-weight:700;position:absolute;left:0}.post-body{padding-bottom:clamp(40px,5vw,68px)}.post-body>p{color:var(--bone-dim);margin-bottom:1.3em;font-size:18.5px;line-height:1.72}.post-body b{color:var(--bone);font-weight:600}.post-body em{color:var(--bone)}.post-body h2{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--bone);margin:1.7em 0 .55em;font-size:clamp(24px,3vw,33px);font-weight:600;line-height:1.14}.post-body h3{font-family:var(--font-sans);color:var(--bone);margin:1.5em 0 .5em;font-size:21px;font-weight:600;line-height:1.25}.post-body h2[id],.post-body h3[id]{scroll-margin-top:96px}.post-body a{color:var(--green-ink);border-bottom:1px solid color-mix(in srgb,var(--green) 35%,transparent);text-decoration:none}.post-body a:hover{color:var(--green);border-bottom-color:var(--green)}.post-body ul,.post-body ol{margin:0 0 1.3em;padding-left:1.3em}.post-body li{color:var(--bone-dim);margin-bottom:.5em;font-size:18px;line-height:1.65}.post-body li::marker{color:var(--green)}.post-body blockquote{border-left:3px solid var(--green);font-family:var(--font-sans);color:var(--bone);margin:1.5em 0;padding-left:22px;font-size:21px;font-weight:500;line-height:1.4}.post-body img{border:1px solid var(--line);background:var(--panel);border-radius:10px;width:100%;height:auto;margin:clamp(26px,3.5vw,40px) 0;display:block}.post-body figure{margin:clamp(26px,3.5vw,40px) 0}.post-body figure img{margin:0}.post-body figcaption{font-family:var(--font-mono);color:var(--muted);text-align:center;margin-top:12px;max-width:60ch;margin-inline-start:auto;margin-inline-end:auto;font-size:12px;line-height:1.5}.post-body{--hl-inline:#ffd480;--hl-type:#5fd1e6;--hl-func:#e8c07d;--hl-string:#d9c98a;--hl-number:#f0a06a}.post-body code{font-family:var(--font-mono);color:var(--hl-inline);background:color-mix(in srgb,var(--hl-inline) 10%,transparent);border-radius:4px;padding:1px 5px;font-size:.92em}.post-body .codeblock{margin:0 0 1.4em;position:relative}.post-body .codeblock .cb-lang{z-index:1;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);font-size:10px;position:absolute;top:11px;right:14px}.post-body pre{background:var(--code-bg);border:1px solid var(--line);border-radius:12px;margin:0 0 1.4em;padding:18px 20px;overflow-x:auto;box-shadow:0 18px 50px -30px #000c}.post-body .codeblock pre{margin:0}.post-body pre code{color:var(--bone-dim);font-family:var(--font-mono);background:0 0;border:0;padding:0;font-size:13.5px;line-height:1.7}.post-body .hljs{color:var(--bone)}.post-body .hljs-comment,.post-body .hljs-quote{color:var(--muted);font-style:italic}.post-body .hljs-keyword,.post-body .hljs-selector-tag,.post-body .hljs-literal,.post-body .hljs-meta .hljs-keyword{color:var(--green);font-weight:600}.post-body .hljs-type,.post-body .hljs-built_in,.post-body .hljs-class .hljs-title,.post-body .hljs-title.class_,.post-body .hljs-title.class_.inherited__,.post-body .hljs-name,.post-body .hljs-selector-id,.post-body .hljs-selector-class{color:var(--hl-type)}.post-body .hljs-title,.post-body .hljs-title.function_,.post-body .hljs-section,.post-body .hljs-function .hljs-title{color:var(--hl-func)}.post-body .hljs-string,.post-body .hljs-symbol,.post-body .hljs-regexp,.post-body .hljs-char.escape_,.post-body .hljs-template-tag{color:var(--hl-string)}.post-body .hljs-number{color:var(--hl-number)}.post-body .hljs-meta,.post-body .hljs-doctag{color:var(--green-ink)}.post-body .hljs-attr,.post-body .hljs-attribute,.post-body .hljs-property,.post-body .hljs-variable,.post-body .hljs-template-variable,.post-body .hljs-params{color:var(--bone-dim)}.post-body .hljs-tag,.post-body .hljs-punctuation{color:var(--muted)}.post-body .hljs-deletion{color:var(--red)}.post-body .hljs-addition{color:var(--green)}.post-body .hljs-emphasis{font-style:italic}.post-body .hljs-strong{font-weight:700}.post-body table{border-collapse:collapse;width:100%;margin:0 0 1.5em;font-size:15px}.post-body th,.post-body td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:13px 16px}.post-body thead th{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bone);border-bottom:1px solid color-mix(in srgb,var(--bone) 25%,var(--line));font-size:12px}.post-body td{color:var(--bone-dim);line-height:1.5}.post-body td code{font-size:.88em}.related{border-top:1px solid var(--line);padding-block-start:clamp(40px,5vw,68px);padding-block-end:clamp(44px,5.5vw,76px)}.related .eyebrow{margin-bottom:24px}.related-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.related-grid .thumb{aspect-ratio:16/9}.related-grid .ptitle{font-size:17px}@media (max-width:1080px){.post-grid,.post-grid.no-toc{justify-content:initial;grid-template-columns:[main]minmax(0,1fr);max-width:880px}.post-toc{display:none}.toc-mobile{display:block}.post-head>*,.post-body>p,.post-body>h2,.post-body>h3,.post-body>ul,.post-body>ol,.post-body>blockquote,.post-body>.takeaways,.post-body>.toc-mobile{max-width:none}}@media (max-width:900px){.post-grid{padding:0 32px}}@media (max-width:760px){.related-grid{grid-template-columns:1fr;gap:24px}}@media (max-width:640px){.post-grid{padding:0 22px}}