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