.post-page{max-width:var(--container-max);margin:0 auto}article{max-width:900px;margin:0 auto}.back-link{font:500 var(--text-sm) var(--font-mono);color:var(--color-muted);margin:var(--space-xl) var(--gutter) var(--space-lg);text-decoration:none;display:inline-block}.back-link:hover{color:var(--color-ink-2)}.article-header{padding:0 var(--gutter)}.track{font:600 var(--text-xs) var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.title{font:700 clamp(1.9rem, 3.6vw, 2.75rem) / 1.2 var(--font-display);margin:var(--space-sm) 0;color:var(--color-ink)}.dek{font:400 var(--text-md) / 1.6 var(--font-body);color:var(--color-ink-2);max-width:var(--measure-letter);margin:0 0 var(--space-md)}.meta{font:500 var(--text-xs) var(--font-mono);color:var(--color-muted);letter-spacing:.03em;margin:0 0 var(--space-xl)}.cover-wrap{padding:0 var(--gutter) var(--space-xl)}.body-grid{gap:var(--space-2xl);padding:0 var(--gutter);grid-template-columns:14ch 1fr;align-items:start;display:grid}.post-body{max-width:var(--measure-prose);padding-bottom:var(--space-2xl)}.post-body h2{font:600 var(--text-xl) var(--font-display);color:var(--color-ink);margin:var(--space-xl) 0 var(--space-sm);scroll-margin-top:var(--space-xl)}.post-body p{font:400 var(--text-base) / 1.75 var(--font-body);color:var(--color-ink-2);margin:0 0 var(--space-md)}.post-body blockquote{font:500 var(--text-lg) / 1.5 var(--font-display);color:var(--color-ink);background:var(--color-accent-soft);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-input) var(--radius-input) 0;margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg)}.post-body ul,.post-body ol{font:400 var(--text-base) / 1.75 var(--font-body);color:var(--color-ink-2);margin:0 0 var(--space-md);padding-left:var(--space-lg)}.post-body li{margin:var(--space-3xs) 0}.post-body ul[data-style=checklist]{padding-left:0;list-style:none}.post-body ul[data-style=checklist] input[type=checkbox]{margin-right:var(--space-2xs)}.post-body img{max-width:100%;height:auto;margin:var(--space-lg) 0;border-radius:var(--radius-card)}.post-body a{color:var(--color-accent)}.post-body pre{background:var(--color-input);color:var(--color-on-ink);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-lg);margin:var(--space-lg) 0;border-radius:var(--radius-card);border:1px solid var(--color-rule);line-height:1.6;overflow-x:auto}.post-body pre code{background:0 0;padding:0}.post-body code{font-family:var(--font-mono);background:var(--color-paper-2);padding:.1em var(--space-2xs);font-size:var(--text-sm);border-radius:4px}.post-body hr{border:none;border-top:1px solid var(--color-rule);margin:var(--space-2xl) auto;width:80px}.post-body table{border-collapse:collapse;width:100%;font:400 var(--text-sm) var(--font-body);color:var(--color-ink-2);margin:var(--space-lg) 0}.post-body th,.post-body td{border:1px solid var(--color-rule);padding:var(--space-xs) var(--space-sm);text-align:left}.post-body th{background:var(--color-paper-2);color:var(--color-ink);font-weight:var(--font-weight-semibold)}.post-body figure[data-type=embed]{margin:var(--space-lg) 0}.post-body figure[data-type=embed] iframe{aspect-ratio:16/9;border-radius:var(--radius-card);border:none;width:100%}.post-body figure[data-type=embed] figcaption{font:400 var(--text-sm) var(--font-body);color:var(--color-muted);text-align:center;margin-top:var(--space-xs)}.post-body div[data-type=callout]{border:1px solid var(--color-rule-heavy);border-radius:var(--radius-card);padding:var(--space-md) var(--space-lg);margin:var(--space-xl) 0}.post-body div[data-type=callout][data-variant=newsletter]{border-color:var(--color-accent-border);background:var(--color-accent-soft)}.post-body div[data-type=callout][data-variant=cta]{background:var(--color-paper-2);color:var(--color-ink);border-color:var(--color-rule)}.post-body div[data-type=callout][data-variant=cta] a{color:var(--color-accent);text-decoration:underline}.post-body [data-callout-label]{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-xs)}.post-body [data-callout-body] p{font:400 var(--text-base) / 1.6 var(--font-body);margin:0}.related{max-width:var(--container-max);padding:var(--space-xl) var(--gutter) var(--space-2xs);margin:0 auto}.eyebrow{font:600 var(--text-xs) var(--font-mono);color:var(--color-accent);letter-spacing:.04em;text-transform:uppercase;margin:0 0 var(--space-md);display:block}.related-grid{gap:var(--space-grid-gap);padding-bottom:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.closing{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;margin:var(--space-lg) var(--gutter) 0;padding:var(--space-2xl) var(--gutter);background:var(--color-accent-soft);border:1px solid var(--color-accent-border);border-radius:var(--radius-card);flex-direction:column;text-decoration:none;display:flex}.closing-eyebrow{font:600 var(--text-xs) var(--font-mono);color:var(--color-accent);letter-spacing:.04em;text-transform:uppercase}.closing-headline{font:600 var(--text-2xl) / 1.3 var(--font-display);color:var(--color-ink);max-width:640px}.closing-cta{font:600 var(--text-sm) var(--font-mono);background:var(--color-accent);color:var(--color-accent-ink);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-input)}@media (width<=640px){.body-grid{gap:var(--space-md);grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.title,.closing-headline{font-size:var(--text-xl)}}.cover-img{object-fit:cover;border-radius:var(--radius-card);width:100%;height:220px;display:block}.cover-placeholder{height:220px;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-card);align-items:flex-end;display:flex}.caption{font:600 var(--text-xs) var(--font-mono);color:oklch(98% .01 80/.85);letter-spacing:.06em;text-transform:uppercase}@media (width<=640px){.cover-img,.cover-placeholder{height:160px}}.toc{top:var(--space-lg);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-md);position:sticky}.label{font:600 var(--text-xs) var(--font-mono);color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 var(--space-md)}a{gap:var(--space-xs);padding:var(--space-xs) 0;transition:color var(--dur-short) var(--ease-out);text-decoration:none;display:flex}.bar{width:3px;transition:background-color var(--dur-short) var(--ease-out);background:0 0}.bar.active{background:var(--color-accent)}.num{font:600 var(--text-xs) var(--font-mono);color:var(--color-accent);font-variant-numeric:tabular-nums;flex:none}.text{font:500 var(--text-sm) / 1.4 var(--font-body);color:var(--color-ink-2)}.text.active{color:var(--color-accent)}@media (width<=640px){.toc{gap:var(--space-lg);padding-bottom:var(--space-xs);display:flex;position:static;overflow-x:auto}.label{display:none}a{gap:var(--space-3xs);padding:var(--space-3xs) 0;flex-direction:column;flex:none}.bar{display:none}}.related-card{color:inherit;background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-lg);justify-content:space-between;gap:var(--space-sm);min-height:150px;transition:border-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.related-card:hover{border-color:var(--color-rule-heavy);transform:translateY(-1px)}.related-card__track{font:600 var(--text-xs) var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.related-card__title{font:600 var(--text-sm) / 1.3 var(--font-display);color:var(--color-ink)}.related-card__meta{font:500 var(--text-xs) var(--font-mono);color:var(--color-muted);font-variant-numeric:tabular-nums}