/* Article styles share the site's coastal colors, typography and responsive grids. */
.guide-breadcrumb {display:flex; flex-wrap:wrap; gap:10px; margin-bottom:24px; font-size:.8rem; color:var(--text-soft)}
.guide-breadcrumb a {color:var(--brand); text-underline-offset:4px}
.guide-section > p,.guide-section > ul,.guide-section > ol {max-width:80ch}
.guide-section > h2 {font-size:clamp(1.65rem,3vw,2.4rem); letter-spacing:-.035em; line-height:1.25; margin-bottom:22px}
.guide-section > h3 {margin-top:30px; font-size:1.15rem}
.guide-section > p,.guide-section > ul,.guide-section > ol {color:var(--text-soft)}
.guide-section > p a,.guide-section > ol a {color:var(--brand); text-underline-offset:4px}
.guide-section strong {color:var(--text)}
.guide-section .callout-panel {margin-top:26px; max-width:80ch}
.resource-guide .page-hero .source-note {font-size:.82rem; margin-top:24px}
@media(max-width:600px) {.guide-section {margin-top:52px}.guide-section > ol,.guide-section > ul {padding-left:22px}}

.screening-example {margin:24px 0; max-width:960px}
.screening-example img {display:block; width:100%; height:auto; border-radius:16px}
.screening-example figcaption {margin-top:14px; max-width:80ch; color:var(--text-soft); font-size:.9rem; line-height:1.7}