.blog-hero{padding-block:clamp(var(--space-16),9vw,7rem) clamp(var(--space-12),7vw,var(--space-20));background:var(--color-surface-muted);border-bottom:var(--border-width) solid var(--color-border)}.blog-hero__inner,.blog-article__header-inner{max-width:46rem}.blog-kicker{margin:0 0 var(--space-5);color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.blog-hero h1,.blog-article__header h1{max-width:16ch;margin:0;font-size:clamp(2.55rem,5vw,4.2rem);font-weight:600;letter-spacing:-.06em;line-height:1.02;text-wrap:balance}.blog-hero__inner>p:last-child,.blog-cluster__intro>p,.blog-article__description{max-width:40rem;margin:var(--space-6) 0 0;color:var(--color-text-muted);font-size:clamp(1.06rem,1.7vw,1.2rem);line-height:1.65;text-wrap:pretty}.blog-posts{padding-block:clamp(var(--space-12),8vw,6rem) clamp(var(--space-16),10vw,8rem)}.blog-topics,.blog-related{border-top:var(--border-width) solid var(--color-border);background:var(--color-surface-muted)}.blog-section-title{margin:0 0 clamp(var(--space-8),6vw,var(--space-12));font-size:clamp(1.65rem,3vw,2.35rem);font-weight:600;letter-spacing:-.05em}.blog-cluster{display:grid;gap:var(--space-5);padding-block:clamp(var(--space-10),7vw,var(--space-16));border-top:var(--border-width) solid var(--color-border)}.blog-topics .blog-cluster:first-of-type{padding-top:0;border-top:0}.blog-cluster__intro h2{max-width:23ch;margin:0;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:600;letter-spacing:-.05em}.blog-cluster__intro h2 a,.blog-card__title a{color:var(--color-text);text-decoration:none}.blog-cluster__intro h2 a:hover,.blog-card__title a:hover{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.14em}.blog-cluster__link,.blog-card__link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-size:var(--text-sm);font-weight:700;text-decoration:none}.blog-cluster__link span,.blog-card__link span{transition:transform var(--duration-fast) var(--ease-out)}.blog-cluster__link:hover span,.blog-card__link:hover span{transform:translate(.18rem,-.08rem)}.blog-grid{display:grid;gap:clamp(var(--space-10),6vw,var(--space-16)) var(--space-8)}.blog-card{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding-top:var(--space-5);border-top:2px solid var(--color-text)}.blog-card__cluster{margin:0 0 var(--space-5);color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.blog-card__cluster a{text-decoration:none}.blog-card__cluster a:hover{color:var(--color-text)}.blog-card__title{max-width:24ch;margin:0;font-size:clamp(1.4rem,2vw,1.7rem);font-weight:600;letter-spacing:-.04em;line-height:1.13;text-wrap:pretty}.blog-card__description{max-width:38rem;margin:var(--space-4) 0 0;color:var(--color-text-muted);line-height:1.62;text-wrap:pretty}.blog-card__link{margin-top:var(--space-6)}.blog-article__header{padding-block:clamp(var(--space-12),8vw,6rem);border-bottom:var(--border-width) solid var(--color-border)}.blog-breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-8);color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--text-xs)}.blog-breadcrumb a{color:var(--color-text-muted);text-decoration:none}.blog-breadcrumb a:hover{color:var(--color-text);text-decoration:underline}.blog-article__meta{margin:var(--space-6) 0 0;color:var(--color-text-subtle);font-size:var(--text-sm)}.blog-article__meta a{color:inherit;font-weight:700}.blog-primary-action{display:inline-flex;min-height:2.9rem;align-items:center;justify-content:center;margin-top:var(--space-8);padding-inline:var(--space-5);border:var(--border-width) solid var(--color-text);border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-inverse);font-size:var(--text-sm);font-weight:700;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.blog-primary-action:hover{background:transparent;color:var(--color-text)}.blog-primary-action:active{transform:translateY(1px)}.blog-article__layout{display:grid;gap:var(--space-10);padding-block:clamp(var(--space-10),7vw,var(--space-16)) clamp(var(--space-16),10vw,8rem)}.blog-toc{padding-block:var(--space-4);border-block:var(--border-width) solid var(--color-border)}.blog-toc__title{margin:0 0 var(--space-4);color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.blog-toc ol{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.blog-toc a{display:block;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.45;text-decoration:none}.blog-toc a:hover{color:var(--color-text);text-decoration:underline}.blog-prose{max-width:46rem;color:var(--color-text);font-size:clamp(1.06rem,1.4vw,1.2rem);letter-spacing:-.012em;line-height:1.72}.blog-prose>*+*{margin-top:var(--space-5)}.blog-prose h2,.blog-prose h3{color:var(--color-text);scroll-margin-top:var(--space-8);text-wrap:balance}.blog-prose h2{margin-top:clamp(var(--space-10),7vw,var(--space-16));font-size:clamp(1.8rem,3vw,2.55rem);font-weight:600;letter-spacing:-.05em}.blog-prose h3{margin-top:var(--space-8);font-size:clamp(1.3rem,2vw,1.65rem);font-weight:600}.blog-prose a{color:var(--color-text);font-weight:700;text-decoration-color:color-mix(in srgb,var(--color-text) 45%,transparent);text-decoration-thickness:.08em;text-underline-offset:.16em}.blog-prose blockquote{margin-inline:0;padding:var(--space-5) var(--space-6);border-left:2px solid var(--color-text);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:1.04em}.blog-prose ul,.blog-prose ol{display:grid;gap:var(--space-3);padding-left:var(--space-6)}.blog-prose li>ul,.blog-prose li>ol{margin-top:var(--space-2)}.blog-prose pre{overflow-x:auto;padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-text);color:var(--color-inverse);font-family:var(--font-mono);font-size:.875rem;line-height:1.6}.blog-prose code{font-family:var(--font-mono);font-size:.88em}.blog-prose :not(pre)>code{padding:.12em .32em;border-radius:.25rem;background:var(--color-surface-muted)}.blog-prose table{display:block;width:100%;overflow-x:auto;border-spacing:0;border-collapse:collapse;font-size:.9rem;white-space:nowrap}.blog-table-caption{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.blog-prose th,.blog-prose td{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);text-align:left;vertical-align:top}.blog-prose th{color:var(--color-text);font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase}@media(min-width:48rem){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article__layout{grid-template-columns:minmax(11rem,13rem) minmax(0,46rem);justify-content:center}.blog-article__aside{position:sticky;top:var(--space-8);align-self:start}}@media(min-width:72rem){.blog-grid--articles,.blog-grid--related{grid-template-columns:repeat(3,minmax(0,1fr))}}
