/* AadiFit light liquid-glass look for article and calculator pages.
   Mirrors the homepage: warm-white canvas with soft gold glow, Plus Jakarta Sans headings over Inter body text,
   glass cards, red gradient buttons. Tokens come from /css/aadifit-glass-tokens.css (load it first).
   Scoped to body.hp-light so no other page changes. Also re-skins the shared header and footer for those pages. */

body.hp-light{
  font-family:var(--font-body);background:var(--color-canvas);color:var(--color-text);line-height:1.65;font-size:16px;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative;
}
body.hp-light *,body.hp-light *::before,body.hp-light *::after{box-sizing:border-box}
body.hp-light img{max-width:100%;height:auto}
body.hp-light::before{content:"";position:fixed;inset:0;z-index:-1;background:var(--af-light-canvas-glow),var(--color-canvas);pointer-events:none}
body.hp-light h1,body.hp-light h2,body.hp-light h3,body.hp-light h4{font-family:var(--font-head);color:var(--color-text)}
body.hp-light h1{font-size:clamp(30px,4.6vw,52px);font-weight:800;line-height:1.1;letter-spacing:-.03em}
body.hp-light h2{font-size:clamp(24px,2.8vw,32px);font-weight:700;line-height:1.2;letter-spacing:-.02em}
body.hp-light h3{font-size:clamp(18px,1.8vw,22px);font-weight:700;line-height:1.3}
body.hp-light p,body.hp-light li{color:var(--color-text-secondary)}
body.hp-light a{color:var(--color-brand)}
body.hp-light a:hover{color:var(--color-brand-hover)}
body.hp-light a:focus-visible,body.hp-light button:focus-visible,body.hp-light input:focus-visible,body.hp-light select:focus-visible,body.hp-light summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}

