/* Shared HealthCompass365 article presentation. Article contents stay in HTML. */
:root{--brand:#0077cc;--ink:#172d45;--muted:#46586b;--border:#d8e5f0}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.75 Inter,Arial,sans-serif}
main.article-layout{width:min(calc(100% - 2rem),860px);margin:2rem auto 3rem}
h1,h2,h3{color:#102d4b;line-height:1.3}
h1{font-size:clamp(1.7rem,4vw,2.35rem);margin:1.2rem 0}
h2{font-size:clamp(1.3rem,3vw,1.55rem);margin:2rem 0 .8rem}
h3{font-size:1.12rem;margin:1.3rem 0 .5rem}
p,ul,ol{margin:.8rem 0 1rem}
a{color:#075eaa;text-underline-offset:2px}
a:focus-visible,button:focus-visible{outline:3px solid #e3a600;outline-offset:3px}
img{max-width:100%;height:auto}
main.article-layout img{display:block;max-width:100%;border-radius:10px}
main.article-layout > img,main.article-layout article > img{width:100%;object-fit:cover}
.page-subtitle,.muted{color:var(--muted)}
section.card,.card{border:1px solid var(--border);border-radius:12px;padding:clamp(1rem,2.5vw,1.4rem);margin:1.4rem 0;background:#fff}
.card h2:first-child{margin-top:0}
.mini-card{background:#f4f9ff;border:1px solid var(--border);border-radius:9px;padding:1rem;margin:1rem 0}
table{border-collapse:collapse;width:100%;margin:1rem 0}
th,td{border:1px solid #ccdce9;padding:.75rem;text-align:left;vertical-align:top}
th{background:#edf6fc}
.table-wrap{overflow-x:auto}
.note{background:#eef7ff;border-left:4px solid var(--brand);border-radius:6px;padding:1rem}
.related,.related-guides{background:#f4f9ff;padding:1rem 1.25rem;border-radius:10px;border:1px solid var(--border);margin:2rem 0}
.related h2,.related-guides h2{margin-top:0}
.button{display:inline-block;background:var(--brand);color:#fff;padding:.7rem 1rem;text-decoration:none;border-radius:8px;font-weight:600}
.button:hover{background:#005c9d}
footer{border-top:1px solid var(--border);padding:1.5rem 1rem;text-align:center;color:var(--muted)}
footer p{margin:0;color:inherit}
@media(max-width:600px){main.article-layout{margin:1rem auto 2rem}th,td{padding:.5rem}h2{margin-top:1.5rem}}