.blog-hero{padding-bottom:56px}.blog-hero h1{font-size:clamp(40px,5vw,64px)}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;display:grid}main>.blog-grid{padding-bottom:112px}.post-card{flex-direction:column;display:flex}.post-cover{border:1px solid var(--vix-border-strong);background:var(--vix-paper);border-radius:12px;overflow:hidden;box-shadow:0 16px 48px #2524220f}.post-cover img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.post-card .post-cover img{aspect-ratio:16/10;transition:transform .3s}.post-card:hover .post-cover img{transform:scale(1.02)}.post-card-copy{padding-top:28px}.post-meta{color:var(--vix-text-muted);flex-wrap:wrap;gap:6px 12px;font-size:13px;display:flex}.post-meta span+span:before{content:"·";color:var(--vix-crimson);margin-right:12px}.post-card h2,.post-card h3{letter-spacing:-.05em;text-wrap:balance;margin-top:14px;font-size:32px;font-weight:600;line-height:1.15}.post-card:hover h2,.post-card:hover h3{color:var(--vix-crimson)}.post-card-copy>p:not(.post-meta){max-width:540px;color:var(--vix-text-muted);margin-top:14px;font-size:16px;line-height:1.75}.post-card-link{align-items:center;gap:12px;margin-top:20px;font-size:14px;font-weight:600;display:inline-flex}.post-header{text-align:center;max-width:880px;padding-block:64px 48px}.post-breadcrumb{color:var(--vix-text-muted);justify-content:center;gap:10px;margin-bottom:24px;font-size:13px;display:flex}.post-breadcrumb a{font-weight:600}.post-breadcrumb a:hover{color:var(--vix-crimson)}.post-header h1{font-size:clamp(44px,5.4vw,72px);line-height:1.06}.post-dek{max-width:640px;color:var(--vix-text-muted);margin:24px auto 0;font-size:18px;line-height:1.7}.post-byline{margin-top:28px;font-size:13px;font-weight:600}.post-header .post-meta{justify-content:center;margin-top:6px}.post-hero-cover{max-width:1040px;margin-inline:auto}.post-hero-cover img{aspect-ratio:21/9}.post-layout{grid-template-columns:220px minmax(0,720px);justify-content:center;gap:96px;padding-block:72px 96px;display:grid}.post-toc{align-self:start;position:sticky;top:32px}.post-toc p{margin-bottom:16px;font-size:13px;font-weight:600}.post-toc ol{border-left:1px solid var(--vix-border-strong);gap:12px;margin:0;padding:0 0 0 16px;list-style:none;display:grid}.post-toc a{color:var(--vix-text-muted);font-size:13px;line-height:1.5;display:block}.post-toc a:hover{color:var(--vix-crimson)}.post-answer{border-left:3px solid var(--vix-crimson);background:var(--vix-background-deep);border-radius:0 10px 10px 0;padding:28px 32px}.post-answer h2{font-family:var(--vix-font-body);letter-spacing:.01em;font-size:13px;font-weight:600}.post-answer p{margin-top:10px;font-size:18px;line-height:1.7}.post-section{padding-top:64px;scroll-margin-top:24px}.post-section h2,.post-related h2{letter-spacing:-.05em;font-size:34px;line-height:1.15}.post-section>p,.post-section li{font-size:17px;line-height:1.8}.post-section>p,.post-section>ul,.post-section>ol,.post-section>.post-table,.post-section>.post-example{margin-top:20px}.post-section ul,.post-section ol{gap:10px;margin-bottom:0;padding-left:24px;display:grid}.post-section li::marker{color:var(--vix-crimson)}.post-section a,.post-sources a{text-decoration:underline;-webkit-text-decoration-color:var(--vix-border-strong);text-decoration-color:var(--vix-border-strong);text-underline-offset:3px}.post-section a:hover,.post-sources a:hover{color:var(--vix-crimson)}.post-example{border:1px solid var(--vix-border);background:var(--vix-surface);border-radius:10px;margin-inline:0;padding:20px 24px}.post-example figcaption{color:var(--vix-text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.post-example p{white-space:pre-line;font-size:15px;line-height:1.75}.post-table{overflow-x:auto}.post-table table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6}.post-table caption{color:var(--vix-text-muted);text-align:left;padding-bottom:12px;font-size:13px}.post-table th,.post-table td{border-bottom:1px solid var(--vix-border-strong);text-align:left;vertical-align:top;padding:12px 16px 12px 0}.post-table thead th{font-size:13px;font-weight:600}.post-table tbody th{font-weight:600}.post-sources{border-top:1px solid var(--vix-border-strong);margin-top:64px;padding-top:32px}.post-sources h2{letter-spacing:-.04em;font-size:20px}.post-sources ul{color:var(--vix-text-muted);gap:10px;margin:16px 0 0;padding-left:20px;font-size:14px;line-height:1.6;display:grid}.post-related{padding-block:112px}.post-related>h2{margin-bottom:40px}@media (prefers-reduced-motion:reduce){.post-card .post-cover img{transition:none}}@media (max-width:1100px){.post-layout{grid-template-columns:minmax(0,720px);gap:0}.post-toc{display:none}}@media (max-width:760px){.blog-hero{padding-bottom:32px}.blog-grid{grid-template-columns:1fr;gap:56px}main>.blog-grid{padding-bottom:72px}.post-card h2,.post-card h3{font-size:26px}.post-header{padding-block:40px 32px}.post-dek,.post-answer p{font-size:16px}.post-hero-cover img{aspect-ratio:16/10}.post-layout{padding-block:48px 64px}.post-answer{padding:24px}.post-section{padding-top:48px}.post-section h2,.post-related h2{font-size:27px}.post-section>p,.post-section li{font-size:16px}.post-related{padding-block:72px}}
