.blog-detail,.blog-index{padding-block:var(--space-12) var(--space-24)}.blog-heading{max-width:52rem;margin-block:var(--space-4) var(--space-12)}.blog-heading h1{font-size:var(--text-display);line-height:1.04;letter-spacing:-.055em;margin-block:var(--space-4)}.blog-heading>p{color:var(--muted);font-size:var(--text-lead)}.blog-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.blog-filters .chip{min-height:44px}.blog-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.blog-card{min-width:0;border-radius:var(--radius-card);background:var(--surface)}.blog-card-link{display:flex;flex-direction:column;height:100%;border-radius:inherit;overflow:hidden}.blog-card-image{aspect-ratio:1200/630;overflow:hidden}.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--motion-feedback) ease}.blog-card-link:hover .blog-card-image img{transform:scale(1.025)}.blog-card-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:var(--space-4);padding:var(--card-padding)}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-6);font-size:var(--text-meta);color:var(--muted)}.blog-meta>:first-child{color:var(--accent)}.blog-card h2{font-size:var(--text-card);line-height:1.25;margin:0;letter-spacing:-.025em}.blog-card p{color:var(--muted);font-size:var(--text-body);margin:0}.blog-read{display:inline-flex;gap:var(--space-2);align-items:center;font-size:var(--text-control-label);font-weight:500;padding-top:var(--space-2);margin-top:auto}.blog-empty{padding:var(--space-12);background:var(--surface);border-radius:var(--radius-card)}.blog-breadcrumb a,.blog-meta a,.blog-sources a,.blog-toc a{display:inline-flex;align-items:center;min-height:44px}.blog-breadcrumb{font-size:var(--text-control-label);margin-bottom:var(--space-8)}.blog-article-header{max-width:54rem;margin-inline:auto;margin-bottom:var(--space-8)}.blog-article-header h1{font-size:var(--text-page);line-height:1.12;letter-spacing:-.04em;margin-block:var(--space-4) var(--space-6);text-wrap:balance}.blog-summary{font-size:var(--text-lead);line-height:1.7;margin-bottom:var(--space-6)}.blog-hero-image{display:block;width:100%;height:auto;max-height:32rem;object-fit:cover;border-radius:var(--radius-card)}.blog-reading-layout{display:grid;gap:var(--space-8);margin-top:var(--space-12);align-items:start}.blog-toc{background:var(--surface);border-radius:var(--radius-card);padding:var(--card-padding);font-size:var(--text-body)}.blog-toc ol{margin-top:var(--space-3);padding-left:var(--space-4)}.blog-toc li{padding-left:var(--space-1)}.blog-breadcrumb a:hover,.blog-sources a:hover,.blog-toc a:hover{color:var(--accent)}.blog-prose{max-width:var(--reading);min-width:0;font-size:var(--text-body);line-height:1.85}.blog-prose section{margin-bottom:var(--space-12);scroll-margin-top:7rem}.blog-prose h2,.blog-related>h2{font-size:var(--text-section);line-height:1.2;letter-spacing:-.03em;margin-bottom:var(--space-6)}.blog-prose h3{font-size:var(--text-card);line-height:1.35;margin-bottom:var(--space-3)}.blog-prose p{margin-block:0 var(--space-4)}.blog-prose ul{padding-left:var(--space-6)}.blog-prose li{margin-bottom:var(--space-3)}.blog-question+.blog-question{margin-top:var(--space-8)}.blog-sources a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.blog-cta{display:flex;gap:var(--space-6);align-items:center;justify-content:space-between;padding:var(--space-6);background:var(--accent);color:var(--white);border-radius:var(--radius-card);font-size:var(--text-control-label);font-weight:500;min-height:44px}.blog-cta svg{flex-shrink:0}.blog-related{margin-top:var(--space-16)}.blog-card-link:focus-visible,.blog-detail a:focus-visible,.blog-index a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (min-width:600px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card-featured{grid-column:1/-1}}@media (min-width:1000px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-card-featured{grid-column:span 2;grid-row:span 2}.blog-card-featured .blog-card-image{flex:1;min-height:22rem}.blog-card-featured h2{font-size:var(--text-section)}.blog-card-featured .blog-card-copy{flex:0;padding:var(--space-8)}.blog-reading-layout{grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:var(--space-16);max-width:70rem;margin-inline:auto}.blog-toc{position:sticky;top:7rem}}@media (prefers-reduced-motion:reduce){.blog-card-image img{transition:none}.blog-card-link:hover .blog-card-image img{transform:none}}