/* Healthy Habits News: "classic long-form advertorial" lander design (lander 1).
   Navy masthead, off-white page, large Georgia body text in one narrow column, red arrow lists, white call-out box, dark-red button.
   Uses system fonts only (Georgia / Arial), so this lander needs no font files. Written from scratch for this site. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#faf8f3;color:#1c1a17;font-family:Georgia,"Times New Roman",serif}
img,svg{max-width:100%;display:block}
a{color:#7a1f1f}
:focus-visible{outline:3px solid #15324a;outline-offset:3px}
.skip-link{position:absolute;left:-999px;top:8px;background:#15324a;color:#fff;padding:8px 12px;z-index:100;font:14px Arial,Helvetica,sans-serif}
.skip-link:focus{left:8px}

/* masthead */
.advb-mast{background:#15324a;text-align:center;margin:0 0 6px}
.advb-mast .pub{font:400 30px/1 Georgia,"Times New Roman",serif;color:#fff;letter-spacing:.02em;padding:14px 0 12px}
.advb-mast .pub b{font-weight:700}

/* light masthead variant (white bar, bold navy name) */
.advb-mast.light{background:#fff;border-bottom:1px solid #d8d3c8}
.advb-mast.light .pub{font-weight:700;color:#15324a;padding:8px 0 6px}

/* verdict line under each option */
.advb-wrap p.advb-verdict{line-height:1.6}
.advb-wrap p.advb-verdict b{color:#7a1f1f}

/* column */
.advb-wrap{max-width:680px;margin:0 auto;padding:4px 22px 60px;color:#1c1a17}
.advb-wrap p{font:400 23px/1.65 Georgia,"Times New Roman",serif;margin:0 0 18px}
.advb-wrap h1{font:700 34px/1.18 Georgia,"Times New Roman",serif;margin:6px 0 16px}
.advb-wrap h2{font:700 29px/1.25 Georgia,"Times New Roman",serif;margin:30px 0 14px}
.advb-wrap a.mh{color:#7a1f1f;font-weight:700;text-decoration:underline}

/* byline + meta */
.advb-by{display:flex;align-items:center;gap:12px;border-top:1px solid #e2ddd3;border-bottom:1px solid #e2ddd3;padding:12px 0;margin:0 0 8px;font:14px/1.4 Arial,Helvetica,sans-serif;color:#4a463f}
.advb-by .av{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#15324a;color:#fff;display:grid;place-items:center;font:700 15px/1 Georgia,serif;letter-spacing:.02em}
.advb-by b{color:#1c1a17}
.advb-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font:12px/1.3 Arial,Helvetica,sans-serif;color:#6a655c;padding:6px 0 0}
.advb-meta .sep{color:#cfc9bd}
.advb-meta b{color:#3a362f;font-weight:700}
.advb-meta a{color:#3a362f;text-decoration:none}
.advb-meta a:hover{text-decoration:underline}
.advb-meta .stat{display:inline-flex;align-items:center;gap:4px}
.advb-meta svg{width:14px;height:14px;stroke:#6a655c;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* figures */
.advb-fig{margin:22px 0}
.advb-fig img{width:100%;height:auto;border-radius:6px;border:1px solid #e2ddd3;background:#fff}
.advb-fig .cap{font:700 14px/1.4 Arial,Helvetica,sans-serif;color:#6a655c;text-align:center;margin-top:8px}

/* red-arrow list */
.advb-list{list-style:none;padding:0;margin:0 0 18px;font:400 23px/1.5 Georgia,serif}
.advb-list li{position:relative;margin:0 0 12px;padding-left:30px}
.advb-list li::before{content:"\2192";position:absolute;left:0;color:#7a1f1f;font-weight:700}

/* pull line */
.advb-quote{font:italic 400 23px/1.55 Georgia,serif;border-left:4px solid #7a1f1f;padding:6px 0 6px 18px;margin:0 0 18px}

/* call-out box */
.advb-update{background:#fff;border:1.5px solid #d96a6a;border-radius:8px;padding:24px 26px;margin:30px 0}
.advb-update .tag{display:block;font:700 23px/1.4 Georgia,serif;margin-bottom:14px}
.advb-update p{font-weight:700;font-size:23px;line-height:1.55;margin:0 0 14px}
.advb-update .advb-list{font-size:21px}
.advb-update .advb-list li{margin-bottom:8px}
.advb-update .small{font:400 15px/1.5 Arial,Helvetica,sans-serif;font-weight:400;color:#4a463f;margin:0}
.advb-update > :last-child{margin-bottom:0}

/* button */
.advb-cta{display:block;background:#7a1f1f;color:#fff;font:700 27px/1.3 Arial,Helvetica,sans-serif;text-align:center;padding:18px 28px;border-radius:4px;text-decoration:none;margin:26px auto 8px;max-width:520px}
.advb-cta:hover{background:#5f1717;color:#fff}
.advb-note{font:13px/1.5 Arial,Helvetica,sans-serif;color:#6a655c;text-align:center;margin:0 0 6px!important}

/* reader questions (collapsible), styled like a comment thread */
.advb-q{margin:34px 0 0;border-top:1px solid #d8d3c8;padding-top:18px}
.advb-q h3{font:700 18px/1.3 Arial,Helvetica,sans-serif;margin:0 0 14px;color:#1c1a17}
.advb-q details{border-bottom:1px solid #e9e4da;padding:12px 0}
.advb-q summary{cursor:pointer;list-style:none;font:700 16px/1.4 Arial,Helvetica,sans-serif;color:#15324a;padding-right:28px;position:relative}
.advb-q summary::-webkit-details-marker{display:none}
.advb-q summary::after{content:"+";position:absolute;right:2px;top:-2px;font:400 24px/1 Arial,sans-serif;color:#7a1f1f}
.advb-q details[open] summary::after{content:"\2212"}
.advb-q details p{font:400 17px/1.55 Arial,Helvetica,sans-serif;margin:8px 0 0;color:#2c2c2e}

/* disclosure + footer */
.advb-disc{margin:40px 0 0;border-top:1px solid #d8d3c8;padding-top:18px;font:14px/1.6 Arial,Helvetica,sans-serif;color:#4a463f}
.advb-wrap .advb-disc h2{font:700 14px/1.4 Arial,Helvetica,sans-serif;margin:0 0 6px;color:#1c1a17}
.advb-wrap .advb-disc p{font:14px/1.6 Arial,Helvetica,sans-serif;margin:0 0 10px}
.advb-foot{border-top:1px solid #e2ddd3;padding:22px 22px 40px;text-align:center;font:13px/1.6 Arial,Helvetica,sans-serif;color:#6a655c}
.advb-foot p{max-width:680px;margin:0 auto 8px}
.advb-foot a{color:#4a463f}

@media (max-width:560px){
  .advb-wrap{padding:16px}
  .advb-wrap h1{font-size:27px}
  .advb-wrap h2{font-size:24px}
  .advb-wrap p,.advb-list,.advb-quote,.advb-update p{font-size:20px}
  .advb-update{padding:20px 18px}
  .advb-update .advb-list{font-size:19px}
  .advb-meta{font-size:11px;gap:4px 5px}
  .advb-cta{font-size:23px;padding:16px 20px}
}