.blog-index-hero{text-align:center;background:var(--brand-bg-alt);color:var(--brand-text)}.blog-index-hero p{max-width:700px;margin:24px auto}.blog-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));grid-gap:24px;gap:24px}.blog-card{max-width:600px}.blog-card img{min-height:0;aspect-ratio:16/9}.blog-card h2{font-size:1.5rem;margin:16px 0}.pagination{margin:48px 0}.page-link{color:var(--brand-primary)}.reading-guidance{padding-top:32px}