.blog-shell{background:var(--paper);min-height:100vh;padding-bottom:var(--s-12)}.blog-hero{background:var(--bg);border-bottom:1px solid var(--line);padding:var(--s-9) 0 var(--s-7)}.blog-hero-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:0 0 var(--s-3);font-size:11px;font-weight:600}.blog-hero-h1{color:var(--ink);letter-spacing:-.01em;margin:0 0 var(--s-4);font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.18}.blog-hero-lede{color:var(--ink-soft);max-width:60ch;margin:0;font-size:16.5px;line-height:1.55}.blog-list{padding:var(--s-7) 0 0;gap:var(--s-5);grid-template-columns:1fr;max-width:880px;margin:0;list-style:none;display:grid}@media (min-width:720px){.blog-list{gap:var(--s-5);grid-template-columns:1fr 1fr}}.blog-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-2xl);transition:border-color var(--t-fast), background-color var(--t-fast);overflow:hidden}.blog-card:hover{border-color:#1438934d}.blog-card-link{color:inherit;flex-direction:column;gap:0;text-decoration:none;display:flex}.blog-card-hero{background:var(--paper);border-bottom:1px solid var(--line);justify-content:center;align-items:center;height:140px;font-size:56px;display:flex}.blog-card-body{padding:var(--s-5)}.blog-card-title{color:var(--ink);margin:0 0 var(--s-3);letter-spacing:-.005em;font-size:20px;font-weight:700;line-height:1.3}.blog-card-desc{color:var(--ink-soft);margin:0 0 var(--s-4);font-size:14.5px;line-height:1.55}.blog-card-meta{gap:var(--s-2);color:var(--ink-soft);flex-wrap:wrap;align-items:center;margin:0;font-size:12.5px;display:flex}.blog-card-author{color:var(--ink-soft);font-weight:600}.blog-card-sep{color:var(--ink-faded)}
