:root{--plum:var(--navy);--coral:var(--accent);--rose:var(--sky);--lime:var(--mint);--paper:var(--white);--peach:#dff1f6}
body{background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:18px;line-height:1.7}
body>.notice{height:auto;min-height:38px;margin:0;padding:8px 20px;border:0;border-radius:0;background:#dff1f6;color:var(--navy);text-align:center;font-size:13px;font-weight:700;line-height:1.6}
body>.notice span{color:var(--accent);margin:0 10px}
.site-header{gap:22px}
.site-header nav{gap:21px}
.site-header nav a[aria-current="page"]{border-color:var(--mint)}
.site-header>.login-button{flex:0 0 auto}
.site-header>.nav-cta,.site-header>.button-small{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border-radius:999px;background:var(--mint);color:var(--navy);font-size:15px;font-weight:800;white-space:nowrap}
.site-header>.nav-cta:hover,.site-header>.button-small:hover{background:#a6e4cd;transform:translateY(-2px)}
.menu-button i{display:block;width:27px;height:2px;margin:6px 0;background:currentColor}
h1,h2,h3{font-family:"DM Sans",sans-serif;color:var(--navy)}
h1 em,h2 em{color:var(--accent);font-style:normal}
.eyebrow,.kicker{color:var(--accent);font-family:"DM Sans",sans-serif;font-weight:800}
.kicker span{background:var(--accent)}
.article-page,.articles-page,.longread-page,.about-page{background:var(--cream)}
.article-hero,.articles-hero,.about-hero,.longread-hero{position:relative}
.article-hero:before,.articles-hero:before,.about-hero:before,.longread-hero:before{content:"";position:absolute;z-index:-1;width:240px;height:240px;right:4%;top:18%;border-radius:50%;background:var(--sky);box-shadow:65px 45px 0 -25px rgba(185,237,218,.72)}
.article-hero h1,.articles-hero h1,.about-hero h1,.longread-hero h1{color:var(--navy);font-family:"DM Sans",sans-serif;font-weight:700;line-height:1.04;letter-spacing:-2.5px}
.article-hero>p,.articles-hero>p,.about-hero>div>p:last-child,.longread-lead{color:var(--muted);line-height:1.65}
.article-nav a{border-color:var(--line);border-radius:999px;background:#fff;color:var(--navy)}
.article-nav a:hover,.article-nav a.active{border-color:var(--accent);background:var(--accent);color:#fff}
.article-content,.longread{color:var(--ink)}
.article-content h2,.longread h2{color:var(--navy);font-family:"DM Sans",sans-serif;font-weight:700;letter-spacing:-1.5px}
.article-content>p,.article-lead,.longread p,.longread li{color:var(--muted)}
.article-content .notice{border-left:5px solid var(--accent);background:var(--sky)}
.article-content .notice b{color:var(--navy)}
.medicine,.risk-card,.bmi-table,.provider-card{border-color:var(--line);background:#fff;box-shadow:0 12px 34px rgba(12,51,69,.06)}
.medicine-title h3,.risk-card h3,.formula strong,.locations-intro h2,.provider-card strong{color:var(--navy);font-family:"DM Sans",sans-serif}
.medicine-title small,.card-index,.article-card b,.provider-card b{color:var(--accent)}
.price,.formula,.formula-box,.locations-note{background:var(--sky)}
.price strong,.bmi-row strong,.formula strong{color:var(--navy)}
.risk-card span{background:var(--sky);color:var(--accent)}
.risk-card:nth-child(3n+2) span{background:#dff1f6}
.risk-card:nth-child(3n+3) span{background:var(--mint)}
.context-box,.summary-box,.bmi-row.header,.lab-guide{background:var(--navy)}
.context-box p,.summary-box p,.lab-guide p{color:#d8e8ed}
.article-cta{background:var(--accent)}
.article-cta .primary{display:inline-flex;min-height:50px;align-items:center;padding:12px 24px;border-radius:999px;background:#fff;color:var(--navy);font-weight:800;box-shadow:none}
.subscription-card{background:var(--navy);box-shadow:0 24px 70px rgba(12,51,69,.16)}
.subscription-price{background:var(--mint);color:var(--navy)}
.subscription-price strong{font-family:"DM Sans",sans-serif}
.subscription-details li>span{background:var(--mint);color:var(--navy)}
.articles-hero{border-bottom:1px solid var(--line)}
.article-card{border-color:var(--line);border-radius:24px;box-shadow:0 12px 34px rgba(12,51,69,.06)}
.article-card:hover{border-color:#a9cad6;box-shadow:12px 12px 0 #dceff5}
.article-card .card-index{color:var(--accent);font-family:"DM Sans",sans-serif;font-weight:700}
.article-card h2{color:var(--navy);font-family:"DM Sans",sans-serif;font-weight:700;letter-spacing:-1.4px}
.breadcrumb a{color:var(--accent);font-weight:700}
.article-meta strong{color:var(--navy)}
.longread-table{border-color:var(--line);border-radius:18px;overflow:hidden}
.longread-table th{background:var(--navy)}
.formula-box{border-left-color:var(--accent);border-radius:16px}
.formula-box strong{color:var(--navy);font-family:"DM Sans",sans-serif}
.about-story h2,.about-provider h2{color:var(--navy);font-family:"DM Sans",sans-serif}
.about-provider{padding:48px;border-radius:26px;background:#dff1f6}
.map-shell{border-color:var(--line);background:var(--sky);box-shadow:0 18px 55px rgba(12,51,69,.12)}
.map-consent{background:linear-gradient(135deg,var(--sky),#fff)}
.map-consent-card{border-color:var(--line);box-shadow:0 16px 50px rgba(12,51,69,.12)}
.map-pin,.map-load{background:var(--accent)}
.map-consent h2{color:var(--navy)}
.provider-card:hover{border-color:var(--accent)}
.final-cta{background:var(--navy);border-radius:28px}
.final-cta h2{color:#fff;font-family:"DM Sans",sans-serif}
.final-cta h2 em{color:var(--mint)}
.final-cta>p{color:#d9e9ed}
.button,.button-light{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:13px 25px;border-radius:999px;background:var(--mint);color:var(--navy);font-weight:800;transition:transform .2s,background .2s}
.button:hover,.button-light:hover{background:#a6e4cd;transform:translateY(-2px)}
footer{background:#0b2e3d;color:#fff}
.footer-main{display:grid;grid-template-columns:1.4fr .7fr 1.25fr;gap:55px}
.footer-main>div{display:flex;flex-direction:column;align-items:flex-start}
.footer-main img{display:block;width:160px;height:auto;background:transparent;padding:0;border-radius:0;object-fit:contain}
.footer-main p,.footer-main a{color:#c4d8df;font-size:15px}
.footer-main strong{font-size:15px;margin-bottom:13px}
.footer-main a{padding:4px 0}
.footer-main a:hover{color:#fff}
.footer-bottom{border-color:rgba(255,255,255,.14);color:#91aeb9}
.portal-message{position:fixed;z-index:80;right:20px;top:105px;max-width:390px;padding:16px 19px;border-radius:12px;background:#fff;color:var(--navy);box-shadow:var(--shadow);font-size:15px;border-left:5px solid var(--accent)}
@media(max-width:1120px){.site-header>.nav-cta,.site-header>.button-small{display:none}.site-header.open nav{top:80px}.site-header.open nav a[aria-current="page"]{color:var(--mint)}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:last-child{grid-column:1/-1}}
@media(max-width:780px){body>.notice{font-size:12px}.site-header>.login-button{min-height:40px;padding:7px 8px;font-size:14px}.article-hero:before,.articles-hero:before,.about-hero:before,.longread-hero:before{width:145px;height:145px;opacity:.65}.article-hero h1,.articles-hero h1,.about-hero h1,.longread-hero h1{font-size:clamp(42px,11vw,58px);letter-spacing:-1.5px}.about-provider{margin:65px 20px;padding:28px}.footer-main{grid-template-columns:1fr;gap:35px}.footer-main>div:last-child{grid-column:auto}.final-cta{border-radius:0}}