.blog-hero{padding-block:var(--s8);background:var(--blue);color:var(--white)}
.blog-hero h1{font-size:clamp(3.5rem,8vw,7rem);letter-spacing:-.055em;line-height:1;max-width:12ch}
.blog-intro{display:flex;align-items:end;justify-content:space-between;gap:var(--s7);margin-top:var(--s7)}
.blog-intro p{font-size:var(--text-lg);max-width:48ch}.blog-intro a{flex:none;font-size:var(--text-base)}
.blog-content{padding-block:var(--s8) var(--s9)}.blog-section-heading{display:flex;justify-content:space-between;align-items:start;gap:var(--s6);margin-bottom:var(--s7)}
.blog-section-heading h2,.blog-latest>h2{font-size:var(--text-3xl)}.blog-search{max-width:360px;flex:1}.blog-search label{display:block;margin-bottom:var(--s2);font-size:var(--text-base)}
.blog-search input{width:100%;min-height:48px;border:1px solid var(--control-line);border-radius:var(--radius-small);padding:var(--s3) var(--s4);background:var(--white);color:var(--ink)}
.blog-entry{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8);padding:var(--s7);background:var(--ground);margin-top:var(--s5)}
.blog-entry:nth-of-type(even){background:var(--dark);color:var(--white)}.blog-meta{font-size:var(--text-sm);margin-bottom:var(--s4)}
.blog-entry h3{font-size:var(--text-2xl);max-width:25ch;line-height:1.25}.blog-entry h3 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.blog-entry h3 a:hover{text-decoration-thickness:2px}
.blog-entry>div>p:not(.blog-meta){max-width:48ch;font-size:var(--text-lg)}.blog-entry .inline-link{display:inline-block;min-height:44px;margin-top:var(--s5)}
.blog-status{margin-top:var(--s5);color:var(--muted);min-height:1.6em}.blog-latest{margin-bottom:var(--s8)}
@media(max-width:850px){.blog-entry{padding:var(--s6);gap:var(--s6)}.blog-entry h3{font-size:var(--text-xl)}.blog-entry>div>p:not(.blog-meta){font-size:var(--text-base)}}
@media(max-width:600px){.blog-hero{padding-block:var(--s7)}.blog-hero h1{font-size:clamp(3rem,13vw,4rem)}.blog-intro{display:block;margin-top:var(--s6)}.blog-intro p{font-size:1.125rem}.blog-intro a{display:inline-block;margin-top:var(--s5);min-height:44px}.blog-section-heading{display:block;margin-bottom:var(--s6)}.blog-search{max-width:none;margin-top:var(--s5)}.blog-section-heading h2,.blog-latest>h2{font-size:var(--text-2xl)}.blog-entry{grid-template-columns:1fr;padding:var(--s5);gap:var(--s5)}.blog-entry h3{font-size:var(--text-2xl);max-width:22ch}.blog-content{padding-block:var(--s7) var(--s8)}}