/* ---- shared header, light ---- */
body.hp-light .ac-nav{background:rgba(250,249,247,.90);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid rgba(214,205,198,.7)}
body.hp-light .ac-nav .nav-wordmark .wm-fit{color:#000}
body.hp-light .ac-nav .ac-nav-links a{color:#514B49}
body.hp-light .ac-nav .ac-nav-links a:hover{color:var(--color-brand)}
body.hp-light .ac-nav .ac-hamburger span{background:var(--color-text)}
body.hp-light .ac-nav .ac-nav-cta{background:var(--color-brand);color:#fff;box-shadow:0 4px 14px rgba(201,47,54,.2)}
body.hp-light .ac-mobile-menu{background:rgba(250,249,247,.99)}
body.hp-light .ac-mobile-menu a,body.hp-light .ac-mobile-menu .ac-mobile-close{color:var(--color-text)}
body.hp-light #nav-login-btn,body.hp-light #nav-user-pill{color:var(--color-burgundy)!important;border-color:rgba(118,41,54,.35)!important;background:rgba(216,183,123,.16)!important}

/* ---- shared footer, light ---- */
body.hp-light .ac-footer{background:#fff;border-top:1px solid var(--color-border);color:var(--color-text)}
body.hp-light .ac-footer a{color:var(--color-text-secondary)}
body.hp-light .ac-footer a:hover{color:var(--color-brand)}
body.hp-light .ac-footer p,body.hp-light .ac-footer span{color:var(--color-text-secondary)}
body.hp-light .ac-footer .ac-footer-col h4{color:var(--color-text);font-family:var(--font-head)}
body.hp-light .ac-footer .ac-footer-brand .ac-footer-email{color:var(--color-brand)}
body.hp-light .ac-footer .ac-footer-bottom{border-top:1px solid var(--color-border)}

/* ---- glass surfaces ---- */
body.hp-light .hp-glass,
body.hp-light .blog-article,
body.hp-light .bf-card,
body.hp-light .bf-qa,
body.hp-light .answer-capsule,
body.hp-light .cta-box,
body.hp-light .related-tools,
body.hp-light .related-articles,
body.hp-light details.bf-faq,
body.hp-light .faq-item{
  background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);
  border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-xl);color:var(--color-text);
}

/* ---- blog article pages ---- */
body.hp-light .blog-main{max-width:var(--container-max);margin:0 auto;padding:clamp(24px,4vw,48px) 24px 72px}
body.hp-light .blog-container{max-width:860px;margin:0 auto}
body.hp-light .ftc-disclosure{background:var(--glass-fill-subtle)!important;border:var(--glass-border-subtle)!important;border-radius:var(--radius-md);color:var(--color-text-secondary)!important;max-width:860px;margin:0 auto 20px!important;padding:12px 16px!important}
body.hp-light .blog-intro{max-width:860px;margin:0 auto 20px;font:500 clamp(16px,1.4vw,18px)/1.6 var(--font-body);color:var(--color-text-secondary)}
body.hp-light .breadcrumb{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px}
body.hp-light .breadcrumb a{color:var(--color-text-secondary)}
body.hp-light .breadcrumb a:hover{color:var(--color-brand)}
body.hp-light .blog-article{padding:clamp(22px,4vw,48px);margin-bottom:24px}
body.hp-light .blog-article::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.12) 35%,transparent 60%)}
body.hp-light .blog-article{position:relative}
body.hp-light .blog-article>*{position:relative}
body.hp-light .blog-hero{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:20px;border:var(--glass-border-subtle);box-shadow:var(--shadow-card)}
body.hp-light .blog-hero img{width:100%;max-height:280px;object-fit:cover;display:block}
body.hp-light .blog-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font:500 13px/1.4 var(--font-body);color:var(--color-text-secondary);margin-bottom:14px}
body.hp-light .blog-article h1{margin:0 0 18px}
body.hp-light .answer-capsule{border-left:4px solid var(--color-brand);border-radius:var(--radius-lg);padding:18px 22px;margin:0 0 28px;font:600 clamp(16px,1.3vw,17px)/1.6 var(--font-body);color:var(--color-text)}
body.hp-light .blog-content h2{margin:36px 0 12px}
body.hp-light .blog-content h3{margin:24px 0 8px}
body.hp-light .blog-content p,body.hp-light .blog-content li{color:var(--color-text-secondary);font-size:16.5px;line-height:1.75}
body.hp-light .blog-content strong{color:var(--color-text)}
body.hp-light .blog-content ul,body.hp-light .blog-content ol{padding-left:22px;margin:10px 0 16px}
body.hp-light .blog-content table,body.hp-light table.blog-table{width:100%;border-collapse:separate;border-spacing:0;margin:18px 0;font-size:15px;border:var(--glass-border-subtle);border-radius:var(--radius-md);overflow:hidden;background:rgba(255,255,255,.7)}
body.hp-light .blog-content th,body.hp-light table.blog-table th{background:var(--color-surface-alt);color:var(--color-text);text-align:left;font:700 13px/1.4 var(--font-head);letter-spacing:.02em;padding:12px 14px;border-bottom:1px solid var(--color-border)}
body.hp-light .blog-content td,body.hp-light table.blog-table td{color:var(--color-text-secondary);padding:12px 14px;border-bottom:1px solid rgba(214,205,198,.5)}
body.hp-light .blog-content tr:last-child td{border-bottom:0}
body.hp-light .cta-box{padding:18px 22px;margin:24px 0;border-radius:var(--radius-lg);border:1px solid rgba(216,183,123,.45);background:linear-gradient(135deg,rgba(251,234,208,.35) 0%,rgba(255,255,255,.9) 100%)}
body.hp-light .cta-box p{margin:0;color:var(--color-text)}
body.hp-light .cta-final{text-align:center;padding:28px 22px}
body.hp-light .cta-final h3{margin-bottom:8px}
body.hp-light .faq-list{display:grid;gap:12px;margin-top:12px}
body.hp-light .faq-item{padding:16px 20px;border-radius:var(--radius-lg)}
body.hp-light .faq-item h3{font-size:17px;margin:0 0 6px}
body.hp-light .faq-item p{margin:0;font-size:15.5px}
body.hp-light .sources-note{font-size:13.5px;margin-top:28px;padding-top:16px;border-top:1px solid var(--color-border)}
body.hp-light .sources-note em{color:var(--color-text-secondary)}
body.hp-light .share-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:20px 0;font-size:14px;color:var(--color-text-secondary)}
body.hp-light .share-bar a{padding:7px 14px;border-radius:var(--radius-pill);background:rgba(255,255,255,.8);border:1px solid var(--color-border);color:var(--color-text);font-weight:600;text-decoration:none}
body.hp-light .share-bar a:hover{border-color:rgba(201,47,54,.4);color:var(--color-brand)}
body.hp-light .related-tools,body.hp-light .related-articles{padding:20px 22px;margin:20px 0}
body.hp-light .related-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:12px}
body.hp-light .related-tool-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;border-radius:var(--radius-md);background:var(--glass-fill-subtle);border:var(--glass-border-subtle);color:var(--color-text);text-decoration:none;font-weight:600;transition:transform .22s var(--glass-ease),box-shadow .22s var(--glass-ease)}
body.hp-light .related-tool-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-hover);color:var(--color-brand)}
body.hp-light .related-articles ul{list-style:none;padding:0;margin:10px 0 0}
body.hp-light .related-articles li{padding:6px 0}
body.hp-light .ac-related{background:var(--glass-fill);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-xl)}
body.hp-light .ac-related h2{font-family:var(--font-head);color:var(--color-text)}
body.hp-light .ac-related a{color:var(--color-brand)}
body.hp-light .ac-related p{color:var(--color-text-secondary)}
body.hp-light .ac-related .ac-disclaimer{color:var(--color-text-secondary);border-top-color:var(--color-border)}
body.hp-light .blog-cta{background:var(--glass-fill);border:var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);padding:22px}
body.hp-light .cta-button,body.hp-light .bf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 24px;border:0;border-radius:12px;background:var(--btn-primary-bg);color:#fff;font:600 16px/1 var(--font-body);cursor:pointer;text-decoration:none;box-shadow:var(--btn-primary-shadow);transition:transform .16s ease-out,background .16s}
body.hp-light .cta-button:hover,body.hp-light .bf-btn:hover{background:var(--btn-primary-bg-hover);color:#fff}
body.hp-light .cta-button:active,body.hp-light .bf-btn:active{transform:translateY(2px)}

/* free-tool strip (sits under the answer capsule on food posts and calculators) */
body.hp-light .free-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 26px;padding:14px 18px;border-radius:var(--radius-lg);border:1px solid rgba(216,183,123,.45);background:linear-gradient(135deg,rgba(251,234,208,.38) 0%,rgba(255,255,255,.9) 100%)}
body.hp-light .free-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-pill);background:var(--color-brand);color:#fff;font:700 12px/1.4 var(--font-body);letter-spacing:.06em;text-transform:uppercase}
body.hp-light .free-strip p{margin:0;font-size:15px;color:var(--color-text)}
body.hp-light .free-strip a{font-weight:700}

