
:root{
  --ink:#163238;--muted:#60757a;--sea:#0d6670;--sea2:#0f8991;--mist:#eef8f7;
  --sand:#f7f1e7;--white:#fff;--line:#d9e6e5;--accent:#d99132;--danger:#a33b32;
  --max:1180px;--radius:18px;--shadow:0 10px 30px rgba(17,57,62,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.7 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fbfdfd}
a{color:var(--sea);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--sea2)}
img,svg{max-width:100%}.wrap{width:min(var(--max),calc(100% - 34px));margin:auto}
.topnote{background:var(--ink);color:#eaf5f4;font-size:14px;text-align:center;padding:8px 16px}
.topnote a{color:white;font-weight:700}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.nav{display:flex;align-items:center;gap:24px;min-height:76px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:850;font-size:23px;letter-spacing:-.4px}
.logo{width:42px;height:42px}.navlinks{display:flex;gap:20px;align-items:center;margin-left:auto}.navlinks a{text-decoration:none;color:var(--ink);font-weight:650;font-size:15px}
.btn{display:inline-block;background:var(--sea);color:white!important;text-decoration:none!important;border-radius:999px;padding:12px 19px;font-weight:800;box-shadow:0 5px 15px rgba(13,102,112,.18)}
.btn:hover{background:var(--sea2)}.btn.gold{background:var(--accent)}.menu{display:none;background:none;border:0;font-size:28px}
.hero{background:linear-gradient(135deg,var(--mist),#fff 55%,var(--sand));padding:62px 0 52px;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:44px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:900;color:var(--sea)}
h1,h2,h3{line-height:1.14;letter-spacing:-.025em}h1{font-size:clamp(38px,5vw,62px);margin:.25em 0 .35em}h2{font-size:34px;margin-top:1.6em}h3{font-size:23px;margin-top:1.4em}
.lead{font-size:21px;color:#38575d;max-width:760px}.hero-card,.card,.sidebar-box,.notice,.cta-box,.toc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-card{padding:26px}.hero-card ul{padding-left:20px}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;padding:44px 0 70px}
article{min-width:0}.breadcrumbs{font-size:14px;color:var(--muted);margin-bottom:16px}.breadcrumbs a{color:var(--muted)}
.meta{color:var(--muted);font-size:14px}.toc{padding:20px 24px;background:var(--mist);box-shadow:none}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;margin:5px 0}
.notice{padding:18px 20px;border-left:5px solid var(--accent);box-shadow:none}.notice.medical{border-left-color:var(--danger);background:#fff8f7}
.cta-box{padding:25px;margin:32px 0;background:linear-gradient(135deg,#e9f8f6,#fff)}.cta-box h3{margin-top:0}.cta-box small{display:block;margin-top:12px;color:var(--muted)}
.sidebar{position:relative}.sidebar-inner{position:sticky;top:100px}.sidebar-box{padding:22px;margin-bottom:20px}.sidebar-box h3{margin-top:0;font-size:21px}.sidebar-box ul{padding-left:18px}.sidebar-box .btn{width:100%;text-align:center;margin-top:8px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.card{padding:22px}.card h3{margin-top:0}.card p{color:#536b70}.card a.more{font-weight:800}
.compare{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}.compare th,.compare td{border:1px solid var(--line);padding:12px;vertical-align:top}.compare th{background:var(--mist);text-align:left}
.callout{padding:20px;border-radius:14px;background:var(--sand);margin:24px 0}.related{border-top:1px solid var(--line);margin-top:45px;padding-top:25px}.related-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.related-links a{padding:13px 15px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:white;font-weight:700}
.site-footer{background:var(--ink);color:#dbe9e8;padding:46px 0 24px}.site-footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}.footer-bottom{border-top:1px solid #3f5a5f;margin-top:28px;padding-top:18px;font-size:13px;color:#bfd0cf}
.prose li{margin:.35em 0}.prose blockquote{margin:24px 0;padding:12px 22px;border-left:4px solid var(--sea);background:var(--mist)}
.badge{display:inline-block;border:1px solid #b9d8d5;background:var(--mist);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800;color:var(--sea)}
.mobile-cta{display:none}
@media(max-width:900px){
 .navlinks a:not(.btn){display:none}.menu{display:block;margin-left:auto}.navlinks{margin-left:0}.hero-grid,.main-grid,.footer-grid{grid-template-columns:1fr}.sidebar{display:none}.cards{grid-template-columns:1fr}.hero{padding:42px 0}.related-links{grid-template-columns:1fr}
 .mobile-cta{display:block;position:fixed;bottom:12px;left:12px;right:12px;z-index:30;text-align:center;background:var(--sea);color:#fff!important;text-decoration:none;border-radius:999px;padding:14px;font-weight:900;box-shadow:0 8px 26px rgba(0,0,0,.22)}
}
