
:root{--ink:#172033;--muted:#5b6b83;--brand:#155eef;--green:#16a34a;--soft:#eef7ff;--soft2:#f3fbf7;--line:#dce6f3;--card:#ffffff;--bg:#f7fbff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:linear-gradient(135deg,#f7fbff,#f4fff8);line-height:1.72}
a{color:#155eef;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px}.logo{font-weight:900;font-size:1.35rem;color:var(--ink)}.logo span{color:var(--green)}
.menu{display:flex;gap:22px;align-items:center}.menu a{font-weight:800;color:#243149}.btn{display:inline-block;border-radius:999px;padding:13px 20px;font-weight:900;background:var(--green);color:#fff!important;text-decoration:none}.btn.blue{background:var(--brand)}.btn.light{background:#eaf2ff;color:#155eef!important}
.hero{padding:78px 0 58px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:#155eef;font-weight:900;font-size:.82rem}
h1{font-size:clamp(2.35rem,6vw,5.1rem);line-height:1.02;margin:.15em 0 .25em}h2{font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.15;margin:1.6em 0 .5em}h3{font-size:1.26rem;margin:1.4em 0 .35em}
.lead{font-size:1.18rem;color:var(--muted);max-width:760px}.hero-card,.card,.article-card,.callout{background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:0 18px 60px rgba(18,38,63,.08)}
.hero-card{padding:30px}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.pill{display:inline-block;border:1px solid #cfe0f8;background:#f0f6ff;border-radius:999px;padding:8px 13px;font-weight:800;font-size:.9rem}
.section{padding:44px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card,.article-card{padding:24px}.article-card h3{margin-top:0}.muted{color:var(--muted)}.tag{display:inline-block;background:#eef7ff;color:#155eef;font-weight:900;padding:6px 10px;border-radius:999px;font-size:.8rem}
.footer{margin-top:60px;padding:42px 0;background:#101827;color:#dbe7ff}.footer a{color:#dbe7ff}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px}
.article{max-width:860px;margin:0 auto;padding:46px 22px}.article h1{font-size:clamp(2.1rem,5vw,4rem)}.article-meta{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.takeaways,.toc,.offer,.medical,.references,.related,.warning,.tablebox{border:1px solid var(--line);background:#fff;border-radius:22px;padding:22px;margin:26px 0}.takeaways{background:#f8fbff}.offer{background:#f0fdf4;border-color:#b7efc5}.warning{background:#fffaf0;border-color:#f3d58b}.toc ul{columns:2}.article table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;margin:18px 0}.article th,.article td{padding:13px;border:1px solid var(--line);text-align:left;vertical-align:top}.article th{background:#eef7ff}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.breadcrumb{font-size:.9rem;color:var(--muted);margin-bottom:18px}.breadcrumb a{color:var(--muted)}.small{font-size:.92rem}.quote{border-left:4px solid var(--green);padding-left:18px;color:#34445c;font-weight:700}
@media(max-width:820px){.hero-grid,.grid,.grid2,.footer-grid{grid-template-columns:1fr}.menu{display:none}.hero{padding:50px 0 36px}.toc ul{columns:1}}


/* Health2You cluster article enhancements */
.article-shell{max-width:930px;margin:0 auto;padding:44px 22px;line-height:1.76;color:#172033}
.article-shell h1{font-size:clamp(2.15rem,5vw,4.1rem);line-height:1.04;margin:.2em 0}
.article-shell h2{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.18;margin-top:2em}
.article-shell h3{font-size:1.25rem;margin-top:1.45em}
.article-lead{font-size:1.18rem;color:#526174}
.kicker{font-weight:900;color:#155eef;text-transform:uppercase;letter-spacing:.09em;font-size:.82rem}
.info-box,.toc-box,.takeaway-box,.offer-box,.warning-box,.reference-box,.faq-box,.table-box{background:#fff;border:1px solid #dce6f3;border-radius:22px;padding:22px;margin:26px 0;box-shadow:0 12px 34px rgba(18,38,63,.06)}
.offer-box{background:#f0fdf4;border-color:#b7efc5}.warning-box{background:#fff8e8;border-color:#f4da94}.takeaway-box{background:#f8fbff}
.pill{display:inline-block;border:1px solid #d6e6fb;border-radius:999px;padding:7px 11px;margin:5px;background:#f0f7ff;font-weight:800;font-size:.9rem}
.cta-button{display:inline-block;background:#16a34a;color:#fff!important;text-decoration:none;font-weight:900;padding:14px 20px;border-radius:999px;margin:6px 8px 6px 0}
.cta-button.secondary{background:#155eef}
.article-shell table{width:100%;border-collapse:collapse;background:#fff;margin:16px 0}.article-shell th,.article-shell td{border:1px solid #dce6f3;padding:12px;text-align:left;vertical-align:top}.article-shell th{background:#eef7ff}
.breadcrumbs{font-size:.92rem;color:#64748b;margin-bottom:18px}.breadcrumbs a{color:#64748b}


/* Region-aware affiliate product cards */
.regional-offer-section{overflow:hidden}
.regional-offer-host{min-height:280px}
.regional-offer-loading{display:flex;align-items:center;justify-content:center;min-height:220px;padding:28px;border:1px dashed #a7c7b1;border-radius:18px;background:rgba(255,255,255,.72);color:#43614b;text-align:center}
.regional-product-card{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:30px;align-items:center;padding:26px;border:1px solid #cfe9d6;border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(18,38,63,.08)}
.regional-product-media{text-align:center}
.regional-product-media a{display:block}
.regional-product-media img{display:block;width:100%;height:auto;max-width:330px;max-height:360px;object-fit:contain;margin:0 auto}
.regional-product-copy h3{margin:.25em 0 .55em;font-size:clamp(1.45rem,3vw,2.05rem)}
.regional-label{display:inline-block;margin:0 0 8px;padding:6px 11px;border-radius:999px;background:#e8f7ec;color:#137333;font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.affiliate-impression-pixel{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important}
.regional-comparison{background:#f8fbff;border:1px solid #dce6f3;border-radius:22px;padding:22px;margin:26px 0}
@media(max-width:720px){
  .regional-product-card{grid-template-columns:1fr;padding:20px}
  .regional-product-media img{max-width:260px;max-height:300px}
}

/* Health2You 50+ readability scale — sitewide */
html{
  font-size:100%;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  font-size:1.125rem;
  line-height:1.68;
}
p,li,dd,dt,td,th{
  line-height:1.68;
}
h1,h2,h3{
  font-weight:800;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
h1{
  font-size:clamp(2.2rem,4.2vw,3.5rem);
  line-height:1.1;
  letter-spacing:-.025em;
  margin:.2em 0 .38em;
}
h2{
  font-size:clamp(1.55rem,2.4vw,2rem);
  line-height:1.24;
  letter-spacing:-.012em;
  margin:1.65em 0 .58em;
}
h3{
  font-size:clamp(1.22rem,1.5vw,1.38rem);
  line-height:1.32;
  margin:1.4em 0 .45em;
}
.lead,.article-lead{
  font-size:1.18rem;
  line-height:1.65;
  max-width:70ch;
}
.article,.article-shell{
  max-width:900px;
  font-size:1.125rem;
  line-height:1.72;
}
.article h1,.article-shell h1{
  font-size:clamp(2.15rem,3.8vw,3.1rem);
  line-height:1.12;
  letter-spacing:-.025em;
  max-width:24ch;
  margin:.22em 0 .42em;
}
.article h2,.article-shell h2{
  font-size:clamp(1.52rem,2.2vw,1.95rem);
  line-height:1.25;
  letter-spacing:-.012em;
  margin-top:1.75em;
}
.article h3,.article-shell h3{
  font-size:clamp(1.2rem,1.4vw,1.34rem);
  line-height:1.34;
  margin-top:1.45em;
}
.article > p,.article > ul,.article > ol,
.article-shell > p,.article-shell > ul,.article-shell > ol{
  max-width:72ch;
}
.article p,.article-shell p{
  margin-top:0;
  margin-bottom:1.05em;
}
.article li,.article-shell li{
  margin-bottom:.38em;
}
.article table,.article-shell table{
  font-size:1rem;
  line-height:1.55;
}
.tablebox,.table-box{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.btn,.cta-button{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1.25;
}
.pill,.tag,.kicker,.eyebrow,.breadcrumb,.breadcrumbs{
  line-height:1.45;
}
.info-box,.toc-box,.takeaway-box,.offer-box,.warning-box,.reference-box,.faq-box,.table-box,
.takeaways,.toc,.offer,.medical,.references,.related,.warning,.tablebox{
  padding:clamp(20px,3vw,28px);
}
.regional-product-copy h3{
  font-size:clamp(1.3rem,1.8vw,1.65rem);
  line-height:1.3;
}
@media(max-width:720px){
  body{font-size:1.125rem;line-height:1.68}
  h1{font-size:2.35rem;line-height:1.12}
  h2{font-size:1.7rem;line-height:1.25}
  h3{font-size:1.28rem;line-height:1.34}
  .article,.article-shell{padding:34px 18px;font-size:1.125rem}
  .article h1,.article-shell h1{font-size:2.3rem;line-height:1.14;max-width:none}
  .article h2,.article-shell h2{font-size:1.68rem;line-height:1.28}
  .article h3,.article-shell h3{font-size:1.28rem;line-height:1.35}
  .lead,.article-lead{font-size:1.125rem;line-height:1.68}
  .info-box,.toc-box,.takeaway-box,.offer-box,.warning-box,.reference-box,.faq-box,.table-box,
  .takeaways,.toc,.offer,.medical,.references,.related,.warning,.tablebox{padding:20px}
}
@media(min-width:721px) and (max-width:1100px){
  .article h1,.article-shell h1{font-size:clamp(2.3rem,4.2vw,2.9rem)}
}



/* Health2You site search */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.site-search{position:relative}
.search-control{
  display:flex;
  align-items:stretch;
  width:100%;
  border:2px solid #c7d9f1;
  border-radius:999px;
  background:#fff;
  box-shadow:0 8px 24px rgba(18,38,63,.08);
  overflow:hidden;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.search-control:focus-within{
  border-color:#155eef;
  box-shadow:0 0 0 4px rgba(21,94,239,.13),0 10px 28px rgba(18,38,63,.1);
}
.site-search-input{
  appearance:none;
  min-width:0;
  flex:1;
  border:0;
  outline:0;
  background:transparent;
  color:#172033;
  font:inherit;
  font-size:1rem;
  line-height:1.35;
  padding:12px 8px 12px 18px;
}
.site-search-input::placeholder{color:#68778d;opacity:1}
.site-search-input::-webkit-search-cancel-button{cursor:pointer}
.search-submit{
  border:0;
  background:#155eef;
  color:#fff;
  font:inherit;
  font-size:.94rem;
  font-weight:900;
  line-height:1;
  min-height:46px;
  padding:0 18px;
  cursor:pointer;
}
.search-submit:hover{background:#0f4ed0}
.search-submit:focus-visible{
  outline:3px solid #f59e0b;
  outline-offset:-4px;
}
.header-site-search{
  width:min(270px,24vw);
  flex:0 1 270px;
}
.header-site-search .search-control{box-shadow:none;border-width:1px}
.header-site-search .site-search-input{padding:10px 6px 10px 15px;font-size:.94rem}
.header-site-search .search-submit{min-height:42px;padding:0 14px;font-size:.88rem}
.site-search-results{
  position:absolute;
  z-index:50;
  top:calc(100% + 10px);
  left:0;
  right:0;
  min-width:min(520px,calc(100vw - 32px));
  max-height:min(68vh,620px);
  overflow:auto;
  background:#fff;
  border:1px solid #cddced;
  border-radius:20px;
  box-shadow:0 24px 65px rgba(18,38,63,.2);
  padding:10px;
}
.header-site-search .site-search-results{left:auto;right:0}
.search-results-heading{
  padding:7px 10px 9px;
  color:#5b6b83;
  font-size:.82rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.search-result-list{display:grid;gap:5px}
.search-result-item{
  display:grid;
  gap:3px;
  padding:12px;
  border-radius:14px;
  color:#172033;
  text-decoration:none;
}
.search-result-item:hover,.search-result-item:focus-visible{
  background:#eef6ff;
  text-decoration:none;
  outline:0;
}
.search-result-item strong{
  font-size:1rem;
  line-height:1.35;
  color:#172033;
}
.search-result-item>span:last-child{
  color:#5b6b83;
  font-size:.9rem;
  line-height:1.45;
}
.search-result-category{
  color:#155eef!important;
  font-size:.74rem!important;
  line-height:1.3!important;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.search-empty,.search-status{
  display:grid;
  gap:5px;
  padding:16px;
  color:#41516a;
  line-height:1.5;
}
.search-empty strong{color:#172033}
.home-search-section{
  padding:0 0 34px;
  margin-top:-18px;
}
.home-search-card{
  max-width:850px;
  margin:0 auto;
  padding:clamp(24px,4vw,38px);
  background:#fff;
  border:1px solid #cfdef1;
  border-radius:28px;
  box-shadow:0 18px 55px rgba(18,38,63,.1);
}
.home-search-card h2{
  margin:.18em 0 .4em;
  font-size:clamp(1.65rem,2.5vw,2.15rem);
}
.home-search-card .muted{max-width:68ch}
.home-site-search{margin-top:20px}
.home-site-search .site-search-input{
  min-height:58px;
  padding-left:22px;
  font-size:1.08rem;
}
.home-site-search .search-submit{
  min-width:110px;
  min-height:58px;
  font-size:1rem;
}
.home-site-search .site-search-results{
  position:relative;
  top:auto;
  left:auto;
  right:auto;
  min-width:0;
  max-height:none;
  margin-top:14px;
  border-radius:20px;
  box-shadow:0 12px 34px rgba(18,38,63,.1);
}
.search-suggestions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.search-suggestions>span{
  color:#5b6b83;
  font-size:.9rem;
  font-weight:800;
}
.search-suggestion{
  border:1px solid #cfe0f8;
  border-radius:999px;
  background:#f2f7ff;
  color:#24405f;
  padding:8px 12px;
  font:inherit;
  font-size:.88rem;
  font-weight:800;
  cursor:pointer;
}
.search-suggestion:hover,.search-suggestion:focus-visible{
  border-color:#155eef;
  background:#e8f1ff;
  outline:0;
}
@media(max-width:980px){
  .menu{gap:12px}
  .menu>a:not(.btn){display:none}
  .header-site-search{width:min(300px,40vw);flex-basis:300px}
}
@media(max-width:820px){
  .nav{gap:12px;min-height:72px}
  .menu{
    display:flex;
    flex:1;
    justify-content:flex-end;
    min-width:0;
  }
  .menu>a{display:none!important}
  .header-site-search{
    display:block;
    width:min(100%,360px);
    max-width:360px;
    flex:1 1 auto;
  }
  .header-site-search .site-search-results{
    position:fixed;
    top:74px;
    left:12px;
    right:12px;
    min-width:0;
    max-height:calc(100vh - 90px);
  }
  .home-search-section{margin-top:0;padding:0 0 28px}
}
@media(max-width:520px){
  .wrap{padding-left:16px;padding-right:16px}
  .logo{font-size:1.08rem;white-space:nowrap}
  .header-site-search .site-search-input{padding-left:13px;font-size:.9rem}
  .header-site-search .search-submit{padding:0 12px;font-size:.82rem}
  .home-search-card{padding:22px 18px;border-radius:22px}
  .home-site-search .search-control{border-radius:20px}
  .home-site-search .site-search-input{min-height:54px;font-size:1rem;padding-left:16px}
  .home-site-search .search-submit{min-width:86px;min-height:54px;padding:0 14px}
}