/* ---- body fat calculator page ---- */
body.hp-light .bf-wrap{max-width:860px;margin:0 auto;padding:clamp(24px,4vw,48px) 24px 72px}
body.hp-light .bf-wrap h1{margin-bottom:14px}
body.hp-light .bf-wrap h2{margin:38px 0 12px}
body.hp-light .bf-wrap p,body.hp-light .bf-wrap li{color:var(--color-text-secondary)}
body.hp-light .bf-wrap ul{padding-left:22px;margin:8px 0}
body.hp-light .bf-qa{border-left:4px solid var(--color-brand);padding:16px 22px;margin:16px 0 22px;border-radius:var(--radius-lg)}
body.hp-light .bf-qa p{color:var(--color-text);margin:0}
body.hp-light .bf-card{padding:clamp(18px,3vw,28px);margin:16px 0}
body.hp-light .bf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:6px 0 10px}
body.hp-light .bf-wrap label{display:block;font:600 13px/1.4 var(--font-body);color:var(--color-text);margin-bottom:6px}
body.hp-light .bf-wrap input,body.hp-light .bf-wrap select{width:100%;min-height:48px;padding:12px 14px;background:rgba(255,255,255,.95);color:var(--color-text);border:1px solid var(--color-border);border-radius:12px;font:400 15px var(--font-body);box-shadow:inset 0 1px 2px rgba(32,33,38,.04)}
body.hp-light .bf-wrap input:focus,body.hp-light .bf-wrap select:focus{border-color:var(--color-brand);background:#fff}
body.hp-light .bf-err{color:var(--color-brand-hover);font-weight:600;margin-top:10px;min-height:1.2em}
body.hp-light .bf-big{font:800 clamp(34px,5vw,52px)/1.05 var(--font-head);color:var(--color-brand);letter-spacing:-.03em;margin-bottom:6px}
body.hp-light .bf-res{display:none}
body.hp-light .bf-wrap table{width:100%;border-collapse:separate;border-spacing:0;margin:16px 0;font-size:15px;border:var(--glass-border-subtle);border-radius:var(--radius-md);overflow:hidden;background:rgba(255,255,255,.7)}
body.hp-light .bf-wrap th{background:var(--color-surface-alt);color:var(--color-text);text-align:left;font:700 13px/1.4 var(--font-head);padding:12px 14px;border-bottom:1px solid var(--color-border)}
body.hp-light .bf-wrap td{color:var(--color-text-secondary);padding:12px 14px;border-bottom:1px solid rgba(214,205,198,.5)}
body.hp-light .bf-wrap tr:last-child td{border-bottom:0}
body.hp-light details.bf-faq{padding:0 20px;margin-bottom:12px;border-radius:var(--radius-lg)}
body.hp-light details.bf-faq summary{cursor:pointer;padding:16px 0;font:700 16px/1.4 var(--font-head);color:var(--color-text)}
body.hp-light details.bf-faq p{padding:0 0 16px;margin:0}

@media(max-width:600px){
  body.hp-light .blog-main,body.hp-light .bf-wrap{padding-left:16px;padding-right:16px}
  body.hp-light .blog-content p,body.hp-light .blog-content li{font-size:16px}
}
@media(prefers-reduced-motion:reduce){body.hp-light *{transition-duration:.01ms!important}}

/* print: the PCOS chart and other tables print as a clean one-page sheet */
body.hp-light .print-only{display:none}
@media print{
  body.hp-light::before{display:none}
  body.hp-light{background:#fff;color:#000}
  body.hp-light .ac-nav,body.hp-light .ac-nav-spacer,body.hp-light .ac-mobile-menu,body.hp-light .ac-footer,body.hp-light .free-strip,body.hp-light .cta-box,body.hp-light .inline-cta-box,
  body.hp-light .share-bar,body.hp-light .related-tools,body.hp-light .related-articles,body.hp-light .ac-related,body.hp-light .no-print,body.hp-light .ftc-disclosure,
  body.hp-light .blog-hero,body.hp-light .breadcrumb{display:none!important}
  body.hp-light .print-only{display:block;font-size:12px;color:#000;margin:6px 0}
  body.hp-light .blog-main{padding:0}
  body.hp-light .blog-article{background:#fff;box-shadow:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}
  body.hp-light .blog-article::before{display:none}
  body.hp-light table{font-size:11px;background:#fff}
  body.hp-light th,body.hp-light td{color:#000;border-color:#999}
  body.hp-light div[style*="overflow-x"]{overflow:visible!important}
}

body.hp-light .ac-footer .ac-footer-col h2{color:var(--color-text);font-family:var(--font-head)}