/* ── About page — page-specific layer (reuses chrome/layer.css tokens & components) ── */
.ab-hero-solo{grid-template-columns:1fr;text-align:center}
.ab-hero-solo .tt-lede{margin:.85rem auto 1.35rem;max-width:60ch}
.ab-hero-solo .hero-meta{justify-content:center}

.ab-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.6vw,16px);margin-top:1.3rem}
.ab-grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){
  .ab-grid3{grid-template-columns:1fr}
}
@media(max-width:620px){
  .ab-grid2{grid-template-columns:1fr}
}
/* force the two-item "Keep Reading" grid to stay two columns on wide
   desktop instead of inheriting the default four-column .guides track —
   the existing 1100px/560px collapse rules in layer.css still apply below
   this, so only guard the desktop case */
@media(min-width:1101px){
  .ab-keep{grid-template-columns:repeat(2,minmax(0,1fr))}
}