.post-article .post-hero{background:var(--tone-soft);border-bottom:2px solid var(--color-border);padding-block:var(--space-8) var(--space-12)}.post-article .post-hero-inner>*{max-width:56rem}.post-article .post-hero .breadcrumb{margin-bottom:var(--space-5)}.post-article .post-meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;font-weight:700;display:flex}.post-article .post-meta .chip{background:var(--color-surface);color:var(--tone-ink)}.post-article .sep{color:var(--color-text-subtle)}.post-article .post-hero h1{letter-spacing:-.02em;margin-bottom:var(--space-4);font-size:clamp(2rem,4.4vw,3.25rem);font-weight:900;line-height:1.08}.post-article .post-desc{font-size:var(--text-lg);color:var(--color-text-muted);max-width:46rem;margin-bottom:var(--space-5)}.post-article .byline{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:700;display:flex}.post-article .byline a{color:var(--color-text);text-decoration:underline}.post-article .byline-avatar{background:var(--tone);color:#fff;width:2.25rem;height:2.25rem;box-shadow:var(--press-sm) var(--tone-edge);font-family:var(--font-mono);border-radius:.75rem;justify-content:center;align-items:center;font-size:.6875rem;font-weight:800;display:inline-flex}.post-article .post-layout{justify-content:space-between;gap:var(--space-10);padding-block:var(--space-10) var(--space-20);grid-template-columns:13.5rem minmax(0,45rem) 17rem;display:grid}.post-article .post-toc,.post-article .post-rail{position:relative}.post-article .toc-nav{position:sticky;top:6rem}.post-article .toc-nav .eyebrow{color:var(--color-text-subtle);margin-bottom:var(--space-3)}.post-article .toc-nav ol{flex-direction:column;display:flex}.post-article .toc-nav a{padding:.375rem 0 .375rem var(--space-3);border-inline-start:3px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:700;line-height:1.35;text-decoration:none;display:block}.post-article .toc-nav a:hover,.post-article .toc-nav a.is-active{color:var(--grape-ink);border-color:var(--grape)}.post-article .post-rail{gap:var(--space-4);flex-direction:column;align-self:start;display:flex;position:sticky;top:6rem}.post-article .rail-practice{align-items:flex-start;gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-xl);background:var(--grape);box-shadow:0 6px 0 0 var(--grape-shadow);color:#fff;flex-direction:column;display:flex}.post-article .rail-practice .rail-title{color:#fff}.post-article .rail-text{font-size:var(--text-sm);opacity:.9;margin-bottom:var(--space-2);font-weight:600}.post-article .rail-title{font-size:var(--text-lg);font-weight:900}.post-article .rail-related{padding:var(--space-5);border-radius:var(--radius-xl);background:var(--color-surface);border:2px solid var(--color-border)}.post-article .rail-related ul{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}.post-article .rail-related a{font-size:var(--text-sm);color:var(--grape-ink);font-weight:700;line-height:1.35}.post-article .prose{color:var(--color-text);font-size:1.0625rem;line-height:1.7}.post-article .prose h2{font-size:var(--text-2xl);margin-top:var(--space-12);margin-bottom:var(--space-4);scroll-margin-top:6rem;font-weight:900}.post-article .prose h3{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3);scroll-margin-top:6rem;font-weight:800}.post-article .prose p{margin-bottom:var(--space-5)}.post-article .prose ul,.post-article .prose ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.post-article .prose ul{list-style:outside}.post-article .prose ol{list-style:decimal}.post-article .prose li{margin-bottom:var(--space-2)}.post-article .prose li::marker{color:var(--grape);font-weight:800}.post-article .prose blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--sky-soft);border-inline-start:4px solid var(--sky);color:var(--color-text)}.post-article .prose blockquote p:last-child{margin-bottom:0}.post-article .prose code{font-family:var(--font-mono);background:var(--grape-soft);color:var(--grape-ink);border-radius:var(--radius-sm);padding:.12em .4em;font-size:.875em}.post-article .prose pre{background:var(--color-code-bg);color:var(--color-code-text);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin:var(--space-6) 0;overflow-x:auto}.post-article .prose pre code{color:inherit;font-size:var(--text-sm);background:0 0;padding:0}.post-article .prose table{border-collapse:separate;border-spacing:0;width:100%;margin:var(--space-6) 0;font-size:var(--text-sm);border:2px solid var(--color-border);border-radius:var(--radius-lg);display:block;overflow:auto hidden}.post-article .prose th{background:var(--color-bg-muted);padding:var(--space-3) var(--space-4);text-align:start;font-weight:900}.post-article .prose td{padding:var(--space-3) var(--space-4);border-top:2px solid var(--color-border);vertical-align:top;background:var(--color-surface)}.post-article .prose strong{font-weight:800}.post-article .prose a{color:var(--grape-ink);text-underline-offset:3px;font-weight:700;text-decoration:underline 2px}.post-article .prose hr{border:none;border-top:2px dashed var(--color-border);margin:var(--space-10) 0}.post-article .prose li:has(input[type=checkbox]){margin-left:calc(-1 * var(--space-6));list-style:none}.post-article .prose input[type=checkbox]{margin-right:var(--space-2);accent-color:var(--grape)}.post-article .post-tags{gap:var(--space-2);margin-top:var(--space-10);flex-wrap:wrap;display:flex}.post-article .tag-link{font-family:var(--font-mono);text-decoration:none!important}.post-article .tag-link:hover{background:var(--grape-soft);color:var(--grape-ink)}.post-article .share-section{align-items:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.post-article .share-label{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:900}.post-article .post-cta{justify-content:space-between;align-items:center;gap:var(--space-6);margin-top:var(--space-12);padding:var(--space-8);border-radius:var(--radius-2xl);background:var(--grape);box-shadow:0 8px 0 0 var(--grape-shadow);color:#fff;display:flex}.post-article .post-cta .eyebrow{color:#ffffffd9}.post-article .post-cta h2{color:#fff;font-size:var(--text-2xl);margin:var(--space-1) 0 var(--space-2)}.post-article .post-cta p{opacity:.9}.post-article .read-next{margin-top:var(--space-16)}.post-article .read-next h2,.post-article .post-faq h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.post-article .read-next-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.post-article .read-next-card{gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-xl);background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--press-md) var(--color-border);flex-direction:column;transition:transform .12s,box-shadow .12s;display:flex;text-decoration:none!important}.post-article .read-next-card:hover{box-shadow:0 7px 0 0 var(--color-border);transform:translateY(-3px)}.post-article .read-next-card .icon-tile{width:2.75rem;height:2.75rem;margin-bottom:var(--space-1);border-radius:.875rem;font-size:.875rem}.post-article .read-next-card h3{font-size:var(--text-lg)}.post-article .read-next-card p{font-size:var(--text-sm);color:var(--color-text-muted)}.post-article .post-faq{margin-top:var(--space-16)}.post-article .back-link{margin-top:var(--space-12)}@media (width<=1240px){.post-article .post-layout{grid-template-columns:minmax(0,45rem) 16rem}.post-article .post-toc{display:none}}@media (width<=960px){.post-article .post-layout{grid-template-columns:minmax(0,1fr);justify-content:stretch}.post-article .post-rail{order:2;position:static}}@media (width<=640px){.post-article .post-cta{padding:var(--space-6);flex-direction:column;align-items:flex-start}.post-article .read-next-grid{grid-template-columns:1fr}.post-article .post-hero{padding-block:var(--space-6) var(--space-8)}}