.post-ledger{border-top:1px solid var(--border-strong);display:grid}.article-shell{width:min(100% - 32px,1120px);padding-top:clamp(24px,4vw,48px)}.article-back{min-height:38px;margin-bottom:var(--space-4);color:var(--text-secondary);align-items:center;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.article-back:hover{color:var(--accent-strong);text-decoration:underline}.post-article{display:grid}.post-header{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:linear-gradient(135deg, color-mix(in srgb, var(--paper-raised) 58%, transparent), transparent 43%), var(--paper);box-shadow:var(--shadow-paper);grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);display:grid;position:relative;overflow:hidden}.post-header:before{z-index:2;background:linear-gradient(180deg, var(--warm), var(--accent) 72%, transparent);content:"";pointer-events:none;width:4px;position:absolute;inset:0 auto 0 0}.post-header--fallback{grid-template-columns:minmax(0,1fr)}.post-header__copy{align-content:end;gap:var(--space-4);min-width:0;padding:clamp(32px,5vw,58px);display:grid}.post-header h1{max-width:13em;color:var(--text);font-family:var(--font-serif);letter-spacing:0;overflow-wrap:anywhere;text-wrap:pretty;margin:0;font-size:clamp(2.15rem,4.6vw,4rem);line-height:1.14}.post-description{max-width:700px;color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.82}.post-meta{gap:var(--space-3);color:var(--text-muted);flex-wrap:wrap;align-items:center;font-size:.86rem;font-weight:700;display:flex}.post-header__media{border-left:1px solid var(--border);background:var(--surface-muted);min-height:390px}.post-cover{object-fit:cover;object-position:center;width:100%;height:100%;min-height:390px;display:block}.article-reading-grid{width:min(100%, var(--content-reading));gap:var(--space-6);justify-self:center;margin-top:clamp(32px,5vw,54px);display:grid}.article-reading-grid.has-toc{grid-template-columns:minmax(190px, 230px) minmax(0, var(--content-reading));align-items:start;column-gap:clamp(28px,4vw,48px);width:min(100%,1060px)}.article-reading-grid.has-toc .post-intro,.article-reading-grid.has-toc .post-content,.article-reading-grid.has-toc .post-license{grid-column:2}.article-reading-grid.has-toc .toc-block{grid-area:1/1/span 3}.toc-block{max-height:calc(100vh - 116px);padding:var(--space-4) 0 var(--space-4) var(--space-4);border-top:1px solid var(--border-strong);border-left:3px solid var(--accent);position:sticky;top:92px;overflow-y:auto}.toc-header{margin-bottom:var(--space-3);color:var(--text);letter-spacing:.08em;font-size:.86rem;font-weight:800}.toc-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.toc-item{margin:0;font-size:.84rem;line-height:1.48}.toc-item a{color:var(--text-secondary);text-decoration:none}.toc-item a:hover,.toc-item a[aria-current=true]{color:var(--accent-strong);text-decoration:underline}.toc-item a[aria-current=true]{font-weight:800}.toc-item.depth-3{padding-left:var(--space-4);font-size:.8rem}.toc-item.depth-4{padding-left:var(--space-8);font-size:.76rem}.post-intro{min-width:0}.post-intro>:first-child{margin-top:0}.post-intro>:last-child{margin-bottom:0}.post-intro aside{padding:var(--space-5);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-sm);background:var(--annotation);color:var(--text-secondary);box-shadow:var(--shadow-sm);margin:0}.post-intro h3{color:var(--text);font-family:var(--font-serif);margin:1.35rem 0 .55rem;font-size:1.04rem;line-height:1.45}.post-intro h3:first-child{margin-top:0}.post-intro p,.post-intro ul,.post-intro ol{margin-top:.9rem;margin-bottom:.9rem}.post-intro p:first-child,.post-intro ul:first-child,.post-intro ol:first-child{margin-top:0}.post-intro p:last-child,.post-intro ul:last-child,.post-intro ol:last-child{margin-bottom:0}.post-intro ul,.post-intro ol{padding-left:1.35rem}.post-intro li+li{margin-top:.35rem}.post-intro code{border-radius:var(--radius-sm);background:var(--code-bg);color:var(--code-text);font-family:var(--font-mono);padding:.14rem .38rem;font-size:.94em}.post-content{border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(135deg, color-mix(in srgb, var(--paper-raised) 46%, transparent), transparent 28rem), var(--paper);min-width:0;box-shadow:var(--shadow-paper);padding:clamp(28px,5vw,58px);font-size:1.03rem;line-height:1.95}.post-content>:first-child{margin-top:0}.post-content>:last-child{margin-bottom:0}.post-content h2,.post-content h3,.post-content h4,.post-content h5{color:var(--text);scroll-margin-top:110px;line-height:1.3}.post-content h2{font-family:var(--font-serif);margin:2.6rem 0 1rem;padding-top:.2rem;font-size:clamp(1.55rem,3vw,2.15rem)}.post-content h3{margin:2rem 0 .85rem;font-size:1.28rem}.post-content h4{margin:1.6rem 0 .7rem;font-size:1.08rem}.post-content h5{margin:1.3rem 0 .6rem;font-size:1rem}.post-content p,.post-content ul,.post-content ol,.post-content table,.post-content pre,.post-content blockquote,.post-content aside,.post-content hr{margin-top:1.1rem;margin-bottom:1.1rem}.post-content p{overflow-wrap:anywhere}.post-content ul,.post-content ol{padding-left:1.35rem}.post-content li+li{margin-top:.35rem}.post-content hr{background:linear-gradient(90deg, transparent, var(--border), transparent);border:0;height:1px}.post-content aside,.post-content blockquote{padding:var(--space-5);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface-callout)}.post-content blockquote{color:var(--text-secondary)}.post-content blockquote p:first-child,.post-content aside p:first-child{margin-top:0}.post-content blockquote p:last-child,.post-content aside p:last-child{margin-bottom:0}.post-content code{border-radius:var(--radius-sm);background:var(--code-bg);color:var(--code-text);font-family:var(--font-mono);padding:.14rem .38rem;font-size:.94em}.post-content pre{min-width:0;max-width:100%;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--code-bg);color:var(--code-text);overflow-x:auto}.post-content pre code{color:inherit;background:0 0;padding:0;font-size:.92rem}.post-content table{border:1px solid var(--border);border-collapse:collapse;border-radius:var(--radius-md);background:var(--paper);width:100%;min-width:0;max-width:100%;display:block;overflow-x:auto}.post-content thead{background:var(--accent-soft)}.post-content th,.post-content td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.8rem 1rem}.post-content tbody tr:last-child td{border-bottom:0}.post-content img{border:1px solid var(--border);border-radius:var(--radius-sm);max-width:100%;height:auto;box-shadow:var(--shadow-note);margin:1.4rem auto;display:block}.post-content p>img{width:100%}.post-license{gap:var(--space-2);padding:var(--space-5);border-top:1px solid var(--border-strong);background:color-mix(in srgb, var(--paper) 72%, transparent);color:var(--text-secondary);display:grid}.post-license span{color:var(--text);letter-spacing:.08em;font-size:.8rem;font-weight:800}.post-license p{margin:0}@media (width<=960px){.article-reading-grid,.article-reading-grid.has-toc{grid-template-columns:minmax(0, var(--content-reading));width:min(100%, var(--content-reading));justify-content:center}.article-reading-grid.has-toc .post-intro,.article-reading-grid.has-toc .toc-block,.article-reading-grid.has-toc .post-content,.article-reading-grid.has-toc .post-license{grid-area:auto/1}.toc-block{max-height:none;position:static}}@media (width<=760px){.post-header{grid-template-columns:1fr}.post-header__copy{padding:clamp(26px,7vw,42px)}.post-header h1{font-size:clamp(2rem,8vw,3.2rem)}.post-header__media{aspect-ratio:16/10;border-top:1px solid var(--border);border-left:0;min-height:0}.post-cover{min-height:0}}@media (width<=640px){.article-shell{width:min(100% - 24px,1120px)}.post-header__copy{padding:var(--space-5)}.post-header h1{font-size:clamp(1.9rem,10.5vw,2.7rem);line-height:1.14}.post-description{font-size:.94rem;line-height:1.74}.post-meta{gap:var(--space-2)}.post-intro aside,.post-content,.post-license{padding:var(--space-5)}.toc-block{padding:var(--space-4) 0 var(--space-4) var(--space-4)}.toc-item.depth-3{padding-left:var(--space-4)}.toc-item.depth-4{padding-left:var(--space-6)}.post-content{font-size:1rem;line-height:1.9}.post-content :not(pre)>code{overflow-wrap:anywhere;word-break:break-word}.post-content th,.post-content td{padding:.7rem .8rem}}
