/* Uniform cover frames for the index; full article media keeps its own proportions. */
.blog-categories{margin-bottom:32px}
.blog-categories-scroll{display:flex;gap:10px;overflow-x:auto;padding:6px 4px 18px;border-bottom:1px solid var(--line);scrollbar-width:thin;scroll-padding-inline:4px}
.blog-category{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;min-height:48px;padding:10px 19px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-size:14px;font-weight:500;line-height:1.3;text-decoration:none;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}
.blog-category:hover{background:#f7e9e7;border-color:#dcbab7}
.blog-category.is-active{background:#102d54;border-color:#102d54;color:#fff}
.blog-category-count{display:inline-flex;justify-content:center;align-items:center;min-width:25px;height:25px;padding-inline:6px;border-radius:999px;background:rgba(16,45,84,.07);font-size:12px;font-variant-numeric:tabular-nums}
.blog-category.is-active .blog-category-count{background:rgba(255,255,255,.16)}
.blog-category:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.blog-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
.blog-index-grid .article-card{display:flex;flex-direction:column;min-width:0;border-radius:18px;transition:border-color .15s ease}
.blog-index-grid .article-card:hover{border-color:var(--accent)}
.blog-index-grid .article-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.blog-index-grid .article-card-media{padding:0;aspect-ratio:8/5;overflow:hidden;flex:none;background:var(--line)}
.blog-index-grid .article-card-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.blog-index-grid .article-card-copy{padding:25px;display:flex;flex-direction:column;flex:1;min-width:0}
.blog-index-grid .article-card h2{font-size:clamp(22px,2vw,29px);line-height:1.22;margin:12px 0 16px;overflow-wrap:anywhere}
.blog-index-grid .article-card .eyebrow{font-size:11px;margin:0}
.blog-index-grid .article-card-copy>p:not(.eyebrow){font-size:14px;line-height:1.65;margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-index-grid .article-card .text-link{margin-top:auto;padding-top:12px;font-size:14px}
@media(max-width:1000px){.blog-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:600px){.blog-index-grid{grid-template-columns:1fr;gap:24px}.blog-index-grid .article-card-copy{padding:22px}.blog-index-grid .article-card h2{font-size:25px}}
@media(max-width:600px){.blog-categories{margin-bottom:24px}.blog-category{padding:10px 15px;gap:9px}.blog-categories-scroll{padding-bottom:14px}}
@media(prefers-reduced-motion:reduce){.blog-index-grid .article-card,.blog-category{transition:none}}