/* Hub blogs (answer-first pages). Leans on the site's own theme tokens. */
.blog-article{padding:clamp(5rem,10vw,7.5rem) 0 clamp(3rem,7vw,5rem)}
.blog-narrow{max-width:72ch;margin:0 auto}
.blog-eyebrow{margin-bottom:1rem}
.blog-eyebrow a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.blog-title{font-family:var(--font-display,inherit);font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.1;margin:0 0 1.1rem;letter-spacing:-0.02em}
.blog-standfirst{font-size:1.18rem;line-height:1.6;opacity:.82;margin:0 0 2.4rem}
.blog-h2{font-family:var(--font-display,inherit);font-size:clamp(1.4rem,2.4vw,1.85rem);line-height:1.2;margin:2.6rem 0 1rem;letter-spacing:-0.01em}
.blog-p{line-height:1.68;margin:0 0 1.15rem}
.blog-list{margin:0 0 1.4rem;padding-left:1.2rem;line-height:1.65}
.blog-list li{margin-bottom:.6rem}
.blog-list--num{padding-left:1.35rem}
.blog-table-wrap{overflow-x:auto;margin:1.6rem 0 2rem}
.blog-table{width:100%;border-collapse:collapse;font-size:.97rem}
.blog-table th,.blog-table td{text-align:left;padding:.8rem .9rem;border-bottom:1px solid rgba(127,127,127,.26);vertical-align:top}
.blog-table th{font-weight:700}
.blog-faq{margin:0 0 1.5rem}
.blog-faq-q{font-size:1.08rem;margin:0 0 .45rem;line-height:1.35}
.blog-faq-a{margin:0;line-height:1.65;opacity:.88}
.blog-sources{list-style:none;margin:1rem 0 0;padding:0;font-size:.93rem;line-height:1.6}
.blog-sources li{position:relative;padding-left:1.1rem;margin-bottom:.9rem;opacity:.86}
.blog-sources li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:2px;background:currentColor;opacity:.5}
.blog-sources a{word-break:break-word}
.blog-cta{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(127,127,127,.26)}
.blog-cta-link{font-weight:600;text-decoration:underline;text-underline-offset:3px}
.blog-index{padding:clamp(5rem,10vw,7.5rem) 0 clamp(3.5rem,8vw,6rem)}
.blog-index-head{max-width:66ch;margin:0 0 2.8rem}
.blog-cards{display:grid;gap:1.2rem;grid-template-columns:1fr}
@media(min-width:760px){.blog-cards{grid-template-columns:repeat(2,1fr)}}
.blog-card{display:block;padding:1.6rem 1.7rem;border:1px solid rgba(127,127,127,.28);border-radius:16px;text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease}
.blog-card:hover{transform:translateY(-3px);border-color:currentColor}
.blog-card-meta{display:block;font-family:var(--font-mono,monospace);font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;opacity:.65;margin-bottom:.6rem}
.blog-card-title{font-family:var(--font-display,inherit);font-size:1.3rem;line-height:1.22;margin:0 0 .55rem}
.blog-card-blurb{margin:0 0 1rem;line-height:1.55;opacity:.82;font-size:.98rem}
.blog-card-go{font-family:var(--font-mono,monospace);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
@media (prefers-reduced-motion:reduce){.blog-card:hover{transform:none}}

/* Full-bleed fixed-background (parallax) image bands */
.parallax-band {
    position: relative; left: 50%; right: 50%;
    margin-left: -50vw; margin-right: -50vw; width: 100vw;
    height: 42vh; min-height: 280px;
    margin-top: 3rem; margin-bottom: 3rem;
    background-attachment: fixed; background-position: center;
    background-size: cover; background-repeat: no-repeat;
}
/* iOS and small screens do not honour fixed attachment; fall back cleanly */
@media (max-width: 900px) { .parallax-band { background-attachment: scroll; height: 32vh; min-height: 200px; } }
@media print { .parallax-band { display: none; } }