/* Article-specific roles use the shared responsive type scale. */
.blog-hero{padding-top:155px}
.blog-hero .published-date{font-size:14px;line-height:1.5;margin-top:24px}
.article-body p,.article-body li,.article-photo figcaption{font-size:var(--body-size);line-height:1.6}
.article-body ul{font-size:var(--body-size);line-height:1.6}
header .menu{display:none;background:none;color:white;border:1px solid white;padding:8px 14px;border-radius:30px}
header .links a:hover,header .links a:focus-visible{font-weight:700}
@media(max-width:1200px){header .menu{display:block}header .links{display:none;position:absolute;top:75px;left:18px;right:18px;background:var(--navy);padding:24px;flex-direction:column;align-items:stretch}header .links.open{display:flex}}
@media(max-width:900px){.blog-hero{padding-top:135px}.article-note{position:static}}

/* Keep long headings within phone columns, including font-loading fallbacks. */
.article-body h2{overflow-wrap:anywhere}

/* Responsive factual and planning visuals alongside the article photography. */
.article-body ul{padding-left:1.3em;margin-bottom:28px}.article-body li{margin-bottom:12px;padding-left:.2em}
.article-solution{border-top:1px solid #c8cad5;padding-top:36px;margin-top:40px}
.article-graphic{margin:26px 0 32px}.article-graphic figcaption{font-size:clamp(.85rem,1vw,1rem);line-height:1.6;margin-top:12px;color:#4b4e65}
.process-visual,.recognition-visual,.material-visual{padding:clamp(24px,4vw,48px);border-radius:4px}
.article-body .visual-kicker{font-size:clamp(1rem,1.3vw,1.2rem);font-weight:700;margin-bottom:26px;line-height:1.4}
.process-visual{background:#152448;color:#fff}.visual-steps{list-style:none;padding:0!important;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.article-body .visual-steps li{margin:0;padding:0;display:grid;gap:5px;font-size:var(--body-size)}.visual-steps b{color:#ffa56e;font-size:1.8rem}.visual-steps strong{font-size:var(--body-size)}.visual-steps span{font-size:clamp(.95rem,1.2vw,1.1rem);color:#dce2f1}
.recognition-visual{background:#e4f1e9;color:#123b2a}.article-body .stat-value{font-family:'Barlow Condensed',sans-serif;font-size:clamp(5rem,9vw,8rem);line-height:1;margin-bottom:15px;font-weight:800}.article-body .stat-explain{font-weight:700;font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.3;max-width:530px;margin-bottom:18px}.article-body .stat-context{font-size:var(--body-size);margin:0;max-width:600px}
.material-visual{background:#fff0d4;color:#3c3019}.visual-checks{display:grid;gap:18px}.visual-checks div{display:grid;grid-template-columns:150px 1fr;gap:22px;border-top:1px solid #d8bd82;padding-top:18px;font-size:var(--body-size);line-height:1.5}.visual-checks b{color:#6c4617}
@media(max-width:650px){.visual-steps{grid-template-columns:1fr}.visual-checks div{grid-template-columns:1fr;gap:5px}.article-graphic figcaption{font-size:.9rem}}