/* Blog index uses the homepage's typography, colors, header and footer. */
.blog-index .header-row nav a[aria-current="page"]{color:var(--ss-accent-text);text-decoration:underline;text-underline-offset:7px}
.blog-index .blog-hero{padding:48px 0 64px}
.blog-breadcrumbs{display:flex;gap:10px;align-items:center;margin-bottom:36px;font-size:12px;color:var(--muted)}
.blog-breadcrumbs a{color:var(--muted);text-decoration:none;padding:6px 0}
.blog-hero .hero-grid{gap:70px;align-items:center}
.blog-index .hero-lead{margin-bottom:0}
.blog-feature{background:var(--ss-brand);color:var(--ss-on-brand);border:1px solid var(--ss-brand);border-radius:18px;padding:32px}
.blog-feature .eyebrow{color:var(--ss-on-brand);margin-bottom:24px}
.blog-feature h2{font-size:28px;letter-spacing:-.7px}
.blog-feature h2 a{color:var(--ss-on-brand);text-decoration:none}
.blog-feature h2 a:hover{text-decoration:underline}
.blog-index .blog-feature p{color:var(--ss-on-brand);font-size:14px}
.blog-feature .feature-link{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;gap:32px;color:var(--ss-on-brand);font-size:14px;font-weight:700;text-decoration:none}
.blog-section-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.blog-section-header h2{margin:0}.blog-count{color:var(--muted);font-size:13px;white-space:nowrap}
.blog-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-article{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.article-category{display:block;font-size:10px;letter-spacing:1.2px;font-weight:750;color:var(--ss-accent-text);margin-bottom:18px}
.blog-article h3{font-size:20px;line-height:1.35;letter-spacing:-.35px}
.blog-article h3 a{color:var(--ink);text-decoration:none}
.blog-article h3 a:hover{color:var(--ss-accent-text);text-decoration:underline}
.blog-index .blog-article p{font-size:14px;line-height:1.8;margin-bottom:20px}
.article-link{display:inline-flex;align-items:center;align-self:start;gap:18px;min-height:44px;margin-top:auto;font-size:13px;font-weight:750;text-decoration:none}
.blog-contact{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.blog-contact-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}
.blog-contact h2{max-width:600px}.blog-contact p{max-width:610px;margin-bottom:0}
.blog-contact-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start;justify-self:end}
.blog-contact-actions>a:not(.home-btn){font-size:16px;font-weight:650;text-decoration:none;padding:5px 0}
@media(max-width:1024px){.blog-articles{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-hero .hero-grid{gap:32px}}
@media(max-width:900px){.blog-feature{max-width:600px}.blog-hero .hero-grid{grid-template-columns:1fr}.blog-contact-inner{gap:28px}}
@media(max-width:600px){.blog-index .blog-hero{padding:24px 0 40px}.blog-breadcrumbs{margin-bottom:24px}.blog-feature{padding:24px}.blog-feature h2{font-size:25px}.blog-articles{grid-template-columns:1fr;gap:16px}.blog-article{padding:24px}.blog-section-header{gap:16px;margin-bottom:24px}.blog-section-header h2{font-size:26px}.blog-contact-inner{grid-template-columns:1fr}.blog-contact-actions{justify-self:start}.blog-index .home-footer{padding-bottom:24px}}