/* blog.page.css - minimal, site-consistent styles for blog index and FAQ */
:root{--blog-gap:24px}
#blog-index{max-width:1200px;margin:0 auto;padding:24px}
#blog-index h1{font-family:var(--font-display);font-size:2rem;margin-bottom:8px}
#blog-index .lead{font-size:1rem;color:var(--text);margin-bottom:12px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--blog-gap);margin-top:20px}
.card{display:block;background:var(--white);border-radius:12px;padding:18px;border:1px solid rgba(10,31,68,0.06);text-decoration:none;color:inherit}
.card h3{margin:0 0 8px 0;font-size:1.05rem;font-weight:700}
.locations span{display:inline-block;padding:6px 8px;border-radius:8px;background:rgba(0,0,0,0.03);margin:6px 6px 0 0;font-size:.92rem}
/* FAQ */
[itemscope][itemtype$="FAQPage"] h3{font-size:1rem;margin-top:18px}
[itemscope][itemtype$="FAQPage"] p{margin:8px 0 14px;color:var(--text-light)}
@media(max-width:720px){#blog-index{padding:18px}}