.blog-index{padding-block:var(--space-12) var(--space-20)}.blog-index__head{gap:var(--space-4);max-width:46rem;display:grid}.blog-index__head h1{font-size:clamp(2rem,5vw,3rem)}.blog-index__sub{color:var(--color-text-muted)}.blog-index__tag-name{color:var(--color-accent)}.blog-index__all{width:fit-content;font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none}.blog-index__all:hover{color:var(--color-text)}.blog-index__tags{gap:var(--space-2);margin-block:var(--space-8) var(--space-10);flex-wrap:wrap;display:flex}.blog-index__tags a{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);border:1px solid var(--color-border);transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;border-radius:999px;padding:.3125rem .8125rem;font-weight:550;text-decoration:none}.blog-index__tags a:hover{color:var(--color-text);border-color:var(--color-border-strong);background:var(--color-surface-muted)}.blog-index__tags a[aria-current]{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}.blog-index__featured{margin-bottom:var(--space-10)}.blog-index__empty{padding-block:var(--space-10);color:var(--color-text-muted)}.blog-card__grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));display:grid}.blog-card{gap:var(--space-3);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--dur-med) ease, transform var(--dur-med) var(--ease-out), box-shadow var(--dur-med) ease;flex-direction:column;display:flex}.blog-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card__link{text-decoration:none}.blog-card__title{letter-spacing:-.018em;color:var(--color-text);transition:color var(--dur-fast) ease;font-size:1.1875rem;font-weight:620}.blog-card__link:hover .blog-card__title{color:var(--color-accent)}.blog-card__description{font-size:var(--text-sm);color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card__footer{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:auto;display:flex}.blog-card__dot{opacity:.5}.blog-card__date,.blog-card__read{white-space:nowrap}.blog-card__tags{gap:var(--space-1) var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.blog-card__tag{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.02em;color:var(--color-text-muted);transition:color var(--dur-fast) ease;font-weight:550;text-decoration:none}.blog-card__tag:hover{color:var(--color-accent)}.blog-post.container{width:min(100% - 2 * var(--gutter), 54rem);padding-block:var(--space-10) var(--space-20)}.blog-post__back{align-items:center;gap:var(--space-2);margin-bottom:var(--space-10);font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--dur-fast) ease;font-weight:550;text-decoration:none;display:inline-flex}.blog-post__back:hover{color:var(--color-text)}.blog-post__header{gap:var(--space-4);margin-bottom:var(--space-10);display:grid}.blog-post__eyebrow{margin-bottom:var(--space-1)}.blog-post__header h1{text-wrap:balance;font-size:clamp(2rem,5vw,2.875rem)}.blog-post__description{max-width:40rem;font-size:var(--text-lg);color:var(--color-text-muted)}.blog-post__meta{gap:var(--space-2) var(--space-6);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.blog-post__meta-item{gap:.125rem;display:grid}.blog-post__meta-item dt{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.blog-post__meta-item dd{font-size:var(--text-sm);font-weight:550}.blog-post__toc{gap:var(--space-3);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-12);border:1px solid var(--color-border);border-left:2px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface-muted);display:grid}.blog-post__toc-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.blog-post__toc ol{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.blog-post__toc li[data-depth="2"]{margin-top:var(--space-1)}.blog-post__toc li[data-depth="3"]{font-size:var(--text-sm);padding-inline-start:var(--space-5)}.blog-post__toc a{color:var(--color-text-muted);transition:color var(--dur-fast) ease;text-decoration:none}.blog-post__toc a:hover{color:var(--color-accent)}.blog-post__body{margin-bottom:var(--space-12)}.blog-post__footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-6);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.blog-post__tags{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.blog-post__tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);border:1px solid var(--color-border);transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease;border-radius:999px;padding:.25rem .75rem;font-weight:550;text-decoration:none;display:inline-flex}.blog-post__tag:hover{color:var(--color-accent);border-color:var(--color-accent)}.blog-post__twin a{font-size:var(--text-sm);color:var(--color-accent);font-weight:550;text-decoration:none}.blog-post__twin a:hover{text-decoration:underline}.blog-post__data{gap:var(--space-3);padding:var(--space-8);margin-top:var(--space-12);background:color-mix(in srgb, var(--color-accent) 7%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-accent) 28%, var(--color-border));border-radius:var(--radius-lg);display:grid}.blog-post__data h2{font-size:1.375rem}.blog-post__data p{color:var(--color-text-muted)}.blog-post__data .btn{width:fit-content;margin-top:var(--space-2)}.blog-post__related{margin-top:var(--space-16)}.blog-post__related h2{margin-bottom:var(--space-6)}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}}