/* foydasi.uz — colours after healthline.com (black header, teal #02838d / #08565c, light teal #eef5f6, warm beige #fbf5ed, ink #231f20) */
:root{--ink:#231f20;--teal:#02838d;--teal-d:#08565c;--teal-l:#eef5f6;--beige:#fbf5ed;--muted:#6b6969;--line:#dcdbdb;--card:#fff;--r:8px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Source Sans 3',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.5;color:var(--ink);background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.fd-noimg{display:block;width:100%;height:100%;min-height:120px;background:linear-gradient(135deg,#e3eeef,#cfe3e5)}

/* header */
.hd{background:#000;color:#fff;position:relative;z-index:20}
.hd-in{display:flex;align-items:center;gap:36px;height:72px}
.logo{font-weight:800;font-size:30px;letter-spacing:-.02em;color:#fff;line-height:1}
.logo span{color:#3fc1c9;font-weight:700}
.nav{display:flex;align-items:center;gap:30px;flex:1}
.nav-link,.nav-btn{color:#fff;font-weight:700;font-size:17px;background:none;border:0;padding:0;display:flex;align-items:center;gap:6px}
.nav-link:hover,.nav-btn:hover{color:#3fc1c9}
.nav-item{position:relative}
.sub{display:none;position:absolute;top:100%;left:-18px;margin-top:22px;background:#fff;color:var(--ink);min-width:300px;padding:10px 0;border-radius:0 0 var(--r) var(--r);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.sub::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.sub a{display:block;padding:10px 20px;font-weight:600}
.sub a:hover{background:var(--teal-l);color:var(--teal-d)}
.has-sub:hover .sub,.has-sub.open .sub{display:block}
.nav-tool{margin-left:auto;background:#fff;color:#000;font-weight:700;padding:9px 18px;border-radius:999px;font-size:16px}
.nav-tool:hover{background:#3fc1c9}
.hd-search{background:none;border:0;color:#fff;padding:6px;display:flex}
.hd-menu{display:none;background:none;border:0;padding:8px;flex-direction:column;gap:5px}
.hd-menu span{display:block;width:24px;height:2px;background:#fff}
.sbar{background:var(--beige);padding:18px 0;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.sbar-in{display:flex;gap:10px}
.sbar input{flex:1;height:50px;border:1px solid var(--line);border-radius:999px;padding:0 24px;font:inherit;font-size:18px;background:#fff}
.sbar button{width:50px;height:50px;border-radius:50%;border:0;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center}

/* section heads (WebMD style) */
.sec{margin-top:52px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:28px}
.sec-head h2{margin:0 0 10px;font-size:19px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-d)}
.sec-all{color:var(--teal);font-weight:700;font-size:17px;padding-bottom:6px;border-bottom:2px solid var(--teal);margin-bottom:-1px}
.sec-all:hover{color:var(--teal-d);border-color:var(--teal-d)}
.kick{display:block;color:var(--teal);font-weight:700;font-size:15px;margin-bottom:6px}
.panel{background:var(--teal-l);border-radius:var(--r);padding:28px 24px}

/* top stories */
.home .top{margin-top:36px}
.top-main{display:grid;grid-template-columns:484px 1fr;gap:40px;align-items:center}
.top-img{display:block;aspect-ratio:3/2;border-radius:var(--r);overflow:hidden}
.top-img img,.top-img .fd-noimg{width:100%;height:100%;object-fit:cover}
.top-txt h3{margin:0 0 12px;font-size:38px;line-height:1.2;font-weight:800}
.top-txt h3 a:hover{color:var(--teal-d)}
.top-txt p{margin:0;font-size:21px;line-height:1.5;color:var(--muted)}
.top-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;padding-top:30px;border-top:1px solid var(--line)}
.top-small{display:grid;grid-template-columns:154px 1fr;gap:18px;align-items:center}
.ts-img{display:block;aspect-ratio:3/2;border-radius:6px;overflow:hidden}
.ts-img img,.ts-img .fd-noimg{width:100%;height:100%;object-fit:cover;min-height:0}
.ts-t{font-size:19px;font-weight:600;line-height:1.35}
.top-small:hover .ts-t{color:var(--teal-d)}

/* trending in search */
.trend .sec-head{border-color:#c6dcdf}
.trend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.trend-card{position:relative;background:#fff;border:2px solid #fff;border-radius:6px;padding:22px 22px 44px;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.trend-card:hover{border-color:var(--teal)}
.tag{display:inline-block;background:var(--teal-l);color:var(--teal-d);font-weight:700;font-size:15px;padding:2px 8px;border-radius:3px;margin-bottom:12px}
.tc-t{display:block;font-size:18px;line-height:1.35}
.arr{position:absolute;right:22px;bottom:20px;color:var(--teal)}

/* category tiles */
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.tile{position:relative;display:block;aspect-ratio:275/375;border-radius:6px;overflow:hidden;background:var(--teal-l)}
.tile img,.tile .fd-noimg{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.tile:hover img{transform:scale(1.04)}
.tile::after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(to top,rgba(8,86,92,.85),rgba(8,86,92,0))}
.tile-l{position:absolute;left:12px;right:12px;bottom:36px;text-align:center;color:#fff;font-weight:800;font-size:23px;line-height:1.2;z-index:1}

/* link grid (WebMD conditions / A–Z) */
.linkgrid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:24px;padding:4px 28px}
.linkgrid a{padding:20px 24px;border-bottom:1px solid #c6dcdf;font-size:17px}
.linkgrid a:hover{color:var(--teal-d);text-decoration:underline}

/* supplements block: 3 text links with dividers */
.txt-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px}
.txt-row a{font-size:23px;font-weight:700;line-height:1.35;padding:0 24px;border-left:1px solid var(--line)}
.txt-row a:first-child{border-left:0;padding-left:4px}
.txt-row a:hover{color:var(--teal-d)}

/* cards */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid #e7ecec}
.card-img{display:block;aspect-ratio:3/2;overflow:hidden}
.card-img img,.card-img .fd-noimg{width:100%;height:100%;object-fit:cover}
.card-b{display:block;padding:20px 20px 26px}
.card-t{display:block;font-size:24px;font-weight:700;line-height:1.3;margin-bottom:10px}
.card-e{display:block;color:var(--muted);font-size:17px;line-height:1.5}
.card:hover .card-t{color:var(--teal-d)}

/* pills */
.pills{display:flex;flex-wrap:wrap;gap:16px}
.pills a{background:#fff;border:1px solid #d6e5e7;color:var(--teal-d);padding:9px 16px;border-radius:999px;font-size:16px}
.pills a:hover{background:var(--teal-l)}

/* tools */
.tools{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding-bottom:10px}
.tool{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.tool img{width:200px;height:150px;object-fit:contain}
.tool span{font-size:22px;font-weight:600;line-height:1.3}
.tool:hover span{color:var(--teal-d)}

/* breadcrumbs */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:15px;color:var(--muted);margin:22px 0 18px}
.crumbs a{color:var(--teal)}
.crumbs a:hover{text-decoration:underline}

/* article hero (Top Nutrition Coaching style) */
.a-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--teal-l);border-radius:24px;overflow:hidden;min-height:470px}
.a-hero-txt{padding:56px 52px 52px 78px;display:flex;flex-direction:column;justify-content:center}
.a-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 30px;font-size:16px;color:#3b3b3b}
.pill{background:var(--teal);color:#fff;font-weight:600;padding:5px 18px;border-radius:999px}
.pill:hover{background:var(--teal-d)}
.a-meta .m{display:inline-flex;align-items:center;gap:6px}
.a-meta .dot{color:var(--teal)}
.a-hero h1{margin:0 0 20px;font-size:36px;line-height:1.2;font-weight:800;color:#2b2b2b}
.a-intro{margin:0 0 26px;font-size:18px;line-height:1.55;color:#3b3b3b}
.a-upd{margin:0 0 18px;font-size:15px;color:var(--muted)}
.a-author{display:inline-flex;align-items:center;gap:10px;align-self:flex-start}
.a-author .av{width:42px;height:42px;border-radius:50%;object-fit:cover}
.a-author small{display:block;font-size:14px;color:#3b3b3b}
.a-author b{display:block;font-size:15px}
.a-author:hover b{color:var(--teal-d)}
.a-hero-img{position:relative}
.a-hero-img img,.a-hero-img .fd-noimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:24px}

/* article body: sticky TOC left, text right */
.a-body{display:grid;grid-template-columns:330px minmax(0,1fr);gap:56px;margin-top:40px;padding:0 0 0 54px}
.toc-in{position:sticky;top:24px}
.toc h2{font-size:17px;font-weight:700;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.toc ol{list-style:none;margin:0;padding:0}
.toc li a{display:block;padding:5px 8px;font-size:15px;line-height:1.4;color:#2b2b2b;border-radius:4px}
.toc li a:hover,.toc li a.on{background:var(--teal-l);color:var(--teal-d)}
.content{font-size:19px;line-height:1.65;max-width:760px}
.content h2{font-size:28px;line-height:1.25;margin:40px 0 14px;scroll-margin-top:90px}
.content h3{font-size:22px;line-height:1.3;margin:28px 0 10px}
.content p{margin:0 0 18px}
.content a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.content ul,.content ol{padding-left:24px;margin:0 0 18px}
.content li{margin-bottom:8px}
.content table{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:17px}
.content th,.content td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.content th{background:var(--teal-l);color:var(--teal-d)}
.content blockquote,.content .note{margin:0 0 20px;padding:16px 20px;background:var(--beige);border-left:4px solid var(--teal);border-radius:0 6px 6px 0}
.related{margin-bottom:20px}

/* supplement page (WebMD drug style) */
.sup-head{position:relative;background:#fff;border:1px solid #e3eced;border-bottom:0;border-radius:var(--r) var(--r) 0 0;padding:40px 36px 18px;overflow:hidden}
.sup-head::after{content:"";position:absolute;right:-120px;top:-60px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(238,245,246,0) 55%,rgba(238,245,246,1) 56%,rgba(238,245,246,1) 70%,rgba(238,245,246,0) 71%);pointer-events:none}
.sup-head h1{position:relative;z-index:1;margin:0 0 26px;font-size:36px;line-height:1.2;color:var(--teal-d);font-weight:800}
.byline{position:relative;z-index:1;display:flex;align-items:center;gap:12px;font-size:15px;margin:0 0 22px}
.byline .av{width:48px;height:48px;border-radius:50%;object-fit:cover}
.byline a{color:var(--teal)}
.byline .sep{color:var(--line);margin:0 4px}
.facts{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:4px 40px;margin:0 0 12px;font-size:15px;max-width:880px}
.facts div{display:flex;gap:6px}
.facts dt{font-weight:700;white-space:nowrap}
.facts dd{margin:0}
.tabs{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;gap:12px 36px;background:var(--teal-l);padding:10px 28px;border-radius:0 0 var(--r) var(--r)}
.tab{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--ink);padding:9px 12px;border-radius:4px;font-size:17px}
.tab svg{color:var(--teal)}
.tab:hover{color:var(--teal-d)}
.tab.on{background:var(--teal);color:#fff;font-weight:700}
.tab.on svg{color:#fff}
.sup-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0;margin-top:24px}
.sup-content{padding:0 56px;border-right:1px solid var(--line);max-width:none}
.sup-content .mins{font-size:14px;color:var(--muted);margin:0 0 20px}
.sup-content h2{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:600;scroll-margin-top:80px}
.sup-side{padding:0 0 0 40px}
.side-box{position:sticky;top:90px}
.side-box h2{font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-d);background:var(--teal-l);padding:6px 8px;margin:0 0 10px}
.side-box ol{list-style:none;margin:0;padding:0;counter-reset:n}
.side-box li{counter-increment:n;display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #cfe0e2;font-weight:600;font-size:17px;line-height:1.4}
.side-box li::before{content:counter(n);font-size:22px;font-weight:700;color:var(--ink);line-height:1.1}
.side-box a:hover{color:var(--teal-d)}

/* archives / pages */
.arch-head h1,.page-h1{font-size:40px;line-height:1.15;margin:0 0 12px;font-weight:800}
.arch-desc{color:var(--muted);font-size:18px;max-width:780px}
.arch{margin-top:28px}
.pager{display:flex;gap:8px;justify-content:center;margin:40px 0}
.pager .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:6px}
.pager .current{background:var(--teal);color:#fff;border-color:var(--teal)}
.empty{font-size:19px;color:var(--muted);margin:30px 0 60px}
.page{padding-bottom:40px}

/* footer */
.ft{background:#000;color:#cfcfcf;margin-top:80px;padding:48px 0 24px}
.ft-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.ft-brand p{max-width:300px;margin:14px 0 0}
.ft h3{color:#fff;font-size:16px;margin:4px 0 12px}
.ft-col a{display:block;padding:4px 0}
.ft-col a:hover{color:#3fc1c9}
.ft-note{border-top:1px solid #333;margin-top:36px;padding-top:18px;font-size:14px;color:#9a9a9a}
.ft-note p{margin:0 0 6px}

/* calculators */
.calc{background:var(--teal-l);border-radius:var(--r);padding:28px;margin:0 0 30px;max-width:760px}
.calc label{display:block;font-weight:700;margin:0 0 6px;font-size:17px}
.calc .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:16px}
.calc input,.calc select,.calc textarea{width:100%;height:46px;border:1px solid #c6dcdf;border-radius:6px;padding:0 12px;font:inherit;background:#fff}
.calc button{background:var(--teal);color:#fff;border:0;border-radius:999px;padding:12px 28px;font-weight:700;font-size:17px}
.calc button:hover{background:var(--teal-d)}
.calc-out{margin-top:20px;background:#fff;border-radius:6px;padding:18px 20px;font-size:18px}
.calc-out:empty{display:none}
.calc-out b{color:var(--teal-d);font-size:28px}

/* tablet / phone */
@media (max-width:1100px){
  .nav{display:none;position:absolute;top:72px;left:0;right:0;background:#000;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 18px}
  .nav.open{display:flex}
  .nav-link,.nav-btn{padding:12px 0}
  .sub{position:static;display:block;margin:0 0 6px;box-shadow:none;background:#111;color:#ddd;border-radius:6px}
  .sub a:hover{background:#222;color:#fff}
  .nav-tool{margin:10px 0 0;align-self:flex-start}
  .hd-menu{display:flex}
  .hd-in{gap:16px}.hd-search{margin-left:auto}
  .tiles{grid-template-columns:repeat(5,minmax(200px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
  .tile{scroll-snap-align:start}
  .tools{grid-template-columns:repeat(3,1fr)}
  .a-body{grid-template-columns:1fr;padding:0}.toc{display:none}
  .sup-body{grid-template-columns:1fr}.sup-content{padding:0;border:0}.sup-side{padding:30px 0 0}
}
@media (max-width:800px){
  body{font-size:16px}
  .top-main{grid-template-columns:1fr;gap:18px}
  .top-txt h3{font-size:28px}.top-txt p{font-size:18px}
  .top-row,.trend-grid,.cards3,.txt-row{grid-template-columns:1fr}
  .txt-row a{border:0;padding:12px 0;border-top:1px solid var(--line)}
  .linkgrid{grid-template-columns:1fr 1fr;padding:4px 12px}.linkgrid a{padding:14px 10px}
  .tools{grid-template-columns:1fr 1fr}.tool img{width:150px;height:112px}.tool span{font-size:18px}
  .a-hero{grid-template-columns:1fr;border-radius:18px}
  .a-hero-img{order:-1;aspect-ratio:3/2}.a-hero-img img{border-radius:18px 18px 0 0}
  .a-hero-txt{padding:26px 22px 30px}.a-hero h1{font-size:28px}
  .content{font-size:18px}.content h2{font-size:24px}
  .sup-head{padding:26px 20px 12px}.sup-head h1{font-size:28px}.facts{grid-template-columns:1fr}
  .tabs{gap:8px;padding:8px 10px;overflow-x:auto;flex-wrap:nowrap}.tab{white-space:nowrap;font-size:15px}
  .ft-in{grid-template-columns:1fr 1fr}
  .arch-head h1,.page-h1{font-size:30px}
}

/* pregnancy / ovulation tools */
.preg-tool .calc,.ovul-tool .calc{max-width:880px}
.calc-hint{font-size:14px;color:var(--muted);margin:12px 0 0}
.calc-err{color:#b3261e;font-weight:600}
.preg-out{max-width:880px;scroll-margin-top:20px}
.preg-cards{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:12px;margin:8px 0 18px}
.pc{background:#fff;border:1px solid #d6e5e7;border-radius:10px;padding:14px 16px}
.pc span{display:block;font-size:14px;color:var(--muted)}
.pc b{display:block;font-size:20px;color:var(--teal-d);margin-top:4px;line-height:1.25}
.pc.big{background:var(--teal);border-color:var(--teal)}.pc.big span{color:#d9f1f2}.pc.big b{color:#fff;font-size:24px}
.preg-bar{position:relative;height:34px;background:linear-gradient(90deg,#eef5f6 0 35%,#e3eff1 35% 70%,#d8eaed 70%);border-radius:999px;overflow:hidden;margin:0 0 10px}
.preg-bar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#3fc1c9,#02838d);border-radius:999px}
.preg-bar span{position:absolute;top:7px;font-size:13px;font-weight:700;color:var(--teal-d);mix-blend-mode:multiply}
.preg-bar .t1{left:4%}.preg-bar .t2{left:39%}.preg-bar .t3{left:74%}
.preg-note{background:var(--beige);border-radius:8px;padding:10px 14px;font-size:16px}
.preg-out h3{font-size:22px;margin:26px 0 12px}
.preg-ms{list-style:none;margin:0;padding:0;border-left:3px solid #cfe3e5}
.preg-ms li{position:relative;padding:4px 0 14px 22px}
.preg-ms li::before{content:"";position:absolute;left:-8px;top:9px;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--teal)}
.preg-ms li.past::before{background:var(--teal)}
.preg-ms time{font-weight:700;color:var(--teal-d);margin-right:10px}
.preg-ms span{font-size:14px;color:var(--muted)}
.preg-ms p{margin:2px 0 0;font-size:16px}
.preg-cal{max-height:520px;overflow:auto;border:1px solid #d6e5e7;border-radius:10px}
.preg-cal table{margin:0;font-size:16px}.preg-cal thead th{position:sticky;top:0}
.preg-cal tr.tr2 td{background:#f6fafb}.preg-cal tr.tr3 td{background:#eef5f6}
.preg-cal tr.now td{background:#fff3d6;font-weight:700}.preg-cal em{font-style:normal;background:var(--teal);color:#fff;border-radius:999px;padding:1px 8px;font-size:12px;margin-left:6px}
.ov-legend{display:flex;flex-wrap:wrap;gap:16px;margin:4px 0 14px;font-size:15px}
.ov-legend span::before{content:"";display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:6px;vertical-align:-2px}
.ov-legend .per::before,.ov-grid .per{background:#f7c9c4}.ov-legend .fert::before,.ov-grid .fert{background:#bfe6e8}.ov-legend .ov::before,.ov-grid .ov{background:var(--teal);color:#fff}
.ov-months{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ov-m{background:#fff;border:1px solid #d6e5e7;border-radius:10px;padding:12px}
.ov-m h4{margin:0 0 8px;font-size:17px}
.ov-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;font-size:14px}
.ov-grid b{font-size:12px;color:var(--muted);font-weight:600}
.ov-grid span{padding:5px 0;border-radius:6px}.ov-grid .today{outline:2px solid var(--ink)}
.tools-more{margin-top:22px;justify-content:center}
@media (max-width:800px){.preg-cards{grid-template-columns:1fr 1fr}.pc.big{grid-column:1/-1}.ov-months{grid-template-columns:1fr}}
.calc [hidden]{display:none!important}
.calc textarea{height:auto;min-height:140px;padding:10px 12px;resize:vertical;line-height:1.5}
/* calculator results v2 (2026-10-28): BMI gauge, cards, macro table, actions */
.calc-out .res{font-size:16px}
.res-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:12px}
.res-main span{width:100%;font-size:14px;color:var(--muted)}
.res-main b{font-size:40px;line-height:1;color:var(--teal-d)}
.res-main em{font-style:normal;font-weight:700;padding:3px 10px;border-radius:999px;font-size:15px}
.cl-lo{background:#e3eefb;color:#1d4f91}.cl-ok{background:#e1f3e6;color:#1e6b34}.cl-hi{background:#fdf1d8;color:#7a5200}.cl-ob{background:#fbe3e1;color:#9b2a20}
.gauge{position:relative;margin:6px 0 30px}
.g-bar{position:relative;height:12px;border-radius:6px;background:linear-gradient(90deg,#8fb8e8 0 14%,#7cc48f 14% 40%,#f2cf6b 40% 60%,#f0a35e 60% 80%,#e0705f 80% 100%)}
.g-bar i{position:absolute;top:-6px;width:4px;height:24px;margin-left:-2px;background:#1b1b1b;border-radius:2px}
.g-lbl span{position:absolute;top:18px;transform:translateX(-50%);font-size:13px;color:var(--muted)}
.res-list{margin:0 0 10px;padding-left:20px}.res-list li{margin:4px 0}
.res-cards{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px;margin-bottom:14px}
.res h4{font-size:16px;margin:14px 0 6px}
table.mac{width:100%;border-collapse:collapse;font-size:15px}
table.mac th,table.mac td{padding:8px 10px;border-bottom:1px solid #e3eef0;text-align:left;font-weight:400}
table.mac td{text-align:right;font-weight:700;color:var(--teal-d);white-space:nowrap}
.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 4px}
.tool-actions button,.tool-actions a{font:inherit;font-size:15px;font-weight:600;padding:10px 16px;border-radius:999px;border:1px solid var(--teal);background:#fff;color:var(--teal-d);cursor:pointer;text-decoration:none}
.tool-actions .ta-ics{background:var(--teal);color:#fff}
.tool-actions .ta-tg{border-color:#2aabee;color:#1a7fb5}
label.chk{display:flex;align-items:center;gap:10px;font-weight:600;cursor:pointer}
label.chk input{width:20px;height:20px;accent-color:var(--teal)}
@media (max-width:800px){.res-cards{grid-template-columns:1fr 1fr}.res-cards .pc.big{grid-column:1/-1}.preg-cards .pc:not(.big):last-child:nth-child(even){grid-column:1/-1}.res-main b{font-size:34px}}
/* author page (professional profile) */
.au-hero{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center;background:var(--beige,#f6f3ee);border-radius:14px;padding:26px 28px;margin:8px 0 30px}
.au-img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid #fff}
.au-role{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--teal-d);margin:0 0 6px}
.au-lead{font-size:19px;line-height:1.5;margin:0 0 12px}
.au-stats{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:15px;color:var(--muted);margin:0 0 12px}.au-stats b{color:#1b1b1b}
.au-links{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.au-links a{font-weight:600;font-size:15px;padding:8px 16px;border-radius:999px;border:1px solid var(--teal);color:var(--teal-d)}
.au-links a:first-child{background:var(--teal);color:#fff}
.au-grid{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start}
.au-method li{margin:6px 0}
.au-focus{border-left:4px solid var(--teal);padding:4px 0 4px 18px}.au-focus h3{margin:0 0 8px;font-size:17px}.au-focus ul{margin:0;padding-left:18px}.au-focus li{margin:6px 0}
.au-ph span{color:var(--muted);font-weight:400}
.au-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:14px}
.au-cards .card-d{display:block;font-size:13px;color:var(--muted);margin-top:6px}
@media (max-width:800px){.au-hero{grid-template-columns:1fr;text-align:left;padding:20px}.au-img{width:120px;height:120px}.au-grid{grid-template-columns:1fr;gap:10px}.au-cards{grid-template-columns:1fr 1fr;gap:14px}}
@media (max-width:480px){.au-cards{grid-template-columns:1fr}}
.au-links a{text-decoration:none}
table.mac tr.on th,table.mac tr.on td{background:#e6f6f7;font-weight:700}
table.mac th{white-space:nowrap}
.res-cards.c3{grid-template-columns:1fr 1fr 1fr}.res-cards.c4{grid-template-columns:1fr 1fr 1fr 1fr}
@media(max-width:640px){.res-cards.c3,.res-cards.c4{grid-template-columns:1fr 1fr}.res-cards.c3 .pc:last-child{grid-column:1/-1}}
@media(max-width:640px){table.mac td{white-space:normal;font-size:14px}table.mac th,table.mac td{padding:8px 6px}}
/* 2026-10-29 owner: wider page, less boxy article top (full-width band instead of a rounded card) */
.wrap{max-width:1400px}
.a-hero{width:100vw;margin-left:calc(50% - 50vw);border-radius:0;min-height:440px}
.a-hero-txt{padding:48px 56px 48px max(24px,calc(50vw - 676px))}
.a-hero-img img,.a-hero-img .fd-noimg{border-radius:0}
.a-body{grid-template-columns:300px minmax(0,1fr);gap:64px;padding:0}
.content{max-width:860px}
@media(max-width:900px){.a-hero{border-radius:0}.a-hero-img img{border-radius:0}.a-hero-txt{padding:24px 20px 28px}.a-body{grid-template-columns:1fr}}
/* 2026-10-29 owner redesign: white header + logo mark; article page after ringly.io (clean editorial, big tight title, small cover card) */
.hd{background:#fff;color:var(--ink);border-bottom:1px solid #ececec}
.logo{display:inline-flex;align-items:center;gap:9px;color:#1c1917}
.logo-mk{flex:0 0 auto}
.logo .logo-t span{color:var(--teal)}
.nav-btn,.nav-link{color:#292524}
.nav-btn:hover,.nav-link:hover{color:var(--teal)}
.nav-tool{background:#1c1917;color:#fff}
.nav-tool:hover{background:var(--teal);color:#fff}
.hd-search{color:#292524}
.hd-menu span{background:#292524}
@media (max-width:1100px){.nav{background:#fff;border-bottom:1px solid #ececec;box-shadow:0 12px 24px rgba(0,0,0,.08)}.sub{background:#f5f7f7;color:var(--ink)}.sub a:hover{background:var(--teal-l);color:var(--teal-d)}}
.a-hero{width:auto;margin-left:0;background:none;border-radius:0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:64px;align-items:center;padding:36px 0 44px;border-bottom:1px solid #ececec;min-height:0;overflow:visible}
.a-hero-txt{padding:0}
.a-hero h1{font-size:52px;line-height:1.07;letter-spacing:-.025em;color:#1c1917;margin:0 0 20px}
.a-meta{margin:0 0 22px;font-size:15px;color:#57534e}
.a-intro{font-size:20px;line-height:1.6;color:#57534e;margin:0 0 26px;max-width:680px}
.a-upd{order:9;margin:0;font-size:15px;color:#78716c}
.a-hero-txt{display:flex;flex-direction:column}
.a-author{order:8;margin:0 0 6px}
.a-hero-img{aspect-ratio:4/3;border-radius:18px;overflow:hidden;border:1px solid #ececec;background:var(--teal-l)}
.a-hero-img img,.a-hero-img .fd-noimg{border-radius:0}
.a-body{grid-template-columns:270px minmax(0,1fr);gap:80px;margin-top:44px}
.content{font-size:18.5px;line-height:1.75;color:#3f3b38;max-width:780px}
.content h2{font-size:30px;line-height:1.2;letter-spacing:-.015em;color:#1c1917;margin:52px 0 16px}
.content h3{color:#1c1917}
.toc h2{font-size:15px;border:0;padding:0;margin:0 0 10px;color:#1c1917}
.toc li a{border-radius:0;border-left:2px solid #ececec;padding:6px 14px;color:#57534e;font-size:15px}
.toc li a:hover,.toc li a.on{background:none;border-left-color:var(--teal);color:#1c1917}
@media (max-width:900px){.a-hero{grid-template-columns:1fr;gap:22px;padding:18px 0 28px}.a-hero-img{order:2;aspect-ratio:16/10}.a-hero h1{font-size:34px}.a-intro{font-size:18px}.a-body{grid-template-columns:1fr;margin-top:26px}.content{font-size:18px}.content h2{font-size:25px;margin-top:38px}}
.logo .logo-t{color:#1c1917}.logo .logo-t span{color:var(--teal)}
/* tool pages 2026-10-29 */
.tl-hero{background:linear-gradient(180deg,var(--teal-l),#fff);border-bottom:1px solid #ececec}
.tl-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:start;padding:28px 24px 56px}
.tl-txt .crumbs{margin:0 0 26px}
.tl-txt h1{font-size:48px;line-height:1.08;letter-spacing:-.025em;color:#1c1917;margin:0 0 18px}
.tl-lead{font-size:20px;line-height:1.6;color:#57534e;margin:0 0 22px;max-width:560px}
.tl-pts{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:10px}
.tl-pts li{position:relative;padding-left:30px;font-size:17px;color:#292524}
.tl-pts li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.tl-ill{width:260px;height:auto;opacity:.95}
.tl-card{background:#fff;border:1px solid #e3eef0;border-radius:22px;box-shadow:0 18px 50px rgba(8,86,92,.10);padding:30px 30px 26px}
.tl-card form.calc{background:none;padding:0;margin:0;border:0;box-shadow:none}
.tl-card .calc label{font-size:15px;font-weight:600;color:#44403c}
.tl-card .calc input,.tl-card .calc select{height:54px;border:1.5px solid #d6e4e6;border-radius:12px;font-size:18px;padding:0 14px}
.tl-card .calc input:focus,.tl-card .calc select:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 4px rgba(2,131,141,.12)}
.tl-card .calc button[type=submit]{width:100%;height:56px;border-radius:12px;font-size:18px;margin-top:4px}
.tl-card .calc button[type=submit]:hover{background:var(--teal-d)}
.tl-card .calc-hint{font-size:14px}
.tl-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:72px;padding-top:44px;padding-bottom:20px}
.tl-body .content{max-width:780px}
.tl-side-in{position:sticky;top:24px}
.tl-side h2{font-size:15px;margin:0 0 12px;color:#1c1917}
.tl-side ul{list-style:none;margin:0;padding:0;border:1px solid #ececec;border-radius:16px;overflow:hidden}
.tl-side li+li{border-top:1px solid #ececec}
.tl-side a{display:flex;align-items:center;gap:12px;padding:10px 14px;font-weight:600;font-size:15.5px;color:#292524;text-decoration:none}
.tl-side a:hover{background:var(--teal-l);color:var(--teal-d)}
.tl-side img{width:56px;height:42px;flex:0 0 56px;background:var(--teal-l);border-radius:8px}
.tl-note{font-size:14px;color:#78716c;margin:14px 2px 0}
@media (max-width:900px){.tl-in{grid-template-columns:1fr;gap:22px;padding:16px 20px 30px}.tl-txt h1{font-size:32px}.tl-lead{font-size:17px;margin-bottom:14px}.tl-pts,.tl-ill{display:none}.tl-card{padding:20px 18px;border-radius:18px}
  .tl-body{grid-template-columns:1fr;gap:30px;padding-top:28px}.tl-side-in{position:static}}
/* BMI page, WebMD-style 3 steps (2026-10-29) */
.bm .crumbs{margin-bottom:14px}
.bm-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:24px;background:linear-gradient(120deg,#fbf5ed 0%,#fbf5ed 55%,#e6f4f5 100%);border-radius:20px;padding:40px 56px;overflow:hidden}
.bm-hero::before{content:"";position:absolute;left:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:#dff1f3;opacity:.7}
.bm-hero-txt{position:relative}
.bm-hero h1{font-size:44px;line-height:1.1;letter-spacing:-.02em;color:var(--teal-d);margin:0 0 14px}
.bm-hero p{font-size:19px;line-height:1.6;color:#3f3b38;margin:0;max-width:680px}
.bm-hero-ill{width:300px;height:auto;justify-self:end;position:relative}
.bm-tabs{margin:22px 0 0;background:#fff;border:1px solid #e6eeef;border-radius:14px;padding:6px;gap:6px;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.bm-tabs a{display:flex;align-items:center;gap:8px;padding:10px 22px;border-radius:10px;font-weight:700;font-size:16px;color:#44403c;text-decoration:none}
.bm-tabs a b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--teal-l);color:var(--teal-d);font-size:13px}
.bm-tabs a.on{background:var(--teal);color:#fff}.bm-tabs a.on b{background:#fff;color:var(--teal)}
.bm-step{background:#fff;border:1px solid #e6eeef;border-radius:20px;padding:26px 40px 30px;margin-top:18px;scroll-margin-top:84px}
.bm-h{display:flex;align-items:center;gap:14px;font-size:28px;font-weight:800;color:#1c1917;margin:0 0 18px;list-style:none;cursor:default}
.bm-h::-webkit-details-marker{display:none}
.bm-h img,.bm-h svg{width:56px;height:42px;flex:0 0 56px}
.bm-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:36px;align-items:start}
.bm .calc{background:none;padding:0;margin:0;border:0;box-shadow:none}
.bm-req{font-size:13px;color:#78716c;margin:0 0 10px}.bm-req::before{content:"* ";color:#e0705f}
.bm .calc .row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px}
.bm .calc label{font-size:17px;font-weight:700;color:var(--teal-d);margin-bottom:8px}
.bm .bm-wide{grid-column:span 1}
.uin{position:relative}
.bm .calc input,.bm .calc select{height:56px;border:1.5px solid #d3e3e5;border-radius:10px;background:#f8fbfb;font-size:20px;font-weight:600;color:#1c1917;padding:0 14px}
.uin input{padding-right:58px!important}
.uin span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:17px;font-weight:600;color:var(--teal);pointer-events:none}
.bm .calc input:focus,.bm .calc select:focus{outline:0;border-color:var(--teal);background:#fff;box-shadow:0 0 0 4px rgba(2,131,141,.12)}
.bm-btn button{width:100%;height:56px;border-radius:10px;font-size:18px;padding:0 10px}
.bm-btn button:hover{background:var(--teal-d)}
.bm-tip{border:1.5px solid #cfe3e5;border-radius:14px;padding:18px 20px;color:var(--teal-d);font-weight:600;font-size:16.5px;line-height:1.55;background:#fbfefe}
.bm-tip p{margin:0}
.bm .calc-out:not(:empty){margin-top:20px;padding-top:20px;border-top:1px dashed #d3e3e5}
.g-bar.wh{background:linear-gradient(90deg,#8fb8e8 0 22%,#7cc48f 22% 44%,#f2cf6b 44% 67%,#e0705f 67% 100%)}
.bm-goal{background:var(--teal-l);border-radius:12px;padding:14px 16px;margin-bottom:16px}
.bm-goal span{display:block;font-size:14px;color:var(--muted)}.bm-goal b{font-size:26px;color:var(--teal-d)}.bm-goal p{margin:6px 0 0;font-size:16px}
.bm .tl-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:72px;padding-top:44px}
.tl-side-in{position:sticky;top:84px}
.tl-side h2{font-size:15px;margin:0 0 12px;color:#1c1917}
.tl-side ul{list-style:none;margin:0;padding:0;border:1px solid #ececec;border-radius:16px;overflow:hidden}
.tl-side li+li{border-top:1px solid #ececec}
.tl-side a{display:flex;align-items:center;gap:12px;padding:10px 14px;font-weight:600;font-size:15.5px;color:#292524;text-decoration:none}
.tl-side a:hover{background:var(--teal-l);color:var(--teal-d)}
.tl-side img{width:56px;height:42px;flex:0 0 56px;background:var(--teal-l);border-radius:8px}
.tl-note{font-size:14px;color:#78716c;margin:14px 2px 0}
@media (max-width:900px){
  .bm-hero{grid-template-columns:1fr;padding:24px 20px;border-radius:16px}.bm-hero-ill{display:none}.bm-hero h1{font-size:30px}.bm-hero p{font-size:16.5px}
  .bm-tabs{justify-content:flex-start;margin-top:14px}.bm-tabs a{padding:8px 12px;font-size:14.5px;white-space:nowrap}
  .bm-step{padding:18px 16px 20px;border-radius:16px;margin-top:12px}
  details.bm-step:not([open]){padding-bottom:18px}
  details.bm-step .bm-h{cursor:pointer;margin:0}details.bm-step[open] .bm-h{margin-bottom:16px}
  details.bm-step .bm-h::after{content:"";margin-left:auto;width:12px;height:12px;border-right:2.5px solid var(--teal);border-bottom:2.5px solid var(--teal);transform:rotate(45deg);transition:transform .2s}
  details.bm-step[open] .bm-h::after{transform:rotate(-135deg)}
  .bm-h{font-size:22px}
  .bm-grid{grid-template-columns:1fr;gap:14px}.bm-tip{order:-1;font-size:15px;padding:12px 14px}
  .bm .calc .row{grid-template-columns:1fr 1fr}.bm-btn,.bm .bm-wide{grid-column:1/-1}
  .bm .tl-body{grid-template-columns:1fr;gap:30px;padding-top:28px}.tl-side-in{position:static}}
.bm .calc select{font-size:17px}
@media (max-width:900px){.bm-tip{order:0}.bm-tabs{justify-content:space-between}.bm-tabs a{padding:8px 10px}}
/* other calculators in the BMI look */
.bm-tool .calc > button[type=submit],.bm-tool .calc button[type=submit]{height:56px;min-width:240px;border-radius:10px;font-size:18px}
.bm-tool .calc .row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.bm-tool .calc input[type=date]{font-size:18px}
.bm-tool .calc .chk{font-size:16px;color:#292524;display:flex;align-items:center;gap:10px}
.bm-tool .calc .chk input{width:22px;height:22px}
.bm-tip-s{margin-top:10px!important;font-weight:400;font-size:14px;color:#57534e}
.bm-tool .preg-out:not(:empty),.bm-tool .calc-out:not(:empty){margin-top:20px;padding-top:20px;border-top:1px dashed #d3e3e5}
@media (max-width:900px){.bm-tool .calc button[type=submit]{width:100%}}

/* ===== 2026-10-31 homepage = healthline.com homepage layout (owner: "exact design"); header untouched ===== */
.hl{padding-bottom:40px}
.hl-wrap{max-width:1280px;margin:0 auto;padding:0 20px}
.hl-sec{margin-top:72px}
.hl-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:28px}
.hl-head h2{margin:0;font-size:40px;line-height:1.15;font-weight:700;letter-spacing:-.01em;color:var(--ink);text-transform:none}
.hl-head a{color:var(--teal);font-weight:700;font-size:17px;text-decoration:underline;text-underline-offset:3px}
.hl-kick{display:block;color:var(--teal);font-size:15px;font-weight:600;margin-bottom:6px;text-decoration:none}
.hl a{color:inherit}
.hl .hl-kick{color:var(--teal)}
.hl a.hl-tteal,.hl a.hl-taz{color:#fff}
.hl .hl-tteal .hl-kick{color:#e6f6f7}
.hl .hl-head a{color:var(--teal)}
/* hero */
.hl-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;margin-top:56px;align-items:start}
.hl-main-img{display:block;border-radius:24px;overflow:hidden;aspect-ratio:4/3;margin-bottom:22px;background:var(--teal-l)}
.hl-main-img img,.hl-main-img .fd-noimg{width:100%;height:100%;object-fit:cover;display:block}
.hl-main-t{margin:0 0 14px;font-size:32px;line-height:1.08;font-weight:700;letter-spacing:-.01em}
.hl-main-t a{text-decoration:none}
.hl-main-e{margin:0;font-size:17px;line-height:1.55;color:#3a3a3a}
.hl-trend-h{display:flex;align-items:center;gap:12px;margin:0 0 26px;font-size:24px;font-weight:600;color:var(--ink)}
.hl-trend-h svg{color:var(--teal)}
.hl-tr{display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:center;margin-bottom:32px}
.hl-tr-img{display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:var(--teal-l)}
.hl-tr-img img,.hl-tr-img .fd-noimg{width:100%;height:100%;object-fit:cover;display:block;min-height:0}
.hl-tr-t{display:block;font-size:17px;line-height:1.5;font-weight:700;text-decoration:none}
.hl-tr-t:hover,.hl-main-t a:hover,.hl-read:hover .hl-read-t{color:var(--teal-d)}
/* topic carousel */
.hl-car-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 96px)/4);gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.hl-car-track::-webkit-scrollbar{display:none}
.hl-topic{scroll-snap-align:start;text-decoration:none}
.hl-topic-img{display:block;border-radius:24px;overflow:hidden;aspect-ratio:4/5.3;background:var(--teal)}
.hl-topic-img img,.hl-topic-img .fd-noimg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.hl-topic:hover .hl-topic-img img{transform:scale(1.03)}
.hl-topic-t{display:block;margin-top:16px;font-size:24px;font-weight:700;line-height:1.2}
.hl-car-nav{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:28px;min-height:48px}
.hl-dots{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.hl-dots i{width:6px;height:6px;border-radius:3px;background:#c9c9c9}
.hl-dots i.on{width:16px;background:var(--teal)}
.hl-btn{width:48px;height:48px;border-radius:50%;border:0;background:#eeeeee;color:var(--ink);display:grid;place-items:center;cursor:pointer}
.hl-btn:hover{background:#e0e0e0}
.hl-car.one .hl-car-nav{display:none}
/* tools */
.hl-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.hl-tbig{grid-column:1/3}.hl-tools>.hl-tcol:nth-child(2){grid-column:3}.hl-tools>.hl-tcol:nth-child(3){grid-column:1}.hl-taz{grid-column:2/4}
.hl-tbig{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:44px 40px 0;border-radius:32px;background:#d7eaee;overflow:hidden;text-decoration:none;min-height:420px}
.hl-tbig-t{font-size:36px;font-weight:700;line-height:1.15}
.hl-tbig-e{font-size:17px;line-height:1.55;max-width:420px;color:#333}
.hl-tbig img{margin-top:auto;width:300px;height:auto;display:block}
.hl-pill-btn{display:inline-block;padding:12px 32px;border-radius:999px;background:var(--teal);color:#fff;font-weight:700;font-size:17px}
.hl-pill-w{background:#fff;color:var(--teal);border:1px solid var(--teal)}
.hl-tcol{display:flex;flex-direction:column;gap:32px}
.hl-tsm,.hl-tteal{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 32px;border-radius:32px;text-decoration:none;flex:1}
.hl-tsm{background:#e3f0ee}
.hl-tsm-t{display:block;font-size:17px;font-weight:700;line-height:1.5}
.hl-circ{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--teal);display:grid;place-items:center}
.hl-tteal{color:#fff}
.hl-tteal .hl-kick{color:#e6f6f7}
.hl-tteal-0{background:#20797f}.hl-tteal-1{background:#3c9aa0}.hl-tteal-2{background:#5bb0b2}
.hl-taz{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:48px 40px;border-radius:32px;background:linear-gradient(180deg,#1f7c84,#6cb8b8);color:#fff;text-decoration:none}
.hl-taz-t{font-size:36px;font-weight:700;line-height:1.15}
.hl-taz-e{font-size:17px;line-height:1.55;max-width:460px;color:#eaf6f6}
/* recommended reads */
.hl-tabs{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:48px}
.hl-tabs button{font:inherit;font-size:14px;font-weight:700;padding:15px 24px;border-radius:999px;border:0;background:#efefef;color:var(--ink);cursor:pointer}
.hl-tabs button[aria-selected="true"]{background:var(--teal);color:#fff}
.hl-reads{display:grid;grid-template-columns:1fr 1fr;gap:32px 50px}
.hl-reads[hidden]{display:none}
.hl-read{display:grid;grid-template-columns:140px 1fr;gap:24px;align-items:start;text-decoration:none}
.hl-read-img{display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:var(--teal-l)}
.hl-read-img img,.hl-read-img .fd-noimg{width:100%;height:100%;object-fit:cover;display:block;min-height:0}
.hl-read-t{font-size:17px;font-weight:700;line-height:1.55;padding-top:4px}
/* trust */
.hl-trust-in{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.hl-trust-img{border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:var(--teal-l)}
.hl-trust-img img,.hl-trust-img .fd-noimg{width:100%;height:100%;object-fit:cover;display:block}
.hl-acc details{border-left:4px solid #e3e3e3;padding:4px 0 4px 24px;margin-bottom:22px}
.hl-acc details[open]{border-left-color:var(--teal)}
.hl-acc summary{list-style:none;cursor:pointer;font-size:24px;font-weight:700;line-height:1.3;color:#c4c4c4}
.hl-acc summary::-webkit-details-marker{display:none}
.hl-acc details[open] summary{color:var(--ink)}
.hl-acc p{margin:10px 0 0;font-size:17px;line-height:1.55;color:#333}
.hl-acc a{color:var(--teal)}
@media (max-width:1100px){
  .hl-hero{grid-template-columns:1fr 1fr;gap:36px}
  .hl-tools{grid-template-columns:1fr 1fr}
  .hl-tbig,.hl-taz{grid-column:1/-1}.hl-tools>.hl-tcol:nth-child(2),.hl-tools>.hl-tcol:nth-child(3){grid-column:auto}
  .hl-trust-in{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .hl-sec{margin-top:52px}
  .hl-head h2{font-size:28px}
  .hl-hero{grid-template-columns:1fr;gap:36px;margin-top:28px}
  .hl-main-t{font-size:26px}
  .hl-tr{grid-template-columns:110px 1fr;gap:16px;margin-bottom:22px}
  .hl-car-track{grid-auto-columns:72%;gap:16px}
  .hl-topic-t{font-size:20px}
  .hl-tools{grid-template-columns:1fr;gap:16px}
  .hl-tbig,.hl-taz,.hl-tools>.hl-tcol:nth-child(2),.hl-tools>.hl-tcol:nth-child(3){grid-column:1}
  .hl-tcol{gap:16px}
  .hl-tbig{min-height:0;padding:32px 24px 0}.hl-tbig-t,.hl-taz-t{font-size:28px}.hl-tbig img{width:220px}
  .hl-tsm,.hl-tteal{padding:22px 24px;border-radius:24px}
  .hl-tabs{flex-wrap:nowrap;overflow-x:auto;gap:10px;margin-bottom:28px;scrollbar-width:none}
  .hl-tabs button{white-space:nowrap;padding:12px 18px}
  .hl-reads{grid-template-columns:1fr;gap:20px}
  .hl-read{grid-template-columns:100px 1fr;gap:16px}
  .hl-trust-in{grid-template-columns:1fr;gap:28px}
  .hl-acc summary{font-size:20px}
}

/* 2026-10-31 footer logo text was #1c1917 on the black footer (29 Oct header-logo rule) */

/* ===== 2026-10-31 footer = healthline.com footer (beige band + black bar); replaces the old all-black .ft ===== */
.ft{background:var(--beige);color:var(--ink);margin-top:80px;padding:0}
.ft-wrap{max-width:1280px;margin:0 auto;padding:0 20px}
.ft-band{padding:60px 0 60px}
.ft-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.ft-logo span{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1}
.ft-logo b{color:var(--teal);font-weight:800}
.ft-grid{display:grid;grid-template-columns:minmax(0,510px) 1fr;gap:40px 140px;margin-top:64px}
.ft-news h2{margin:0 0 20px;font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.01em}
.ft-news p{margin:0;font-size:16px;line-height:1.65}
.ft-form{display:flex;margin:24px 0 20px;max-width:365px}
.ft-field{position:relative;flex:1;display:block}
.ft-field span{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:15px;color:#767474;pointer-events:none;transition:.15s}
.ft-field input{width:100%;height:52px;border:0;border-radius:0;background:#fff;padding:16px 16px 4px;font:inherit;font-size:16px;color:var(--ink)}
.ft-field input:focus{outline:2px solid var(--teal);outline-offset:-2px}
.ft-field input:focus+span,.ft-field input:not(:placeholder-shown)+span{top:14px;font-size:11px}
.ft-form button{height:52px;padding:0 30px;border:0;border-radius:0;background:var(--teal);color:#fff;font:inherit;font-size:16px;font-weight:600;letter-spacing:.02em;cursor:pointer}
.ft-form button:hover{background:var(--teal-d)}
.ft-ok,.ft-err{margin:22px 0 18px!important;font-weight:600}.ft-err{color:#b42318}
.ft-priv{font-size:14px!important;line-height:1.5!important}
.ft-copy{margin-top:28px!important;font-size:14px!important;line-height:1.2!important}
.ft-news a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.ft-links{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:0 0;align-content:start}
.ft-links a{display:block;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;padding:0 0 30px}
.ft-links a:hover{text-decoration:underline}
.ft-bar{background:#000;color:#dcdbdb;padding:34px 0}
.ft-bar .ft-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.ft-brand{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;text-decoration:none}
.ft-brand span{font-size:17px;font-weight:800;letter-spacing:.02em}
.ft-bar-r{display:flex;flex-direction:column;align-items:flex-end;gap:16px;font-size:14px}
.ft-bar a{color:#dcdbdb;text-decoration:none}.ft-bar a:hover{color:#fff}
.ft-bar-l1{display:flex;gap:18px}.ft-bar-l1 span{color:#dcdbdb}
.ft-bar-l2{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-end}.ft-bar-l2 b{font-weight:700}
@media (max-width:900px){
  .ft-grid{grid-template-columns:1fr;gap:44px;margin-top:44px}
  .ft-links{grid-template-columns:1fr}
  .ft-bar .ft-wrap{flex-direction:column;text-align:center}
  .ft-bar-r{align-items:center}
  .ft-bar-l2{flex-direction:column;align-items:center;gap:8px}
}
/* 2026-11-02 owner: tools block = healthline.com «Healthline Tools» exactly (measured: radius 30px, light cards gradient 358deg #e4ebe5→#bfe1e7, pad 32px,
   label 16px/600 #02838d, button #02838d pad 16x32 r26 17px/700, A–Z card gradient #1d7b83→#5eb0b9→sand, pad 52/48/0, title 38px/700, picture at the bottom) */
.hl-tbig{background:linear-gradient(358deg,#e4ebe5 -128%,#bfe1e7 94%);border-radius:30px}
.hl-tsm{background:linear-gradient(358deg,#e4ebe5 -128%,#bfe1e7 94%);border-radius:30px;padding:32px}
.hl-tteal{border-radius:30px;padding:32px}
.hl-tsm .hl-kick,.hl .hl-tsm .hl-kick{font-size:16px;font-weight:600;color:#02838d}
.hl-tsm-t{font-size:18px;font-weight:600;line-height:1.45}
.hl-tsm .hl-tsm-t{color:#231f20}
.hl-pill-btn{background:#02838d;padding:16px 32px;border-radius:26px;font-size:17px;font-weight:700}
.hl-taz{justify-content:flex-start;padding:52px 48px 0;border-radius:30px;background:linear-gradient(180deg,#1d7b83 0%,#5eb0b9 61.67%,#ebdcc4 100%);overflow:hidden}
.hl-taz-t{font-size:38px}
.hl-taz .hl-pill-w{background:#fff;color:#02838d}
.hl-taz img{display:block;margin-top:auto;width:380px;max-width:100%;height:auto}
.hl-tteal-0{background:linear-gradient(180deg,#14666d,#1d7b83)}.hl-tteal-1{background:linear-gradient(180deg,#1d7b83,#2f8f97)}.hl-tteal-2{background:linear-gradient(180deg,#2f8f97,#4aa6ae)}
@media (max-width:640px){.hl-tsm,.hl-tteal{padding:24px;border-radius:24px}.hl-taz{padding:40px 24px 0}.hl-taz-t{font-size:30px}.hl-taz img{width:300px}}
/* 2026-11-05 inline infographics */
.content .fd-fig,.fd-fig{margin:26px 0}
.fd-fig img{display:block;width:100%;height:auto;border-radius:14px}
.fd-fig figcaption{font-size:15px;color:#5b6b70;margin-top:8px}

/* 2026-11-05 tool tables */
.calc-t{width:100%;border-collapse:collapse;margin:0 0 12px;font-size:15px}.calc-t th,.calc-t td{border-bottom:1px solid #dfe9ea;padding:8px 6px;text-align:left}.calc-t th{color:#5b6b70;font-weight:600}
.calc-out .calc-t b{font-size:inherit}
.res-main em.cl-warn,em.cl-warn{background:#fdeee4;color:#b4531b;font-style:normal;padding:2px 8px;border-radius:999px;font-size:14px}
em.cl-ok{background:#e4f6ee;color:#14724a;font-style:normal;padding:2px 8px;border-radius:999px;font-size:14px}

.arch-text{margin:36px 0 10px;padding-top:24px;border-top:1px solid var(--line,#e3e8ec);max-width:860px}
.arch-text h2{margin-top:0}