/** Shopify CDN: Minification failed

Line 39:7 Unexpected "500"
Line 39:42 Unterminated string token

**/
/* ============================================================
   Herbal Synergies - Wireframe Component System (HS-002.C02.03)
   Generated from the supplied HS Website Wireframes (source of
   truth), with every selector scoped under .hs-wf so wireframe
   markup can be used verbatim inside Dawn sections without
   touching Dawn components. Token values match brand-tokens.css.
   ============================================================ */

:root{
  --green:#1F5135;
  --green-deep:#163d28;
  --green2:#2C6B4A;
  --cream:#FBF8F1;
  --sage:#EEF3EC;
  --sage2:#E8F0E4;
  --pink:#FBEAEA;
  --paper:#fff;
  --ink:#1C1C1C;
  --body:#3f4a44;
  --mute:#7c867f;
  --line:#E2E8DF;
  --star:#E8A93B;
  --red:#C0392B;
  --blue:#2F5C8A;
  --reviews-green:#00B67A;
  --cta:#1F5135;
  --cta-hover:#163d28;
  --font:'Libre Franklin',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --wrap:1180px;
}

/* ---------- from BASE (shared) ---------- */
.hs-wf 500;600;700;800;900&display=swap');

:root{--green:#1F5135; --green-deep:#163d28; --green2:#2C6B4A;
  --cream:#FBF8F1; --sage:#EEF3EC; --sage2:#E8F0E4; --pink:#FBEAEA; --paper:#fff;
  --ink:#1C1C1C; --body:#3f4a44; --mute:#7c867f; --line:#E2E8DF;
  --star:#E8A93B; --red:#C0392B; --blue:#2F5C8A; --reviews-green:#00B67A;
  --cta:#1F5135; --cta-hover:#163d28;
  --font:'Libre Franklin',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --wrap:1180px;}
.hs-wf{margin:0;background:var(--paper);color:var(--body);font-family:var(--font);
  font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
.hs-wf img{max-width:100%;display:block;height:auto}
.hs-wf h1, .hs-wf h2, .hs-wf h3, .hs-wf h4{font-family:var(--font);color:var(--ink);font-weight:800;line-height:1.15;
  letter-spacing:-.01em;margin:0 0 .4em;overflow-wrap:break-word}
.hs-wf h1{font-size:38px;line-height:1.14}
.hs-wf h2{font-size:32px}
.hs-wf h3{font-size:22px}
.hs-wf p{margin:0 0 1em}
.hs-wf strong, .hs-wf b{color:var(--ink);font-weight:700}
.hs-wf a{color:var(--green);text-decoration:none}
.hs-wf a:hover{text-decoration:underline}
.hs-wf .wrap{max-width:var(--wrap);margin:0 auto;width:100%;padding:0 22px}
.hs-wf .sec{padding:66px 0}
.hs-wf .sec--cream{background:var(--cream)}
.hs-wf .sec--sage{background:#F4FAF6}
.hs-wf .sec--green{background:var(--green-deep);color:#fff}
.hs-wf .sec--green h2, .hs-wf .sec--green h3{color:#fff}
/* Blue companion background — used only by the Herbs & Medicines (blue book)
   single-product template. Scoping blue accents under .sec--sky keeps them on
   that page without touching the green PDP or any shared section. */
.hs-wf .sec--sky{background:#EDF3F9}
.hs-wf .sec--sky .eyebrow{color:var(--blue)}
.hs-wf .sec--sky .step-n{background:var(--blue)}
.hs-wf .tcard .who:empty{display:none}
/* Interior "look inside" optional button, centered under the intro */
.hs-wf .interior-cta{margin:6px auto 34px;text-align:center}
/* Interior blocks without an image render as clean full-width copy (used when
   real interior spreads are not yet available). */
.hs-wf .iblock-media:not(:has(img)){display:none}
.hs-wf .iblock:not(:has(.iblock-media img)){display:block}
.hs-wf .iblock:not(:has(.iblock-media img)) .iblock-body{max-width:760px;margin:0 auto}

/* ---- Blue visual system (Herbs & Medicines template only) ---------------
   Scoped under html.hs-med (added by sections/hs-wf-med-scope.liquid), so the
   green PDP, bundle page, and every shared section are untouched. Restrained:
   teal buy buttons, slate-blue eyebrows/step numerals, dusty-blue cards. The
   forest mid/final CTA bands and their white buttons are left as-is for brand
   continuity. */
:root{--teal:#0F6E7E;--teal-deep:#0B5563;--dusty:#D7E3EC}
.hs-med .hs-wf .eyebrow{color:var(--blue)}
.hs-med .hs-wf .step-n{background:var(--blue)}
.hs-med .hs-wf .btn:not(.btn--invert){background:var(--teal);border-color:var(--teal)}
.hs-med .hs-wf .btn:not(.btn--invert):hover{background:var(--teal-deep);border-color:var(--teal-deep)}
.hs-med .hs-wf .btn--atc{background:var(--teal);border-color:var(--teal)}
.hs-med .hs-wf .btn--atc:hover{background:var(--teal-deep);border-color:var(--teal-deep)}
.hs-med .hs-wf .single-price__amount{color:var(--teal)}
.hs-med .hs-wf .chip--solid{background:var(--teal)}
.hs-med .hs-wf .rating-link{color:var(--teal)}
.hs-med .hs-wf .step.card,
.hs-med .hs-wf .getblock,
.hs-med .hs-wf .bcard{border:1px solid var(--dusty)}
.hs-med .hs-wf .faq{border-color:var(--dusty)}
/* Blue page: keep every book mockup crisp on pure white — never the warm cream
   panel — so the standalone books read clean, not tan/beige. */
.hs-med .hs-wf .gal-main,
.hs-med .hs-wf .gal-thumb{background:#fff}
.hs-med .hs-wf .gal-main img{object-fit:contain}
.hs-med .hs-wf .iblock-media img{background:#fff}
.hs-med .hs-wf .otier-img{background:#fff}
.hs-med .hs-wf .ctaband-img{background:transparent}
.hs-wf .eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.13em;
  text-transform:uppercase;color:var(--green2);margin-bottom:12px}
.hs-wf .center{text-align:center}
.hs-wf .ctitle{font-size:34px;text-align:center;margin-bottom:10px}
/* A heading followed directly by a subheading stays paired tight (10px above);
   a standalone heading (no subheading after it) needs real breathing room
   before the content grid, so it doesn't read cramped against the boxes. */
.hs-wf .ctitle:not(:has(+ .csub)){margin-bottom:34px}
.hs-wf .csub{text-align:center;color:var(--mute);font-size:17px;max-width:680px;margin:0 auto 40px}
.hs-wf .btn{display:inline-block;background:var(--cta);color:#fff;text-align:center;font-weight:800;
  font-size:16px;letter-spacing:.03em;text-transform:uppercase;padding:15px 30px;border-radius:999px;
  text-decoration:none;border:1px solid var(--green-deep);box-shadow:0 6px 18px rgba(31,77,51,.22);
  transition:background .15s,transform .12s;cursor:pointer}
.hs-wf .btn:hover{background:var(--cta-hover);transform:translateY(-1px);text-decoration:none}
.hs-wf .btn--block{display:block;width:100%;max-width:520px;margin:24px auto 0}
.hs-wf .btn--ghost{background:#fff;color:var(--green);border:1.5px solid var(--line);box-shadow:none}
.hs-wf .btn--ghost:hover{background:var(--sage);border-color:var(--green)}
.hs-wf .btn--lg{font-size:18px;padding:18px 34px}
.hs-wf .btn .sub{display:block;font-size:11.5px;font-weight:700;letter-spacing:.04em;opacity:.9;
  margin-top:3px;text-transform:none}
.hs-wf .topbar{background:radial-gradient(ellipse at center,#225a37 0%,#1a4d2e 60%,#143e25 100%);
  color:#fff;text-align:center;padding:10px 16px;font-size:13.5px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase}
.hs-wf .topbar b, .hs-wf .topbar strong{color:#fff;font-weight:800}
.hs-wf .topbar-sub{margin-left:14px;padding-left:14px;border-left:1px solid rgba(255,255,255,.35);opacity:.9}
@media (max-width:640px){.hs-wf .topbar-sub{display:block;margin:3px 0 0;padding:0;border:0}}
.hs-wf .topbar .hl{color:#F2C879}
/* Global trust ribbon: three items in one centered row with white separators.
   Deep-green bg + white text come from .topbar above. */
.hs-wf .topbar-row{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}
.hs-wf .topbar .tb-item{display:inline-flex;align-items:center;color:#fff;white-space:nowrap;padding:0 18px}
.hs-wf .topbar .tb-item:not(:first-child){border-left:1px solid rgba(255,255,255,.4)}
@media (max-width:600px){
  /* Compact: rotate through the three messages one at a time (JS adds .is-on).
     No-JS fallback shows the first item only — never wraps to a second line. */
  .hs-wf .topbar{padding:9px 14px}
  .hs-wf .topbar .tb-item{display:none;padding:0 8px;font-size:12px}
  /* Kill the desktop separator border on mobile — one item shows at a time, so
     the divider from .tb-item:not(:first-child) would appear as a stray left bar
     when a non-first message rotates in. Match its specificity to override it. */
  .hs-wf .topbar .tb-item:not(:first-child){border-left:0}
  .hs-wf .topbar .tb-item.is-on{display:inline-flex}
  .hs-wf .topbar-row{min-height:1.35em}
}
.hs-wf .hdr{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line)}
.hs-wf .hdr-in{display:flex;align-items:center;justify-content:space-between;gap:22px;
  max-width:var(--wrap);margin:0 auto;padding:13px 22px}
.hs-wf .hdr-logo img{height:44px;width:auto}
.hs-wf .nav{display:flex;align-items:center;gap:26px}
.hs-wf .nav a{color:var(--ink);font-weight:600;font-size:15.5px;letter-spacing:.01em}
.hs-wf .nav a:hover{color:var(--green);text-decoration:none}
.hs-wf .nav a.active{color:var(--green)}
.hs-wf .hdr-actions{display:flex;align-items:center;gap:18px}
.hs-wf .hdr-ic{background:none;border:0;cursor:pointer;color:var(--ink);display:flex;align-items:center;padding:0}
.hs-wf .hdr-ic svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.8}
.hs-wf .cart-ic{position:relative}
.hs-wf .cart-ic .cbub{position:absolute;top:-7px;right:-9px;background:var(--green);color:#fff;
  font-size:10.5px;font-weight:800;min-width:17px;height:17px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;padding:0 4px}
.hs-wf .hdr-cta{display:inline-block;background:var(--cta);color:#fff;font-weight:800;font-size:13px;
  letter-spacing:.03em;text-transform:uppercase;padding:10px 18px;border-radius:999px;border:1px solid var(--green-deep)}
.hs-wf .hdr-cta:hover{background:var(--cta-hover);text-decoration:none}
.hs-wf .nav a.nav-cta{background:var(--cta);color:#fff;font-weight:800;font-size:13px;letter-spacing:.03em;
  text-transform:uppercase;padding:9px 17px;border-radius:999px;border:1px solid var(--green-deep);line-height:1}
.hs-wf .nav a.nav-cta:hover{background:var(--cta-hover);color:#fff;text-decoration:none}
.hs-wf .burger{display:none}
.hs-wf .stars{color:var(--star);letter-spacing:1px}
.hs-wf .rating-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14.5px;
  color:var(--mute);font-weight:600}
.hs-wf .rating-row .rt{color:var(--ink);font-weight:800;font-size:15px}
.hs-wf .chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;
  letter-spacing:.05em;text-transform:uppercase;padding:7px 14px;border-radius:999px;line-height:1.3}
.hs-wf .chip--solid{background:var(--green);color:#fff}
.hs-wf .chip--out{background:#fff;color:var(--ink);border:1px solid var(--line)}
.hs-wf .chip--sage{background:var(--sage2);color:var(--green)}
.hs-wf .card{background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:0 6px 18px rgba(31,81,53,.05);transition:transform .18s,box-shadow .18s}
.hs-wf .card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(31,81,53,.10)}
.hs-wf .pcard{display:flex;flex-direction:column;overflow:hidden}
.hs-wf .pcard .pcard-img{background:#fff;aspect-ratio:1/1;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
.hs-wf .pcard .pcard-img img{width:100%;height:100%;object-fit:contain}
.hs-wf .pcard .pcard-body{padding:18px 18px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.hs-wf .pcard .pcard-body h3{font-size:18px;margin:0}
.hs-wf .pcard .pcard-rate{font-size:13px;color:var(--mute)}
.hs-wf .pcard .pcard-price{margin-top:auto;font-weight:800;color:var(--ink);font-size:19px}
.hs-wf .pcard .pcard-price s{color:var(--mute);font-weight:500;font-size:15px;margin-left:7px}
.hs-wf .trust{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;max-width:1000px;margin:0 auto;text-align:center}
.hs-wf .trust-item{padding:8px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}
.hs-wf .trust-item:not(:last-child){border-right:1px solid var(--line)}
.hs-wf .trust-ic{width:76px;height:76px;border-radius:50%;background:var(--green);
  display:flex;align-items:center;justify-content:center}
.hs-wf .trust-ic svg{width:38px;height:38px;fill:#D8E8D0}
.hs-wf .trust-item p{font-size:18px;font-weight:800;color:var(--ink);line-height:1.25;margin:0}
.hs-wf .price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.hs-wf .price .now{font-size:52px;font-weight:900;color:var(--green);line-height:1}
.hs-wf .price .now::before{content:"$";font-size:24px;vertical-align:super;font-weight:700;margin-right:2px}
.hs-wf .price .was{font-size:22px;color:#888;text-decoration:line-through}
.hs-wf .price .savetag{font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  color:#fff;background:var(--red);padding:6px 12px;border-radius:5px}
.hs-wf .bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.hs-wf .bullets li{display:flex;gap:11px;align-items:flex-start;font-size:16.5px;color:var(--ink)}
.hs-wf .bullets .ck{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--green);
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;margin-top:1px}
.hs-wf .tcards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hs-wf .tcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 22px;
  box-shadow:0 6px 18px rgba(31,81,53,.05)}
.hs-wf .tcard .st{color:var(--star);font-size:15px;letter-spacing:1px;margin-bottom:9px}
.hs-wf .tcard q{display:block;font-size:16px;color:#2b1a1a;line-height:1.5;margin-bottom:13px}
.hs-wf .tcard .who{font-weight:800;color:var(--ink);font-size:14.5px}
.hs-wf .tcard .badge{color:#0a7a43;font-weight:700;font-size:12.5px;margin-top:2px}
.hs-wf .faq{border:1px solid var(--line);border-radius:10px;margin-bottom:12px;overflow:hidden;background:#fff}
.hs-wf .faq-q{width:100%;text-align:left;background:#fff;border:0;cursor:pointer;font-family:inherit;
  font-weight:700;color:var(--ink);font-size:16.5px;display:flex;align-items:center;
  justify-content:space-between;gap:14px;padding:18px 18px}
.hs-wf .faq-q .ic{position:relative;width:18px;height:18px;flex:0 0 auto;transition:transform .25s}
.hs-wf .faq-q .ic::before, .hs-wf .faq-q .ic::after{content:"";position:absolute;background:var(--green);top:50%;left:50%}
.hs-wf .faq-q .ic::before{width:12px;height:2px;transform:translate(-50%,-50%)}
.hs-wf .faq-q .ic::after{width:2px;height:12px;transform:translate(-50%,-50%);transition:opacity .25s}
.hs-wf .faq.open .faq-q .ic::after{opacity:0}
.hs-wf .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;font-size:15.5px;color:var(--body)}
.hs-wf .faq-a p{padding:0 18px 18px}
.hs-wf .faq.open{border-color:#cfe0d3}
.hs-wf .foot{background:#12301f;color:#cdd8cf;padding:56px 0 0}
.hs-wf .foot a{color:#cdd8cf}
.hs-wf .foot a:hover{color:#fff}
.hs-wf .foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;padding-bottom:40px;
  border-bottom:1px solid rgba(255,255,255,.12)}
.hs-wf .foot-brand img{height:42px;width:auto;margin-bottom:16px;margin-left:-32px}
.hs-wf .foot-brand p{font-size:14.5px;line-height:1.6;color:#a9b8ac;max-width:300px}
.hs-wf .foot-col h4{color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
.hs-wf .foot-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.hs-wf .foot-col a{font-size:14.5px}
.hs-wf .foot-news{padding:34px 0;border-bottom:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.hs-wf .foot-news h4{color:#fff;font-size:19px;margin:0 0 4px}
.hs-wf .foot-news p{margin:0;font-size:14px;color:#a9b8ac}
.hs-wf .foot-form{display:flex;gap:10px;flex:0 0 auto}
.hs-wf .foot-form input{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);
  color:#fff;border-radius:999px;padding:12px 18px;font-family:inherit;font-size:14px;min-width:240px}
.hs-wf .foot-form input::placeholder{color:#8fa093}
.hs-wf .foot-form button{background:#fff;color:var(--green-deep);border:0;border-radius:999px;
  font-weight:800;font-size:13px;letter-spacing:.03em;text-transform:uppercase;padding:12px 22px;cursor:pointer}
.hs-wf .foot-bot{padding:22px 0 40px;display:flex;align-items:center;justify-content:space-between;
  gap:18px;flex-wrap:wrap;font-size:13px;color:#8fa093}
.hs-wf .foot-pay{height:26px;width:auto;filter:none}
.hs-wf .foot-disc{padding:20px 0 46px;font-size:12px;line-height:1.6;color:#7f9083;max-width:900px}
.hs-wf .wf-note{background:#FFF4D6;border-bottom:1px solid #EAD8A0;color:#6b5a1e;font-size:12.5px;
  text-align:center;padding:7px 16px;font-weight:600;letter-spacing:.02em}
.hs-wf .wf-note b{color:#6b5a1e}
.hs-wf .rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.hs-wf .rv.in{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
.hs-wf .rv{opacity:1;transform:none;transition:none}
}



@media(max-width:960px){
.hs-wf .foot-top{grid-template-columns:1fr 1fr}
.hs-wf .trust{grid-template-columns:1fr}
.hs-wf .trust-item{border-right:0!important;padding:22px 0;border-bottom:1px solid var(--line)}
.hs-wf .trust-item:last-child{border-bottom:0}
.hs-wf .tcards{grid-template-columns:1fr}
}

@media(max-width:820px){
.hs-wf .nav, .hs-wf .hdr-cta{display:none}
.hs-wf .burger{display:flex}
/* Mobile header: hamburger left, logo centered, search + bag right.
   Logo is taken out of flow and centered; burger and actions are the only
   in-flow children, so space-between pins them to the edges. */
.hs-wf .hdr-in{position:relative;gap:12px;padding:17px 24px}
.hs-wf .hdr-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}
.hs-wf .hdr-logo img{height:40px}
.hs-wf .hdr-actions{gap:22px}
.hs-wf h1{font-size:30px}
.hs-wf .ctitle{font-size:27px}
.hs-wf .ctitle:not(:has(+ .csub)){margin-bottom:26px}
.hs-wf .sec{padding:48px 0}
.hs-wf .foot-news{flex-direction:column;align-items:flex-start}
.hs-wf .foot-form input{min-width:0;flex:1}
}

@media(max-width:560px){
.hs-wf .foot-top{grid-template-columns:1fr;gap:26px}
.hs-wf .price .now{font-size:44px}
}
.hs-wf .mnav{position:fixed;inset:0;z-index:80;background:rgba(18,30,20,.5);display:none}
.hs-wf .mnav.open{display:block}
.hs-wf .mnav-panel{position:absolute;top:0;right:0;width:min(320px,86%);height:100%;background:#fff;
  padding:22px;display:flex;flex-direction:column;gap:4px;box-shadow:-8px 0 30px rgba(0,0,0,.2)}
.hs-wf .mnav-panel a{color:var(--ink);font-weight:600;font-size:17px;padding:13px 4px;border-bottom:1px solid var(--line)}
.hs-wf .mnav-close{align-self:flex-end;background:none;border:0;font-size:28px;line-height:1;color:var(--ink);cursor:pointer}
.hs-wf .gbadge{display:inline-flex;flex:0 0 auto}
.hs-wf .gbadge img{height:134px;width:auto;display:block}
.hs-wf .research-stats{display:flex;gap:30px;flex-wrap:wrap;margin-top:24px}
.hs-wf .rstat b{display:block;font-size:30px;font-weight:900;color:var(--green);line-height:1}
.hs-wf .rstat span{font-size:13.5px;color:var(--mute);font-weight:600}
.hs-wf .scarcity-radar{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 0;
  font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink)}
.hs-wf .scarcity-radar .radar{position:relative;width:11px;height:11px;flex:0 0 auto}
.hs-wf .scarcity-radar .radar i{position:absolute;inset:0;border-radius:50%;background:var(--red)}
.hs-wf .scarcity-radar .radar span{position:absolute;inset:0;border-radius:50%;border:2px solid var(--red);animation:radar-ping 1.7s ease-out infinite}

@keyframes radar-ping{0%{transform:scale(1);opacity:.55}100%{transform:scale(2.8);opacity:0}}

@media(prefers-reduced-motion:reduce){
.hs-wf .scarcity-radar .radar span{animation:none}
}

/* ---------- from HerbalSynergiesAffiliatePreview.html ---------- */
.hs-wf .a-hero{padding:52px 0 6px;text-align:center}
.hs-wf .a-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hs-wf .a-grid4 .card{text-align:left}
.hs-wf .a-grid4 .card h3{font-size:18px;margin:0 0 6px}
.hs-wf .a-grid4 .card p{font-size:14.5px;color:var(--body);margin:0}
.hs-wf .a-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:step}
.hs-wf .a-steps .card{text-align:left}
.hs-wf .a-steps .step-n{width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;margin-bottom:14px}
.hs-wf .a-steps .card h3{font-size:18px;margin:0 0 6px}
.hs-wf .a-steps .card p{font-size:14.5px;color:var(--body);margin:0}
.hs-wf .a-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:6px auto 0;max-width:720px}
.hs-wf .c-form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 30px 34px;box-shadow:0 6px 18px rgba(31,81,53,.05);max-width:640px;margin:0 auto}
.hs-wf .field-wf{margin-bottom:18px}
.hs-wf .field-wf label{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:7px}
.hs-wf .field-wf input, .hs-wf .field-wf select, .hs-wf .field-wf textarea{width:100%;border:1px solid var(--line);border-radius:10px;
  padding:12px 14px;font-family:inherit;font-size:15.5px;color:var(--ink);background:#fff}
.hs-wf .field-wf input:focus, .hs-wf .field-wf select:focus, .hs-wf .field-wf textarea:focus{outline:none;border-color:var(--green)}
.hs-wf .field-wf textarea{min-height:130px;resize:vertical}
.hs-wf .two-f{display:grid;grid-template-columns:1fr 1fr;gap:16px}

@media(max-width:900px){
.hs-wf .a-grid4{grid-template-columns:1fr 1fr}
}

@media(max-width:820px){
.hs-wf .a-steps{grid-template-columns:1fr}
.hs-wf .two-f{grid-template-columns:1fr}
}

@media(max-width:560px){
.hs-wf .a-grid4{grid-template-columns:1fr}
}

/* ---------- from HerbalSynergiesBlogArticlePreview.html ---------- */
.hs-wf .crumb{font-size:13.5px;color:var(--mute);font-weight:600;padding:26px 0 0}
.hs-wf .crumb a{color:var(--mute)}
.hs-wf .art-head{max-width:760px;margin:0 auto;padding:14px 22px 8px}
.hs-wf .art-head .cat{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--green);background:var(--sage2);padding:6px 12px;border-radius:999px;margin-bottom:16px}
.hs-wf .art-head h1{font-size:36px;line-height:1.16}
.hs-wf .byline{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:14px;color:var(--mute);font-weight:600}
.hs-wf .byline .av{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.hs-wf .byline .sep{width:4px;height:4px;border-radius:50%;background:var(--line)}
.hs-wf article{padding-bottom:44px}
.hs-wf .art-hero{max-width:1000px;margin:26px auto 0;border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.hs-wf .art-hero img{width:100%;aspect-ratio:16/8;object-fit:cover}
.hs-wf .prose{max-width:760px;margin:0 auto;padding:8px 22px;overflow-wrap:break-word}
.hs-wf .prose img{display:block;max-width:100%;width:100%;height:auto;margin:24px auto;border-radius:14px;border:1px solid var(--line)}
.hs-wf .prose figure{margin:24px 0;max-width:100%}
.hs-wf .prose figure img{margin:0}
.hs-wf .prose figcaption{margin-top:8px;font-size:13.5px;color:var(--mute);text-align:center}
.hs-wf .prose p{font-size:18px;color:var(--body);margin:0 0 1.1em}
.hs-wf .prose h2{font-size:26px;margin:1.4em 0 .5em}
.hs-wf .prose ul{margin:0 0 1.2em;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.hs-wf .prose ul li{display:flex;gap:12px;font-size:17px;color:var(--body)}
.hs-wf .prose ul li b{color:var(--ink)}
.hs-wf .prose ul li .dot{flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:var(--green);margin-top:8px}
.hs-wf .pullquote{border-left:4px solid var(--green);background:var(--sage);border-radius:0 12px 12px 0;
  padding:20px 24px;margin:26px 0;font-size:21px;font-weight:700;color:var(--ink);line-height:1.4}
.hs-wf .callout{background:#EAF1F8;border:1px solid #D4E2F0;border-radius:14px;padding:22px 24px;margin:26px 0}
.hs-wf .callout h4{color:var(--blue);font-size:16px;margin:0 0 8px;display:flex;align-items:center;gap:8px}
.hs-wf .callout p{font-size:15.5px;margin:0;color:var(--body)}
.hs-wf .art-cta{max-width:760px;margin:34px auto;display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;
  background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:24px 26px}
.hs-wf .art-cta img{border-radius:12px}
.hs-wf .art-cta h3{font-size:20px;margin:0 0 6px}
.hs-wf .art-cta .p{display:flex;align-items:baseline;gap:10px;margin:6px 0 14px}
.hs-wf .art-cta .p .now{font-size:30px;font-weight:900;color:var(--green)}
.hs-wf .art-cta .p .now::before{content:"$";font-size:16px;vertical-align:super;margin-right:1px}
.hs-wf .art-cta .p s{color:var(--mute)}
.hs-wf .related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:14px}
.hs-wf .rpost{overflow:hidden;display:flex;flex-direction:column}
.hs-wf .rpost .rimg{aspect-ratio:16/10;overflow:hidden;background:var(--cream)}
.hs-wf .rpost .rimg img{width:100%;height:100%;object-fit:cover}
.hs-wf .rpost .rbody{padding:16px 18px 20px}
.hs-wf .rpost .cat{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green2)}
.hs-wf .rpost h3{font-size:17px;margin:7px 0 0}

@media(max-width:820px){
.hs-wf .art-head h1{font-size:29px}
.hs-wf .art-cta{grid-template-columns:1fr}
.hs-wf .art-cta img{max-width:200px}
.hs-wf .related{grid-template-columns:1fr}
}

/* ---------- from HerbalSynergiesBlogArticlePreview.html ---------- */
.hs-wf .amm-chart{max-width:760px;margin:28px auto;background:var(--cream);border:1px solid var(--line);
  border-radius:16px;padding:22px 24px}
.hs-wf .amm-chart .amm-h{font-size:16px;font-weight:800;color:var(--ink);margin:0 0 4px}
.hs-wf .amm-chart .amm-sub{font-size:13px;color:var(--mute);font-weight:600;margin:0 0 16px}
.hs-wf .amm-rows{display:flex;flex-direction:column;gap:14px;margin:0 0 4px}
.hs-wf .amm-row{display:grid;grid-template-columns:1fr;gap:6px}
.hs-wf .amm-row .amm-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px}
.hs-wf .amm-row .amm-label b{color:var(--ink);font-weight:700}
.hs-wf .amm-row .amm-val{color:var(--green);font-weight:800;font-variant-numeric:tabular-nums;flex:0 0 auto}
.hs-wf .amm-track{position:relative;height:14px;border-radius:999px;background:var(--sage2);overflow:hidden}
.hs-wf .amm-bar{position:absolute;inset:0 auto 0 0;border-radius:999px;
  background:linear-gradient(90deg,var(--green),var(--green2))}
.hs-wf .amm-chart figcaption{font-size:12.5px;color:var(--mute);font-weight:600;margin:16px 0 0;
  padding-top:12px;border-top:1px solid var(--line);line-height:1.5}
.hs-wf .amm-video{max-width:760px;margin:28px auto}
.hs-wf .amm-frame{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--line);
  background:radial-gradient(120% 120% at 50% 40%,#3a4f42 0%,#25352c 100%);display:flex;
  align-items:center;justify-content:center}
.hs-wf .amm-tag{position:absolute;top:12px;left:12px;font-size:11px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:#eaf1ec;background:rgba(0,0,0,.32);padding:5px 10px;border-radius:999px}
.hs-wf .amm-play{width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.94);
  display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.28)}
.hs-wf .amm-play::before{content:"";display:block;width:0;height:0;margin-left:5px;
  border-left:22px solid var(--green);border-top:14px solid transparent;border-bottom:14px solid transparent}
.hs-wf .amm-video figcaption{font-size:13px;color:var(--mute);font-weight:600;margin:12px 0 0;text-align:center}

@media(max-width:820px){
.hs-wf .amm-play{width:60px;height:60px}
.hs-wf .amm-play::before{border-left-width:18px}
}

/* ---------- from HerbalSynergiesBlogPreview.html ---------- */
.hs-wf .blog-hero{padding-top:52px;padding-bottom:8px}
.hs-wf .chips-row{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 28px}
.hs-wf .fchip{font-size:13.5px;font-weight:700;color:var(--body);background:#fff;border:1px solid var(--line);
  border-radius:999px;padding:8px 16px;cursor:pointer;transition:.15s}
.hs-wf .fchip:hover{border-color:var(--green);color:var(--green);text-decoration:none}
.hs-wf .fchip.active{background:var(--sage2);border-color:var(--green);color:var(--green)}
.hs-wf .feat{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;margin-bottom:44px}
.hs-wf .feat .fimg{background:var(--cream);overflow:hidden}
.hs-wf .feat .fimg img{width:100%;height:100%;object-fit:cover}
.hs-wf .feat .fbody{padding:38px 40px;display:flex;flex-direction:column;justify-content:center}
.hs-wf .feat .cat{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green2)}
.hs-wf .feat h2{font-size:29px;margin:10px 0 12px}
.hs-wf .feat p{font-size:16px;color:var(--body)}
.hs-wf .feat .by{font-size:13.5px;color:var(--mute);font-weight:600;margin-top:6px}
.hs-wf .bloggrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hs-wf .bpost{overflow:hidden;display:flex;flex-direction:column}
.hs-wf .bpost .bimg{aspect-ratio:16/10;overflow:hidden;background:var(--cream)}
.hs-wf .bpost .bimg img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.hs-wf .bpost:hover .bimg img{transform:scale(1.04)}
.hs-wf .bpost .bbody{padding:20px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.hs-wf .bpost .cat{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green2)}
.hs-wf .bpost h3{font-size:18.5px;margin:0}
.hs-wf .bpost p{font-size:14.5px;color:var(--body);margin:0}
.hs-wf .bpost .meta{margin-top:auto;font-size:12.5px;color:var(--mute);font-weight:600}

@media(max-width:960px){
.hs-wf .feat{grid-template-columns:1fr}
.hs-wf .feat .fimg{min-height:220px}
.hs-wf .bloggrid{grid-template-columns:1fr 1fr}
}

@media(max-width:560px){
.hs-wf .bloggrid{grid-template-columns:1fr}
.hs-wf .feat .fbody{padding:26px 22px}
}

/* ---------- from HerbalSynergiesCartPreview.html ---------- */
.hs-wf .cart-hero{padding-top:44px;padding-bottom:4px}
.hs-wf .cart-grid{display:grid;grid-template-columns:1.5fr .9fr;gap:34px;align-items:start}
.hs-wf .li{display:grid;grid-template-columns:104px 1fr auto;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center}
.hs-wf .li-img{width:104px;height:104px;border-radius:12px;overflow:hidden;background:var(--cream);border:1px solid var(--line)}
.hs-wf .li-img img{width:100%;height:100%;object-fit:cover}
.hs-wf .li h3{font-size:18px;margin:0 0 4px}
.hs-wf .li .sub{font-size:13.5px;color:var(--mute);margin:0 0 10px}
.hs-wf .li .tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.hs-wf .qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.hs-wf .qty button{background:#fff;border:0;width:32px;height:32px;font-size:17px;cursor:pointer;color:var(--ink)}
.hs-wf .qty span{min-width:34px;text-align:center;font-weight:700;font-size:15px}
.hs-wf .li .remove{display:inline-block;margin-left:16px;font-size:13px;color:var(--mute);cursor:pointer;text-decoration:underline}
.hs-wf .li-price{text-align:right;font-weight:800;color:var(--ink);font-size:18px}
.hs-wf .li-price s{display:block;color:var(--mute);font-weight:500;font-size:14px}
.hs-wf .freebar{background:#EAF7EE;border:1px solid #CDE9D5;border-radius:12px;padding:14px 18px;
  font-size:14.5px;font-weight:600;color:var(--ink);display:flex;gap:10px;align-items:center;margin-top:20px}
.hs-wf .freebar svg{width:18px;height:18px;fill:var(--green);flex:0 0 auto}
.hs-wf .summary{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:26px 26px 30px;position:sticky;top:88px}
.hs-wf .summary h3{font-size:19px;margin:0 0 18px}
.hs-wf .srow{display:flex;justify-content:space-between;font-size:15px;padding:9px 0;color:var(--body)}
.hs-wf .srow.free b{color:var(--green)}
.hs-wf .srow.total{border-top:2px dashed #D9D4C7;margin-top:8px;padding-top:16px;font-size:20px;font-weight:900;color:var(--ink)}
.hs-wf .summary .btn{margin-top:18px}
.hs-wf .secure{display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;color:var(--body);margin-top:14px}
.hs-wf .secure .sc{width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.hs-wf .summary .pay{margin:14px auto 0;max-width:240px;display:block}
.hs-wf .also{margin-top:16px}
.hs-wf .also-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hs-wf .also-card{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}
.hs-wf .also-card img{width:60px;height:60px;border-radius:10px;object-fit:cover;background:var(--cream)}
.hs-wf .also-card b{font-size:14.5px;color:var(--ink);display:block}
.hs-wf .also-card span{font-size:13px;color:var(--mute)}
.hs-wf .also-card .add{margin-left:auto;font-size:12.5px;font-weight:800;color:var(--green);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;white-space:nowrap}

@media(max-width:900px){
.hs-wf .cart-grid{grid-template-columns:1fr}
.hs-wf .summary{position:static}
}

@media(max-width:560px){
.hs-wf .li{grid-template-columns:80px 1fr}
.hs-wf .li-price{grid-column:2;text-align:left}
.hs-wf .li-img{width:80px;height:80px}
.hs-wf .also-grid{grid-template-columns:1fr}
}
.hs-wf .fsmeter{background:#F4FAF6;border:1px solid #CDE9D5;border-radius:14px;padding:15px 16px;margin:0 0 24px}
.hs-wf .fsmeter .m-top{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:800;color:var(--ink);margin-bottom:11px}
.hs-wf .fsmeter .m-top svg{width:19px;height:19px;fill:var(--green2);flex:0 0 auto}
.hs-wf .fsmeter .m-top b{color:var(--green2)}
.hs-wf .fsmeter .m-track{height:10px;border-radius:6px;background:#E3EFE6;overflow:hidden}
.hs-wf .fsmeter .m-fill{height:100%;background:linear-gradient(90deg,var(--green2),var(--green));border-radius:6px}
.hs-wf .fsmeter .m-scale{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;font-weight:700;color:var(--mute)}
.hs-wf .fsmeter .m-scale .goal{color:var(--green2)}
.hs-wf .fsmeter .m-add{display:inline-flex;align-items:center;gap:7px;margin-top:13px;font-size:13.5px;font-weight:800;
  color:var(--green);background:#fff;border:1.5px solid #CDE9D5;border-radius:999px;padding:9px 16px;text-decoration:none}
.hs-wf .fsmeter .m-add:hover{background:var(--sage);text-decoration:none;border-color:var(--green)}
.hs-wf .fsoffer{border:1px solid #CDE9D5;border-radius:14px;overflow:hidden;margin:0 0 24px}
.hs-wf .fso-bar{background:#F4FAF6;padding:14px 16px}
.hs-wf .fso-msg{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800;color:var(--ink);margin-bottom:10px}
.hs-wf .fso-msg svg{width:18px;height:18px;fill:var(--green2);flex:0 0 auto}
.hs-wf .fso-msg b{color:var(--green2)}
.hs-wf .m-track{height:9px;border-radius:6px;background:#E3EFE6;overflow:hidden}
.hs-wf .m-fill{height:100%;background:linear-gradient(90deg,var(--green2),var(--green));border-radius:6px}
.hs-wf .fso-deal{display:flex;align-items:center;gap:16px;padding:16px;background:#FBF3E6;border-top:1px solid #F0DFC0}
.hs-wf .fso-txt{flex:1}
.hs-wf .fso-txt b{display:block;color:var(--ink);font-size:15px;margin-bottom:3px}
.hs-wf .fso-txt span{font-size:13.5px;color:var(--body);line-height:1.45}
.hs-wf .fso-now{color:var(--green);font-weight:800}
.hs-wf .fso-txt s{color:var(--mute)}
.hs-wf .fso-btn{flex:0 0 auto;white-space:nowrap;padding:12px 20px;font-size:13px}

@media(max-width:560px){
.hs-wf .fso-deal{flex-direction:column;align-items:stretch}
.hs-wf .fso-btn{width:100%}
}

/* ---------- from HerbalSynergiesContactPreview.html ---------- */
.hs-wf .c-hero{padding:52px 0 6px;text-align:center}
.hs-wf .c-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:34px;align-items:start}
.hs-wf .c-form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 30px 34px;box-shadow:0 6px 18px rgba(31,81,53,.05)}
.hs-wf .field-wf{margin-bottom:18px}
.hs-wf .field-wf label{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:7px}
.hs-wf .field-wf input, .hs-wf .field-wf select, .hs-wf .field-wf textarea{width:100%;border:1px solid var(--line);border-radius:10px;
  padding:12px 14px;font-family:inherit;font-size:15.5px;color:var(--ink);background:#fff}
.hs-wf .field-wf input:focus, .hs-wf .field-wf select:focus, .hs-wf .field-wf textarea:focus{outline:none;border-color:var(--green)}
.hs-wf .field-wf textarea{min-height:130px;resize:vertical}
.hs-wf .two-f{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hs-wf .c-info h3{font-size:18px;margin:0 0 4px}
.hs-wf .c-info .row{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}
.hs-wf .c-info .row:last-child{border-bottom:0}
.hs-wf .c-info .ic{flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:var(--sage2);display:flex;align-items:center;justify-content:center}
.hs-wf .c-info .ic svg{width:20px;height:20px;fill:none;stroke:var(--green);stroke-width:1.8}
.hs-wf .c-info .row b{color:var(--ink);display:block;font-size:15px}
.hs-wf .c-info .row span{font-size:14px;color:var(--body)}
.hs-wf .c-info .row a{font-weight:600}

@media(max-width:820px){
.hs-wf .c-grid{grid-template-columns:1fr}
.hs-wf .two-f{grid-template-columns:1fr}
}

/* ---------- from HerbalSynergiesHomepagePreview.html ---------- */
.hs-wf .hero{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;align-items:center;padding:56px 0}
.hs-wf .hero-img{background:var(--cream);border-radius:20px;overflow:hidden;border:1px solid var(--line);
  box-shadow:0 14px 40px rgba(31,77,51,.10)}
.hs-wf .hero-img img{width:100%;height:auto;object-fit:contain;display:block}
.hs-wf .home-custrow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:30px}
.hs-wf .home-custrow .hc{aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--cream);box-shadow:0 4px 14px rgba(0,0,0,.07)}
.hs-wf .home-custrow .hc img{width:100%;height:100%;object-fit:cover}

@media(max-width:640px){
.hs-wf .home-custrow{grid-template-columns:repeat(3,1fr)}
}
.hs-wf .gbadge img{height:180px;width:auto;display:block}
.hs-wf .hero h1{font-size:40px;margin:14px 0 18px}
.hs-wf .hero h1 .warn{color:#C8564B}
.hs-wf .hero .lead{font-size:18px;margin-bottom:20px}
.hs-wf .hero-badges{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}
.hs-wf .shipnote{display:flex;align-items:center;gap:10px;margin:20px 0 0;background:#EAF7EE;border:1px solid #CDE9D5;
  border-radius:10px;padding:11px 16px;font-size:14.5px;font-weight:600;color:var(--ink)}
.hs-wf .shipnote svg{width:17px;height:17px;fill:var(--green);flex:0 0 auto}
.hs-wf .pay{margin:16px 0 0;max-width:330px}
.hs-wf .twobook{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}
.hs-wf .bookcard{border-radius:18px;padding:32px 30px;border:1px solid var(--line)}
.hs-wf .bookcard.green{background:var(--sage2)}
.hs-wf .bookcard.blue{background:#EAF1F8;border-color:#D4E2F0}
.hs-wf .bookcard .tag{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.hs-wf .bookcard.green .tag{color:var(--green)}
.hs-wf .bookcard.blue .tag{color:var(--blue)}
.hs-wf .bookcard h3{font-size:23px;margin-bottom:10px}
.hs-wf .bookcard p{font-size:16px;margin-bottom:0}
.hs-wf .catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hs-wf .catcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 18px;text-align:center;
  transition:transform .18s,box-shadow .18s}
.hs-wf .catcard:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(31,81,53,.08);text-decoration:none}
.hs-wf .catcard .cic{width:52px;height:52px;border-radius:50%;background:var(--sage2);margin:0 auto 12px;
  display:flex;align-items:center;justify-content:center}
.hs-wf .catcard .cic svg{width:26px;height:26px;fill:var(--green)}
.hs-wf .catcard b{color:var(--ink);font-size:15px}
.hs-wf .author{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.hs-wf .author-img img{border-radius:20px}
.hs-wf .bloggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hs-wf .bpost{overflow:hidden;display:flex;flex-direction:column}
.hs-wf .bpost .bimg{aspect-ratio:16/10;overflow:hidden;background:var(--cream)}
.hs-wf .bpost .bimg img{width:100%;height:100%;object-fit:cover}
.hs-wf .bpost .bbody{padding:20px 20px 24px}
.hs-wf .bpost .cat{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green2)}
.hs-wf .bpost h3{font-size:19px;margin:8px 0 8px}
.hs-wf .bpost p{font-size:14.5px;color:var(--body);margin:0}
.hs-wf .guar{display:flex;align-items:center;gap:30px;justify-content:center;flex-wrap:wrap;text-align:left}
.hs-wf .guar img{height:120px;width:auto}
.hs-wf .guar .gtext{max-width:520px}

@media(max-width:960px){
.hs-wf .hero{grid-template-columns:1fr;gap:30px}
.hs-wf .hero-img{order:-1;max-width:480px;margin:0 auto}
.hs-wf .twobook{grid-template-columns:1fr}
.hs-wf .catgrid{grid-template-columns:1fr 1fr}
.hs-wf .author{grid-template-columns:1fr;gap:26px}
.hs-wf .author-img{max-width:420px;margin:0 auto}
.hs-wf .bloggrid{grid-template-columns:1fr}
}

@media(max-width:560px){
.hs-wf .catgrid{grid-template-columns:1fr 1fr}
}

/* ---------- from HerbalSynergiesProductPagePreview.html ---------- */
.hs-wf .crumb{font-size:13.5px;color:var(--mute);font-weight:600;padding:16px 0 0}
.hs-wf .crumb a{color:var(--mute)}
.hs-wf .crumb a:hover{color:var(--green)}
.hs-wf .crumb span{color:var(--ink)}
.hs-wf .pdp{display:grid;grid-template-columns:1.02fr 1fr;gap:48px;align-items:start;padding:26px 0 56px}
.hs-wf .gal-main{background:var(--cream);border:1px solid var(--line);border-radius:18px;overflow:hidden;
  box-shadow:0 12px 34px rgba(31,77,51,.09);aspect-ratio:1/1}
.hs-wf .gal-main img{width:100%;height:100%;object-fit:cover}
.hs-wf .gal-thumbs-wrap{position:relative;margin-top:12px}
.hs-wf .gal-thumbs{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:2px}
.hs-wf .gal-thumb{padding:0;border:1.5px solid var(--line);border-radius:11px;overflow:hidden;background:var(--cream);
  cursor:pointer;aspect-ratio:1/1;flex:0 0 calc((100% - 45px) / 5.5);scroll-snap-align:start;transition:border-color .15s,transform .12s}
.hs-wf .gal-nav{position:absolute;top:calc(50% - 1px);transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:0 3px 11px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;padding:0}
.hs-wf .gal-nav svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hs-wf .gal-nav[hidden]{display:none}
.hs-wf .gal-nav--prev{left:-4px}
.hs-wf .gal-nav--next{right:-4px}
.hs-wf .gal-nav:hover{border-color:var(--green)}
.hs-wf .gal-thumb img{width:100%;height:100%;object-fit:cover}
.hs-wf .gal-thumb:hover{transform:translateY(-2px)}
.hs-wf .gal-thumb.active{border-color:var(--green);box-shadow:0 0 0 2px rgba(31,81,53,.16)}
.hs-wf .pinfo-chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}
.hs-wf .pinfo h1{font-size:34px;margin:12px 0 12px}
.hs-wf .pinfo .lead{font-size:17px;margin-bottom:20px}
.hs-wf .pinfo .price{margin:4px 0 18px}
.hs-wf .single-price{display:flex;flex-direction:column;gap:4px;margin:6px 0 2px}
.hs-wf .single-price__label{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--green-deep)}
.hs-wf .single-price__row{display:flex;align-items:baseline;gap:12px}
.hs-wf .single-price__amount{font-size:34px;font-weight:800;color:var(--ink);line-height:1}
.hs-wf .single-price__was{font-size:20px;color:var(--mute);text-decoration:line-through}
.hs-wf .single-price__note{font-size:14px;color:var(--body)}
.hs-wf .pdivide{border:0;border-top:1px solid var(--line);margin:22px 0}
.hs-wf .tiers{display:flex;flex-direction:column;gap:12px;margin:6px 0 4px}
.hs-wf .tier-offer{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:12px 15px;margin:12px 0 2px}
.hs-wf .tier-offer__title{font-weight:800;color:var(--ink);font-size:15px;margin:0;line-height:1.3}
.hs-wf .tier-offer__sub{font-size:13px;color:var(--body);margin:5px 0 0;line-height:1.45}
.hs-wf .tier-unlock{display:flex;align-items:flex-start;gap:7px;font-size:13px;font-weight:700;color:var(--green-deep);margin:9px 2px 0;line-height:1.4}
.hs-wf .tier-unlock svg{flex:0 0 16px;width:16px;height:16px;margin-top:1px;fill:none;stroke:var(--green-deep);stroke-width:2}
/* ---- lower synced offer section ---- */
.hs-wf .offer2{max-width:940px;text-align:center}
.hs-wf .offer2-select{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:22px 0 30px}
.hs-wf .otier{flex:1 1 200px;max-width:280px;background:#fff;border:2px solid var(--line);border-radius:14px;padding:16px 18px;cursor:pointer;display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;transition:border-color .15s,box-shadow .15s}
.hs-wf .otier:hover{border-color:var(--green2)}
.hs-wf .otier.sel{border-color:var(--green);box-shadow:0 0 0 2px rgba(31,81,53,.16)}
.hs-wf .otier-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hs-wf .otier-name{font-weight:800;color:var(--ink);font-size:16px}
.hs-wf .otier-price{font-weight:800;color:var(--green-deep);font-size:20px}
.hs-wf .otier .tbadge{background:var(--gold,#c8a24a);color:#3a2c00;font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:3px 8px;border-radius:20px}
.hs-wf .bonus-grp{margin:26px 0 0}
.hs-wf .bonus-grp__label{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green-deep);margin:0 0 14px}
.hs-wf .bonus-grp__label .lbl-open{display:none}
.hs-wf .bonus-grp--unlock.is-unlocked .lbl-locked{display:none}
.hs-wf .bonus-grp--unlock.is-unlocked .lbl-open{display:inline}
.hs-wf .bonus-cards{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.hs-wf .bcard{flex:0 1 180px;max-width:200px}
.hs-wf .bcard-cover{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 4px 12px rgba(0,0,0,.1)}
.hs-wf .bcard-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .2s,opacity .2s}
.hs-wf .bcard-name{font-size:13.5px;font-weight:800;color:var(--ink);margin-top:10px}
.hs-wf .bcard-desc{font-size:12.5px;color:var(--body);margin-top:3px;line-height:1.4}
.hs-wf .bcard-tag{position:absolute;font-size:10px;font-weight:800;letter-spacing:.02em;border-radius:20px;display:none;align-items:center;justify-content:center}
.hs-wf .bcard-tag--in{left:8px;bottom:8px;padding:4px 8px;background:var(--green);color:#fff}
.hs-wf .bcard-tag--lock{left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;background:rgba(22,61,40,.92);color:#fff}
.hs-wf .bcard-tag--lock svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2}
.hs-wf .bonus-grp:not(.bonus-grp--unlock) .bcard-tag--in{display:inline-flex}
.hs-wf .bonus-grp--unlock:not(.is-unlocked) .bcard-cover img{filter:grayscale(.7);opacity:.55}
.hs-wf .bonus-grp--unlock:not(.is-unlocked) .bcard-tag--lock{display:inline-flex}
.hs-wf .bonus-grp--unlock.is-unlocked .bcard-tag--in{display:inline-flex}
.hs-wf .offer2-cta{max-width:520px;margin:26px auto 0}
.hs-wf .offer2-guar{font-size:13px;font-weight:700;color:var(--green-deep);margin:14px 0 0}
.hs-wf .offer2 .offer2-pay{display:inline-block;margin:12px auto 0;float:none}
.hs-wf .offer2-foot{font-size:12.5px;color:var(--mute);margin:10px 0 0}
/* Pack mockups inside the offer selector: each tier shows its 1/2/3-book image
   on white; the selected tier is already emphasized by .otier.sel. */
.hs-wf .otier-img{width:100%;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;overflow:hidden;margin-bottom:2px}
.hs-wf .otier-img img{width:100%;height:auto;max-height:140px;object-fit:contain;display:block}
.hs-wf .otier:has(.otier-img){align-items:center;text-align:center}
.hs-wf .otier:has(.otier-img) .otier-top{justify-content:center}
.hs-wf .otier:has(.otier-img) .otier-price{font-size:22px}
/* Optional lead image in a CTA band (blue→green pairing cross-sell) */
.hs-wf .ctaband-img{max-width:280px;margin:0 auto 18px;display:block}
.hs-wf .ctaband-img img{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 26px rgba(0,0,0,.16))}
/* ---- interior-proof section (scoped) ---- */
.hs-wf .interior{max-width:1000px}
.hs-wf .interior-head{text-align:center;margin-bottom:40px}
.hs-wf .interior-head .csub{margin-top:12px}
.hs-wf .iblock{margin-top:48px}
.hs-wf .iblock:first-of-type{margin-top:0}
.hs-wf .iblock-media img{width:100%;height:auto;display:block;border-radius:16px;border:1px solid var(--line);box-shadow:0 12px 34px rgba(31,77,51,.10);background:var(--cream)}
.hs-wf .iblock-body h3{font-size:23px;color:var(--ink);margin:0 0 10px;line-height:1.25}
.hs-wf .iblock-body p{font-size:16.5px;color:var(--body);line-height:1.6;margin:0}
.hs-wf .iblock--full{text-align:center}
.hs-wf .iblock--full .iblock-media{max-width:880px;margin:0 auto}
.hs-wf .iblock--full .iblock-body{max-width:680px;margin:22px auto 0}
.hs-wf .iblock--left,.hs-wf .iblock--right{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.hs-wf .iblock--right .iblock-media{order:2}
.hs-wf .steps-note{text-align:center;font-size:14.5px;font-weight:700;color:var(--green-deep);margin:26px 0 0}
@media (max-width:820px){
  .hs-wf .iblock--left,.hs-wf .iblock--right{grid-template-columns:1fr;gap:18px}
  .hs-wf .iblock--right .iblock-media{order:0}
  .hs-wf .iblock-body{text-align:left}
  .hs-wf .iblock--full .iblock-media{max-width:100%}
}
@media (max-width:600px){.hs-wf .otier{flex:1 1 100%;max-width:none;flex-direction:row;justify-content:space-between;align-items:center}.hs-wf .bonus-cards{gap:9px}.hs-wf .bcard{flex:0 1 30%;max-width:31%}.hs-wf .bcard-name{font-size:12px;margin-top:7px}.hs-wf .bcard-desc{font-size:11px}}
@media (max-width:600px){.hs-wf .otier:has(.otier-img){flex:1 1 46%;max-width:none;flex-direction:column;align-items:stretch;text-align:center}.hs-wf .otier:has(.otier-img) .otier-top{justify-content:center}.hs-wf .otier-img img{max-height:150px}}
.hs-wf .tier{position:relative;display:flex;align-items:center;gap:14px;border:1.5px solid var(--line);border-radius:14px;
  padding:15px 17px;cursor:pointer;background:#fff;transition:border-color .15s,box-shadow .15s,background .15s}
.hs-wf .tier:hover{border-color:#bcd4c3}
.hs-wf .tier.sel{border-color:var(--green);background:#F4FAF6;box-shadow:0 0 0 2px rgba(31,81,53,.14)}
.hs-wf .tier .radio{flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);
  display:flex;align-items:center;justify-content:center;transition:border-color .15s}
.hs-wf .tier.sel .radio{border-color:var(--green)}
.hs-wf .tier .radio::after{content:"";width:11px;height:11px;border-radius:50%;background:var(--green);
  transform:scale(0);transition:transform .15s}
.hs-wf .tier.sel .radio::after{transform:scale(1)}
.hs-wf .tier .tmid{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.3}
.hs-wf .tier .tname{font-weight:800;color:var(--ink);font-size:16px;display:block}
.hs-wf .tier .tsub{font-size:13px;color:var(--mute);font-weight:600}
.hs-wf .tier .tprice{flex:0 0 auto;font-weight:900;color:var(--green);font-size:19px;white-space:nowrap}
/* Badge sits pinned in the top-right corner of the card, out of the title's flow
   so long package names ("2 Bundles (4 Books)") never collide with or clip it. */
.hs-wf .tier .tbadge{position:absolute;top:0;right:0;margin:0;font-size:10px;font-weight:800;
  letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--green);white-space:nowrap;
  padding:4px 11px;border-radius:0 12px 0 10px;line-height:1.25}
/* Give badged rows headroom so the corner tag clears the price/title. */
.hs-wf .tier:has(.tbadge){padding-top:30px}
.hs-wf .buynow{display:block;text-align:center;margin:12px auto 0;font-weight:800;font-size:14.5px;
  color:var(--green);text-decoration:underline;letter-spacing:.02em}
.hs-wf .shipnote{display:flex;align-items:center;gap:10px;margin:18px 0 0;background:#EAF7EE;border:1px solid #CDE9D5;
  border-radius:10px;padding:11px 16px;font-size:14.5px;font-weight:600;color:var(--ink)}
.hs-wf .shipnote svg{width:17px;height:17px;fill:var(--green);flex:0 0 auto}
.hs-wf .pay{margin:16px 0 0;max-width:320px}
.hs-wf .mini-trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.hs-wf .getgrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.hs-wf .getblocks{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.hs-wf .getblock{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 20px}
.hs-wf .getblock .gic{width:44px;height:44px;border-radius:11px;background:var(--sage2);display:flex;
  align-items:center;justify-content:center;margin-bottom:13px}
.hs-wf .getblock .gic svg{width:23px;height:23px;fill:none;stroke:var(--green);stroke-width:1.9}
.hs-wf .getblock h3{font-size:17px;margin-bottom:7px}
.hs-wf .getblock p{font-size:14.5px;color:var(--body);margin:0}
.hs-wf .getimg img{border-radius:18px;box-shadow:0 10px 30px rgba(31,81,53,.12)}
.hs-wf .twobook{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.hs-wf .bookcard{border-radius:18px;padding:32px 30px;border:1px solid var(--line)}
.hs-wf .bookcard.green{background:var(--sage2)}
.hs-wf .bookcard.blue{background:#EAF1F8;border-color:#D4E2F0}
.hs-wf .bookcard .tag{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.hs-wf .bookcard.green .tag{color:var(--green)}
.hs-wf .bookcard.blue .tag{color:var(--blue)}
.hs-wf .bookcard h3{font-size:23px;margin-bottom:10px}
.hs-wf .bookcard p{font-size:16px;margin-bottom:0}
.hs-wf .bonus-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:38px 36px;
  max-width:900px;margin:0 auto;box-shadow:0 12px 34px rgba(31,77,51,.07)}
.hs-wf .bonus-list{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:14px 26px}
.hs-wf .bonus-list li{display:flex;gap:12px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--line)}
.hs-wf .bonus-list .bk{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--green);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;margin-top:2px}
.hs-wf .bonus-list .bt{flex:1;font-size:15px;color:var(--ink);line-height:1.4}
.hs-wf .bonus-list .bt b{display:block;font-weight:800}
.hs-wf .bonus-list .bt span{font-size:13px;color:var(--mute);font-weight:600}
.hs-wf .bonus-val{font-weight:800;color:var(--green);font-size:14.5px;white-space:nowrap}
.hs-wf .bonus-val.free{color:var(--green2)}
.hs-wf .bonus-total{margin-top:24px;background:#F4FAF6;border:1px solid #CDE9D5;border-radius:14px;
  padding:20px 22px;text-align:center}
.hs-wf .bonus-total .bt-big{font-size:20px;font-weight:900;color:var(--ink)}
.hs-wf .bonus-total .bt-big s{color:var(--mute);font-weight:600;font-size:16px}
.hs-wf .bonus-total p{margin:6px 0 0;font-size:14.5px;color:var(--body)}
.hs-wf .bonus-foot{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:20px;
  font-size:13.5px;font-weight:700;color:var(--mute)}
.hs-wf .bonus-foot img{height:24px;width:auto}
.hs-wf .compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.hs-wf .cmp{border-radius:18px;padding:30px 28px;border:1px solid var(--line)}
.hs-wf .cmp.good{background:var(--sage2);border-color:#CDE1D2}
.hs-wf .cmp.bad{background:var(--pink);border-color:#F1D3D3}
.hs-wf .cmp h3{font-size:20px;margin-bottom:18px}
.hs-wf .cmp ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:13px}
.hs-wf .cmp li{display:flex;gap:11px;align-items:flex-start;font-size:15.5px;color:var(--ink);line-height:1.4}
.hs-wf .cmp .mk{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:13px;font-weight:800;margin-top:1px}
.hs-wf .cmp.good .mk{background:var(--green);color:#fff}
.hs-wf .cmp.bad .mk{background:#fff;color:var(--red);border:1.5px solid #E3B4B0}
.hs-wf .guar{display:flex;align-items:center;gap:30px;justify-content:center;flex-wrap:wrap;text-align:left}
.hs-wf .guar img{height:120px;width:auto}
.hs-wf .guar .gtext{max-width:520px}


@media(max-width:960px){
.hs-wf .pdp{grid-template-columns:1fr;gap:30px;padding:20px 0 40px}
.hs-wf .gallery{position:static}
.hs-wf .getgrid{grid-template-columns:1fr;gap:28px}
.hs-wf .getimg{order:-1;max-width:520px;margin:0 auto}
.hs-wf .twobook, .hs-wf .compare{grid-template-columns:1fr}
.hs-wf .bonus-list{grid-template-columns:1fr}
}

@media(max-width:820px){
.hs-wf .pinfo h1{font-size:28px}
.hs-wf .bonus-panel{padding:28px 20px}
}

@media(max-width:560px){
.hs-wf .gal-thumbs{gap:7px}
.hs-wf .gal-thumb{flex-basis:calc((100% - 30px) / 4.4)}
.hs-wf .getblocks{grid-template-columns:1fr}
.hs-wf .tier{padding:13px 14px;gap:11px}
.hs-wf .tier .tname{font-size:15px}
.hs-wf .tier .tbadge{font-size:9px;padding:3px 9px;letter-spacing:.03em}
.hs-wf .tier:has(.tbadge){padding-top:28px}
}
.hs-wf .bonusbar{display:flex;gap:12px;align-items:center;background:#FBF3E6;border:1px solid #F0DFC0;border-radius:12px;padding:12px 14px;margin:2px 0 16px}
.hs-wf .bonusbar .bb-ic{font-size:22px;line-height:1;flex:0 0 auto}
.hs-wf .bonusbar .bb-tx b{display:block;color:var(--ink);font-size:15px;line-height:1.25}
.hs-wf .bonusbar .bb-tx span{font-size:13px;color:var(--body)}
.hs-wf .freeship{display:inline-flex;align-items:center;gap:5px;margin-top:2px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--green);background:#EAF7EE;border:1px solid #CDE9D5;border-radius:999px;padding:3px 9px}
.hs-wf .freeship svg{width:14px;height:14px;fill:var(--green)}
.hs-wf .tbadge--gold{background:var(--star)!important;color:#3a2a00!important}
.hs-wf .shipnudge{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--body);background:var(--sage);border:1px dashed #cfe0d3;border-radius:10px;padding:10px 12px;margin-top:12px}
.hs-wf .shipnudge svg{width:18px;height:18px;fill:var(--green2);flex:0 0 auto}
.hs-wf .shipnudge.unlocked{background:#EAF7EE;border-color:#CDE9D5;border-style:solid;color:var(--green-deep)}
.hs-wf .bonusline{display:flex;gap:11px;align-items:center;background:#FBF3E6;border:1px solid #F0DFC0;border-radius:10px;padding:11px 13px;margin-top:12px;font-size:14px;color:var(--ink)}
.hs-wf .bonusline .bk{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--star);color:#3a2a00;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:15px}
.hs-wf .paycta{margin:14px auto 0;max-width:300px}
.hs-wf .shipline{font-size:13px;color:var(--mute);text-align:center;margin:10px 0 0}
/* ===== reviews modal (ported from the Funnelish bundle-2 widget) ===== */
.hs-wf .rmodal{position:fixed;inset:0;z-index:200;display:none;align-items:flex-start;justify-content:center;padding:5vh 18px;background:rgba(20,30,24,.55)}
.hs-wf .rmodal.open{display:flex}
.hs-wf .rmodal-card{background:#fff;border-radius:16px;max-width:560px;width:100%;max-height:88vh;overflow:auto;padding:26px 24px 24px;position:relative;box-shadow:0 24px 64px rgba(0,0,0,.32)}
.hs-wf .rmodal-close{position:absolute;top:11px;right:13px;width:34px;height:34px;border:0;background:#F1F3F0;border-radius:50%;font-size:20px;line-height:1;color:#555;cursor:pointer}
.hs-wf .rmodal-close:hover{background:#E4E8E2}
.hs-wf .rmodal h3{font-size:21px;margin:0 0 4px;padding-right:42px}
.hs-wf .rmodal .rm-rate{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 2px;font-size:17px;font-weight:800;color:var(--ink)}
.hs-wf .rmodal .rm-rate .st{color:var(--star);font-size:19px;letter-spacing:1px}
.hs-wf .rmodal .rm-sub{font-size:12.5px;color:var(--mute);font-weight:600;margin-bottom:4px}
.hs-wf .rmodal .rm-summary{font-size:14px;line-height:1.55;color:var(--body);margin:13px 0 2px}
.hs-wf .rmodal .rev-card .help{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:12px;font-weight:700;color:var(--mute);cursor:pointer;user-select:none;transition:color .15s}
.hs-wf .rmodal .rev-card .help:hover{color:var(--green)}
.hs-wf .rmodal .rev-card .help:hover svg{fill:var(--green)}
.hs-wf .rmodal .rev-card .help.voted{color:var(--green)}
.hs-wf .rmodal .rev-card .help.voted svg{fill:var(--green)}
.hs-wf .rmodal .rev-card .help svg{width:14px;height:14px;fill:var(--mute);flex:0 0 auto}
.hs-wf .rmodal .rm-sec{font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);margin:16px 0 9px}
.hs-wf .rmodal .rm-cards{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}
.hs-wf .rmodal .rm-card{flex:0 0 200px;scroll-snap-align:start;background:#F4FAF6;border:1px solid var(--line);border-radius:12px;padding:13px 14px}
.hs-wf .rmodal .rm-card b{display:block;color:var(--ink);font-size:14px;margin-bottom:3px}
.hs-wf .rmodal .rm-card span{display:block;font-size:13px;color:var(--body);line-height:1.3}
.hs-wf .rmodal .rm-rev{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;align-items:stretch}
.hs-wf .rmodal .rev-card{flex:0 0 250px;scroll-snap-align:start;border:1px solid var(--line);border-radius:12px;padding:15px 16px;background:#fff;display:flex;flex-direction:column}
.hs-wf .rmodal .rev-card .st{font-size:14px;margin-bottom:8px;line-height:0}
.hs-wf .rmodal .rev-card q{display:block;font-size:14px;color:#2b1a1a;line-height:1.5;margin-bottom:14px;flex:1 0 auto}
.hs-wf .rmodal .rev-card .who{margin-top:auto;display:flex;align-items:center;gap:9px;font-weight:800;color:var(--ink);font-size:13.5px}
.hs-wf .rmodal .rev-card .rv-av{flex:0 0 30px;width:30px;height:30px;border-radius:50%;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.hs-wf .rmodal .rev-card .rv-id{display:flex;flex-direction:column;line-height:1.25}
.hs-wf .rmodal .rev-card .rv-id .vb{font-weight:700;color:#0a7a43;font-size:11.5px}
.hs-wf .rmodal .rev-card .rv-date{margin-left:auto;align-self:flex-start;font-size:11px;color:var(--mute);font-weight:600;white-space:nowrap}
.hs-wf .tstars{display:inline-block;vertical-align:middle;width:auto}
.hs-wf .rmodal .rm-rate .st .tstars{height:21px}
.hs-wf .rmodal .rev-card .st .tstars{height:14px}
.hs-wf .rmodal .rm-dist{display:flex;flex-direction:column;gap:5px;margin:14px 0 8px}
.hs-wf .rmodal .rm-dist .drow{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--mute);font-weight:700}
.hs-wf .rmodal .rm-dist .dlab{flex:0 0 26px}
.hs-wf .rmodal .rm-dist .dbar{flex:1;height:8px;border-radius:5px;background:#EAEFE9;overflow:hidden}
.hs-wf .rmodal .rm-dist .dbar i{display:block;height:100%;background:#00B67A;border-radius:5px}
.hs-wf .rmodal .rm-dist .dpct{flex:0 0 32px;text-align:right;color:var(--body)}
.hs-wf .rmodal .rm-prov{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mute);font-weight:600;margin:2px 0 4px}
.hs-wf .rmodal .rm-prov svg{width:14px;height:14px;fill:#00B67A;flex:0 0 auto}
.hs-wf .rmodal .rm-sort{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 12px}
.hs-wf .rmodal .rm-sort button{font-family:inherit;font-size:12px;font-weight:700;color:var(--body);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 13px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.hs-wf .rmodal .rm-sort button:hover{border-color:#00B67A;background:#F4FAF6;color:var(--green)}
.hs-wf .rmodal .rm-sort button.active{background:#F4FAF6;border-color:#00B67A;color:var(--green)}
.hs-wf .rmodal .rm-foot{font-size:12px;color:var(--mute);text-align:center;margin-top:16px}
@media(max-width:760px){
  .hs-wf .rmodal-card{padding:22px 16px 18px}
  .hs-wf .rmodal h3{font-size:19px}
}
/* Sticky gallery is a desktop-only affordance. Scope it to >=961px so it
   never overrides the mobile `position:static` (which would pin the image
   and let the buy-box text scroll underneath it). */
@media(min-width:961px){.hs-wf .gallery{position:sticky;top:88px;align-self:start}}
.hs-wf .tier .tprice{text-align:right}
.hs-wf .tier .tprice s{display:block;font-size:12px;color:var(--mute);font-weight:500;text-decoration:line-through;margin-top:1px}
.hs-wf .bonusbubbles{margin-top:14px}
.hs-wf .bonusbubbles .bb-lead{font-size:13px;font-weight:700;color:var(--ink);margin:0 0 9px;text-align:center}
.hs-wf .bonusbubbles .bb-lead b{color:var(--green)}
.hs-wf .bonusbubbles .bb-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.hs-wf .bonusbubbles .bb{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink);
  background:#FBF3E6;border:1px solid #F0DFC0;border-radius:999px;padding:6px 11px}
.hs-wf .bonusbubbles .bb-ic{font-size:14px;line-height:1}
.hs-wf .custgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1000px;margin:8px auto 0}
.hs-wf .cph{aspect-ratio:1/1;overflow:hidden;border-radius:14px;background:var(--cream);box-shadow:0 4px 14px rgba(0,0,0,.08)}
.hs-wf .cph img{width:100%;height:100%;object-fit:cover}

@media(max-width:560px){
.hs-wf .custgrid{grid-template-columns:1fr 1fr}
}
.hs-wf .wrap--table .ctitle{text-align:center}
.hs-wf .spec{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,auto);grid-auto-flow:column;gap:0 48px;margin:28px auto 0;max-width:960px;background:var(--cream,#FBF8F1);border:1px solid var(--line);border-radius:18px;padding:16px 38px;box-shadow:0 8px 26px rgba(22,61,40,.05)}
.hs-wf .spec dl{margin:0;display:contents}
.hs-wf .spec .srow{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.hs-wf .spec .srow:nth-child(5),.hs-wf .spec .srow:nth-child(10){border-bottom:0}
.hs-wf .spec dt{font-weight:700;color:var(--ink);font-size:14.5px;line-height:1.35}
.hs-wf .spec dd{margin:0;text-align:right;color:var(--body);font-size:14.5px;font-weight:600;font-variant-numeric:tabular-nums}

@media(max-width:640px){
.hs-wf .spec{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;gap:0;padding:6px 20px}
.hs-wf .spec .srow:nth-child(5){border-bottom:1px solid var(--line)}
.hs-wf .spec .srow:last-child{border-bottom:0}
}
.hs-wf .yfg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.hs-wf .yfg .g{text-align:center}
.hs-wf .yfg .badge{display:inline-block;background:var(--green);color:#fff;font-size:11px;font-weight:800;padding:3px 9px;border-radius:6px;margin-bottom:8px}
.hs-wf .yfg .badge s{opacity:.75;margin-left:3px;font-weight:600}
.hs-wf .yfg .cover{aspect-ratio:3/4;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:10px;color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.15)}
.hs-wf .yfg .cover .ci{font-size:24px;line-height:1}
.hs-wf .yfg .cover .ct{font-size:10.5px;font-weight:800;line-height:1.2;text-transform:uppercase;letter-spacing:.03em}
.hs-wf .yfg .lbl{font-size:12.5px;font-weight:700;color:var(--ink);margin-top:8px}
.hs-wf .cv-green{background:linear-gradient(160deg,#2C6B4A,#1F5135)}
.hs-wf .cv-gold{background:linear-gradient(160deg,#C7893B,#9c6522)}
.hs-wf .cv-blue{background:linear-gradient(160deg,#3d6ea0,#2F5C8A)}
.hs-wf .cv-sage{background:linear-gradient(160deg,#6f8f74,#4d6b52)}
.hs-wf .cv-red{background:linear-gradient(160deg,#c0563f,#9c3a28)}

@media(max-width:560px){
/* Buy-box bonus previews collapse to one compact row of five small covers.
   Names are dropped here (the offer section lists them in full) so the strip
   stays small and tidy instead of ballooning into a 2+2+1 block. */
.hs-wf .yfg-buy .yfg{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.hs-wf .yfg-buy .lbl{display:none}
.hs-wf .yfg-buy .g .glock{font-size:8px;padding:3px 5px;gap:3px}
.hs-wf .yfg-buy .g .glock svg{width:9px;height:9px}
}
.hs-wf .yfg-buy{margin-top:14px}
.hs-wf .yfg-lead{font-size:13px;font-weight:700;text-align:center;margin:0 0 10px;color:var(--ink)}
.hs-wf .yfg-lead b{color:var(--green)}
.hs-wf .yfg-buy .yfg{gap:9px}
.hs-wf .yfg-buy .cover .ct{font-size:9px}
.hs-wf .yfg-buy .lbl{font-size:11px}
.hs-wf .bonus-pay{display:block;height:26px;width:auto;margin:16px auto 0}
.hs-wf .bonus-guar{text-align:center;font-size:13.5px;font-weight:700;color:var(--mute);margin:12px 0 0}
.hs-wf .ab-more[hidden]{display:none}
.hs-wf .read-more-btn{display:inline-block;background:none;border:0;padding:0;color:var(--green);font-weight:700;text-decoration:underline;cursor:pointer;font:inherit;margin-top:10px}
.hs-wf .gbadge img{height:180px;width:auto;display:block}
.hs-wf .yfg .cover{aspect-ratio:1/1;padding:0;background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.10);position:relative}
.hs-wf .yfg .cover img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .2s ease,opacity .2s ease}
/* bonus tier-gating: dim + lock badge until enough books selected */
.hs-wf .yfg .g{transition:opacity .2s ease}
.hs-wf .yfg .g .glock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none;align-items:center;gap:4px;background:rgba(22,61,40,.92);color:#fff;font-size:10px;font-weight:800;letter-spacing:.03em;padding:4px 8px;border-radius:20px;white-space:nowrap}
.hs-wf .yfg .g .glock svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:2}
.hs-wf .yfg .g.locked .cover img{filter:grayscale(1);opacity:.45}
.hs-wf .yfg .g.locked .lbl{color:var(--mute)}
.hs-wf .yfg .g.locked .glock{display:inline-flex}
/* ATC button label + arrow */
.hs-wf .btn--atc .atc-main{display:inline-flex;align-items:center;justify-content:center;gap:9px}
.hs-wf .btn--atc .atc-arrow{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.hs-wf .btn--atc:hover .atc-arrow{transform:translateX(4px)}

/* ---------- from HerbalSynergiesShopPreview.html ---------- */
.hs-wf .col-hero{padding-top:44px;padding-bottom:36px}
.hs-wf .crumb{font-size:13px;font-weight:600;color:var(--mute);margin-bottom:16px}
.hs-wf .crumb a{color:var(--mute)}
.hs-wf .crumb a:hover{color:var(--green)}
.hs-wf .col-hero h1{font-size:36px;margin:6px 0 12px}
.hs-wf .col-hero .lead{font-size:18px;color:var(--body);max-width:640px;margin:0}
.hs-wf .filterbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:36px}
.hs-wf .filter-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hs-wf .filter-count{font-size:14px;font-weight:700;color:var(--mute)}
.hs-wf .filter-chips{display:flex;gap:8px;flex-wrap:wrap}
.hs-wf .fchip{font-size:13px;font-weight:700;letter-spacing:.02em;padding:8px 15px;border-radius:999px;
  border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}
.hs-wf .fchip:hover{border-color:var(--green);color:var(--green);text-decoration:none}
.hs-wf .fchip.active{background:var(--green);color:#fff;border-color:var(--green-deep)}
.hs-wf .sortpill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink);
  border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;cursor:pointer}
.hs-wf .sortpill .lbl{color:var(--mute)}
.hs-wf .sortpill svg{width:13px;height:13px;fill:none;stroke:var(--mute);stroke-width:2}
.hs-wf .pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hs-wf .pcard{position:relative}
.hs-wf .pcard-link{display:flex;flex-direction:column;flex:1;color:inherit}
.hs-wf .pcard-link:hover{text-decoration:none}
.hs-wf .pcard-link:hover h3{color:var(--green)}
.hs-wf .pcard .pflag{position:absolute;top:12px;left:12px;z-index:2}
.hs-wf .pcard .pcard-rate .stars{font-size:12px}
.hs-wf .pcard .pcard-price s{color:var(--mute);font-weight:500;font-size:15px;margin-left:7px}
.hs-wf .pcard-note{font-size:12.5px;color:var(--mute);margin-top:-2px}
.hs-wf .closing{display:grid;grid-template-columns:1.2fr auto;gap:30px;align-items:center}
.hs-wf .closing h2{font-size:30px;margin:0 0 6px;color:#fff}
.hs-wf .closing p{margin:0;color:#d6e5da;font-size:17px}
.hs-wf .closing .btn{white-space:nowrap;background:#fff;color:var(--green-deep);border-color:#fff}


@media(max-width:820px){
.hs-wf .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hs-wf .col-hero h1{font-size:29px}
.hs-wf .closing{grid-template-columns:1fr;text-align:center}
.hs-wf .closing .btn{margin:0 auto}
}

@media(max-width:560px){
.hs-wf .pgrid{grid-template-columns:minmax(0,1fr)}
.hs-wf .filterbar{align-items:flex-start}
}

/* ---------- from HerbalSynergiesShopPreview.html ---------- */
.hs-wf .read-more-btn{display:inline-block;background:none;border:0;padding:0;color:var(--green);font-weight:700;text-decoration:underline;cursor:pointer;font:inherit;margin-top:10px}
.hs-wf .more-copy[hidden]{display:none}

/* ---------- from HerbalSynergiesTrackOrderPreview.html ---------- */
.hs-wf .t-hero{padding:52px 0 6px;text-align:center}
.hs-wf .t-card{max-width:520px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:30px 30px 34px;box-shadow:0 6px 18px rgba(31,81,53,.05)}
.hs-wf .field-wf{margin-bottom:16px;text-align:left}
.hs-wf .field-wf label{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:7px}
.hs-wf .field-wf input{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:15.5px}
.hs-wf .field-wf input:focus{outline:none;border-color:var(--green)}
.hs-wf .t-help{max-width:520px;margin:18px auto 0;text-align:center;font-size:13.5px;color:var(--mute)}
.hs-wf .status{max-width:760px;margin:0 auto}
.hs-wf .status .cap{text-align:center;font-size:12.5px;color:var(--mute);font-weight:600;margin-bottom:22px;letter-spacing:.03em}
/* Step cards: connector bars removed — they rendered as broken lines across
   the card layout; the numbered circles carry the sequence on their own. */
.hs-wf .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hs-wf .step{text-align:center}
.hs-wf .step b{display:block;font-size:14.5px;color:var(--ink)}
.hs-wf .step span{font-size:12.5px;color:var(--mute)}

@media(max-width:560px){
.hs-wf .steps{grid-template-columns:1fr;gap:14px}
.hs-wf .step{text-align:left}
}

/* ---------- from HerbalSynergiesWholesalePreview.html ---------- */
.hs-wf .w-hero{padding:52px 0 6px;text-align:center}
.hs-wf .w-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:760px;margin:0 auto}
.hs-wf .w-why{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hs-wf .w-why .card{padding:26px 22px}
.hs-wf .w-why .card .ic{width:52px;height:52px;border-radius:50%;background:var(--sage2);
  display:flex;align-items:center;justify-content:center;margin-bottom:15px}
.hs-wf .w-why .card .ic svg{width:24px;height:24px;fill:none;stroke:var(--green);stroke-width:1.8}
.hs-wf .w-why .card h3{font-size:18px;margin:0 0 6px}
.hs-wf .w-why .card p{font-size:14.5px;color:var(--body);margin:0}
.hs-wf .w-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:step}
.hs-wf .w-step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 24px;
  box-shadow:0 6px 18px rgba(31,81,53,.05)}
.hs-wf .w-step .num{width:44px;height:44px;border-radius:50%;background:var(--green);color:#fff;
  font-weight:800;font-size:19px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}
.hs-wf .w-step h3{font-size:18px;margin:0 0 6px}
.hs-wf .w-step p{font-size:14.5px;color:var(--body);margin:0}
.hs-wf .c-form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 30px 34px;
  box-shadow:0 6px 18px rgba(31,81,53,.05);max-width:720px;margin:0 auto}
.hs-wf .field-wf{margin-bottom:18px}
.hs-wf .field-wf label{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:7px}
.hs-wf .field-wf input, .hs-wf .field-wf select, .hs-wf .field-wf textarea{width:100%;border:1px solid var(--line);border-radius:10px;
  padding:12px 14px;font-family:inherit;font-size:15.5px;color:var(--ink);background:#fff}
.hs-wf .field-wf input:focus, .hs-wf .field-wf select:focus, .hs-wf .field-wf textarea:focus{outline:none;border-color:var(--green)}
.hs-wf .field-wf textarea{min-height:130px;resize:vertical}
.hs-wf .two-f{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hs-wf .w-faq{max-width:760px;margin:0 auto}

@media(max-width:960px){
.hs-wf .w-why{grid-template-columns:1fr 1fr}
}

@media(max-width:820px){
.hs-wf .w-steps{grid-template-columns:1fr}
.hs-wf .two-f{grid-template-columns:1fr}
}

@media(max-width:560px){
.hs-wf .w-why{grid-template-columns:1fr}
}
/* ---------- inline-style equivalents (wireframes used style="") ---------- */
.hs-wf .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.hs-wf .rating-row .rating-link{font-size:13px;font-weight:700;text-decoration:underline}
.hs-wf .sec--intro{padding:44px 0}
.hs-wf .csub--intro{margin:0 auto;max-width:820px;font-size:18px}
.hs-wf .eyebrow--center{text-align:center;display:block}
.hs-wf .split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.hs-wf .split--img-right .split-img{order:2}
.hs-wf .split-img img{border-radius:16px;box-shadow:0 8px 22px rgba(31,81,53,.12)}
.hs-wf .split-btn{margin-top:8px}
/* Interleave (mobile image between first paragraph and the rest).
   Off-canvas until the mobile breakpoint: the lead/rest wrappers are layout-
   transparent so the copy column reads identically to {{ text }} on desktop,
   and the inline mobile image is hidden. */
.hs-wf .split-lead, .hs-wf .split-rest{display:contents}
.hs-wf .split-media-m{display:none}
.hs-wf .eyebrow--gold{color:#F2C879}
.hs-wf .offer-title{font-size:34px}
.hs-wf .offer-sub{color:#d6e5da;font-size:17px}
.hs-wf .offer-price{margin:22px 0}
.hs-wf .offer-price .now--white{color:#fff}
.hs-wf .offer-price .was--dim{color:#a9c3b1}
.hs-wf .offer-img{border-radius:18px}
.hs-wf .bullets--onband{margin-bottom:6px}
.hs-wf .bullets--onband li span:last-child{color:#eaf3ec}
.hs-wf .btn--invert{margin-left:0;background:#fff;color:var(--green-deep);border-color:#fff}
.hs-wf .btn--invert:hover{background:var(--cream);color:var(--green-deep)}
.hs-wf .wrap--narrow{max-width:820px}
.hs-wf .gtitle{font-size:28px}
.hs-wf .gcopy{margin-bottom:0}
.hs-wf .blog-teaser-cta{margin-top:30px}
.hs-wf .cta-note{margin:14px 0 0;font-size:13.5px;color:var(--mute)}
.hs-wf .cta-note--onband{color:#d6e5da}
.hs-wf .csub--onband{color:#d6e5da}
.hs-wf .hs-wf-placeholder{width:100%;height:auto;background:var(--cream);border-radius:16px}
@media(max-width:960px){
  .hs-wf .split{grid-template-columns:1fr}
  /* On mobile every editorial split leads with its heading/copy and drops
     the image below it, regardless of the desktop image side. */
  .hs-wf .split .split-img{order:2}
  /* Interleave sections instead show the image inline, right after the
     first paragraph, and suppress the separate image column. */
  .hs-wf .split--interleave .split-img{display:none}
  .hs-wf .split--interleave .split-media-m{display:block;margin:20px 0 6px}
  .hs-wf .split--interleave .split-media-m img{border-radius:16px;box-shadow:0 8px 22px rgba(31,81,53,.12)}
}

/* --- focused mobile refinements --- */
@media(max-width:600px){
  /* numbered step cards: ~15% less vertical padding */
  .hs-wf .step{padding-top:27px;padding-bottom:27px}
  /* comparison heading: smaller/tighter so it wraps more cleanly */
  .hs-wf .wrap:has(> .compare) > .ctitle{font-size:23px;line-height:1.18}
  /* tighten the gap between the reader-photo grid and "In Their Words" */
  .hs-wf .sec:has(> .wrap > .custgrid){padding-bottom:26px}
  .hs-wf #reviews{padding-top:30px}
  /* footer disclaimer: keep it readable, trim the excess empty height */
  .hs-wf .foot-disc{padding:14px 0 22px}
}

/* ---------- compare table + shop helpers ---------- */
.hs-wf .lead--strong{font-weight:700;color:var(--green-deep);margin:0 0 8px}
.hs-wf .sec--readmore{padding:26px 0 0}
.hs-wf .wrap--reading{max-width:860px}
.hs-wf .sec--pgrid{padding-bottom:20px}
.hs-wf .wrap--table{max-width:900px}
.hs-wf .ctitle--table{margin-bottom:30px}
.hs-wf .cmp-scroll{overflow-x:auto}
.hs-wf .cmp-table{width:100%;border-collapse:collapse;min-width:560px;font-size:15px}
.hs-wf .cmp-table th,.hs-wf .cmp-table td{text-align:left;padding:14px 16px;border:1px solid var(--line)}
.hs-wf .cmp-table thead th{background:var(--sage2)}
.hs-wf .cmp-table thead .cmp-col-a{color:var(--green-deep)}
.hs-wf .cmp-table thead .cmp-col-b{color:#2a5a8c}
.hs-wf .cmp-table tbody th{font-weight:700}

/* ---------- cart / blog / contact helpers ---------- */
.hs-wf .cart-head h1{margin-bottom:6px}
.hs-wf .cart-count-line{color:var(--mute);margin:0}
.hs-wf .sec--cartbody{padding-top:24px}
.hs-wf .cart-empty-wf{padding:40px 0 60px;text-align:center}
.hs-wf .li-title-link{color:var(--ink);text-decoration:none}
.hs-wf .li-title-link:hover{color:var(--green)}
.hs-wf .qty a{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;color:var(--ink);font-size:16px;font-weight:700;text-decoration:none}
.hs-wf .srow-save{color:var(--red);font-weight:700}
.hs-wf .also-h{font-size:16px;margin:26px 0 12px}
.hs-wf .chip--red{background:var(--red);color:#fff;font-size:11px}
.hs-wf .art-cta-sub{font-size:15px;color:var(--body);margin:0}
.hs-wf .ctitle--related{font-size:26px;margin-bottom:24px;text-align:left}
.hs-wf .blog-h1{max-width:760px}
.hs-wf .csub--left{margin:0;text-align:left;max-width:640px}
.hs-wf .sec--bloglist{padding-top:22px}
.hs-wf .blog-pagination{margin-top:30px}
.hs-wf .nl-title{font-size:30px}
.hs-wf .nl-sub{color:#d6e5da;max-width:560px;margin:0 auto 22px}
.hs-wf .nl-form{justify-content:center;max-width:520px;margin:0 auto}
.hs-wf .sec--contact{padding-top:30px}
.hs-wf .c-submit{margin-top:4px}
.hs-wf .c-note{font-size:12.5px;color:var(--mute);text-align:center;margin:14px 0 0}
.hs-wf .c-info-sub{font-size:14px;color:var(--body);margin:2px 0 8px}
.hs-wf .c-info.card{padding:26px 26px 12px}
.hs-wf .opt{color:var(--mute);font-weight:400}
.hs-wf .form-ok{padding:12px 16px;border-radius:10px;background:var(--sage2);color:var(--green-deep);font-weight:600}
.hs-wf .form-err{padding:12px 16px;border-radius:10px;background:var(--pink);color:var(--red);font-weight:600}
.hs-wf .blog-pagination a,.hs-wf .blog-pagination span{margin:0 6px;color:var(--green);font-weight:700}

/* ---------- PDP helpers ---------- */
.hs-wf .crumb--pdp{font-size:13px;font-weight:600;color:var(--mute);padding:22px 0 0}
.hs-wf .crumb--pdp a{color:var(--mute)}
.hs-wf .tier{cursor:pointer}
.hs-wf .bonus-img img{display:block;max-width:340px;width:100%;margin:0 auto 18px}
.hs-wf .bonus-title{font-size:27px;text-align:center;margin-bottom:6px}
.hs-wf .bonus-sub{text-align:center;color:var(--mute);font-size:15.5px;margin-bottom:0}
.hs-wf .visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden}

/* ---------- steps + track form ---------- */
.hs-wf .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hs-wf .step{padding:32px 26px;position:relative}
/* .step .step-n outranks the generic `.step span` color so the numeral
   stays white on the green circle; block-level with auto side margins so the
   badge sits centered above the centered heading/copy */
.hs-wf .step-n,
.hs-wf .step .step-n{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;margin:0 auto 16px}
.hs-wf .step h3{font-size:18px;margin-bottom:10px}
.hs-wf .step p{font-size:14.5px;margin:0}
@media(max-width:820px){.hs-wf .steps{grid-template-columns:1fr}}
.hs-wf .t-card{max-width:520px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 6px 18px rgba(31,81,53,.05);display:flex;flex-direction:column;gap:14px}
.hs-wf .t-help{max-width:520px;margin:16px auto 0;text-align:center;font-size:14px;color:var(--mute)}

/* ---------- defensive sizing: grids never blow out, even if an
   external image fails to load (broken imgs keep attr width) ---------- */
.hs-wf .split > *,
.hs-wf .pdp > *,
.hs-wf .getgrid > *,
.hs-wf .cart-grid > *,
.hs-wf .twobook > *{min-width:0}
/* Bundle "Two Books" section: small physical-book mockup per card, opposing tilt,
   restrained shadow, transparent PNG (no tan panel). */
.hs-wf .bookcard-img{display:flex;justify-content:center;margin-bottom:18px}
.hs-wf .bookcard-img img{width:auto;height:auto;max-width:160px;max-height:210px;display:block;filter:drop-shadow(0 12px 22px rgba(20,50,30,.20))}
.hs-wf .bookcard.green .bookcard-img img{transform:rotate(-3deg)}
.hs-wf .bookcard.blue .bookcard-img img{transform:rotate(3deg)}
@media (max-width:600px){
  .hs-wf .bookcard-img img{max-width:120px;max-height:160px;transform:none!important}
  .hs-wf .bookcard-img{margin-bottom:14px}
}
.hs-wf .split-img img,
.hs-wf .offer-img,
.hs-wf .gal-main img,
.hs-wf .getimg img,
.hs-wf .hero-img img,
.hs-wf .fimg img,
.hs-wf .bimg img,
.hs-wf .rimg img,
.hs-wf .pcard-img img{width:100%;height:100%;object-fit:contain}

/* ---------- article editorial extensions ---------- */
.hs-wf .art-crumb{padding:22px 0 14px}
.hs-wf .art-reviewer{display:inline-flex;align-items:flex-start;gap:10px;margin-top:14px;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--sage);font-size:13.5px;color:var(--body)}
.hs-wf .art-reviewer b{color:var(--green-deep)}
.hs-wf .art-reviewer-ic svg{width:18px;height:18px;fill:none;stroke:var(--green);stroke-width:1.8;margin-top:1px}
.hs-wf .art-citations ol{padding-left:22px;margin:10px 0 0;display:flex;flex-direction:column;gap:10px;font-size:14.5px;color:var(--body)}
.hs-wf .art-citations h2{font-size:22px}
.hs-wf .ph-chip{display:inline-block;padding:2px 9px;border-radius:999px;background:#FFF4D6;border:1px solid #EAD8A0;color:#6b5a1e;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;vertical-align:middle;margin-right:4px}
.hs-wf .art-disclaimer{max-width:820px;margin:26px auto 0;padding:16px 20px;border-left:4px solid var(--green);border-radius:0 12px 12px 0;background:var(--sage);font-size:14.5px;color:var(--ink)}
.hs-wf .art-disclaimer b{display:block;margin-bottom:4px;color:var(--green-deep)}
.hs-wf .art-disclaimer p{margin:0;color:var(--body)}
.hs-wf .art-trust{max-width:820px;margin:26px auto 0;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.hs-wf .art-trust h2{font-size:20px;margin-bottom:8px}
.hs-wf .art-trust p{font-size:14.5px;color:var(--body);margin:0 0 8px}
.hs-wf .art-resources{max-width:820px;margin:26px auto 0}
.hs-wf .art-resources-h{font-size:20px;margin-bottom:12px}
.hs-wf .art-resources-row{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- shared header/footer sections (wired into the global groups) ---------- */
/* Sticky must sit on the shopify-section wrapper: the .hs-wf div is only as
   tall as the header, so sticky inside it would never engage. */
.shopify-section.hs-wf-hdr-section{position:sticky;top:0;z-index:60}
.hs-wf .hdr-logo img{height:44px;width:auto;display:block}
.hs-wf .hdr-wordmark{font-weight:800;font-size:20px;letter-spacing:.02em;color:var(--green-deep);white-space:nowrap}
/* Dawn's cart-icon-bubble markup (kept so AJAX section refreshes stay consistent) */
.hs-wf .cart-ic svg.icon-cart,
.hs-wf .cart-ic svg.icon-cart-empty{width:24px;height:24px;color:var(--ink)}
.hs-wf .cart-ic .cart-count-bubble{position:absolute;top:-7px;right:-9px;background:var(--green);color:#fff;
  font-size:10.5px;font-weight:800;min-width:17px;height:17px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}
.hs-wf .mnav-cta{margin-top:16px;border-bottom:0!important}
/* Footer additions on top of the compiled wireframe rules */
.hs-wf .foot-wordmark{display:block;font-weight:800;font-size:20px;color:#fff;margin-bottom:16px}
.hs-wf .foot-brand img{display:block}
.hs-wf .foot-paylist{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.hs-wf .foot-payicon{height:26px;width:auto;border-radius:4px}
.hs-wf .foot-form{position:relative;flex-wrap:wrap}
.hs-wf .foot-form-msg{flex:1 0 100%;font-size:13px;color:#cdd8cf;margin-top:8px}
.hs-wf .foot-form-msg--err{color:#f2c0b8}
.hs-wf .foot-disc p{margin:0 0 8px}

/* ---------- owner-corrections pass ---------- */
.hs-wf .pdp-byline{margin:2px 0 10px;font-size:14px;color:var(--mute);font-weight:600}
.hs-wf .to-account{max-width:640px;margin:0 auto;text-align:center}
.hs-wf .to-account .btn{margin-top:18px}
.hs-wf .to-note{margin-top:14px;font-size:13.5px;color:var(--mute)}
.hs-wf .srow--freeship span:last-child{color:var(--green-deep);font-weight:700}

/* hero: small text link under the primary CTA */
.hs-wf .hero-cta-wrap{display:inline-flex;flex-direction:column;align-items:flex-start;margin-top:26px}
.hs-wf .hero-cta-wrap .hero-cta{margin-top:0}
.hs-wf .hero-sublink{display:inline-block;margin-top:14px;font-size:14px;font-weight:600;color:var(--body);text-decoration:underline;text-underline-offset:3px}
.hs-wf .hero-sublink:hover{color:var(--green)}

/* ---------- herbal reference library: blog hub ---------- */
.hs-wf .feat .ameta{margin-top:10px}
.hs-wf .ameta{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--mute);font-weight:600;align-items:center}
.hs-wf .ameta-sep{opacity:.6}
.hs-wf .feat-btn{margin-top:16px;align-self:flex-start}
.hs-wf .sec--featured{padding-top:6px}
.hs-wf .bpost .meta .ameta{font-size:12.5px}
.hs-wf .bpost--soon{opacity:.85;border-style:dashed!important;cursor:default}
.hs-wf .bimg--soon{background:repeating-linear-gradient(45deg,var(--cream),var(--cream) 12px,#f4efe4 12px,#f4efe4 24px)}
.hs-wf .soon-chip{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#FFF4D6;border:1px solid #EAD8A0;color:#6b5a1e;font-size:10px;font-weight:800;letter-spacing:.05em;vertical-align:middle}
.hs-wf .recent-guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:960px;margin:0 auto}
.hs-wf .rguide{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff}
.hs-wf .rguide:hover{border-color:var(--green);text-decoration:none}
.hs-wf .rguide-cat{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green2)}
.hs-wf .rguide b{color:var(--ink);font-size:16px}
.hs-wf .rguide-meta{font-size:12.5px;color:var(--mute);font-weight:600}
.hs-wf .libpromo{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:34px;align-items:center;padding:34px 38px;max-width:1000px;margin:0 auto}
.hs-wf .libpromo-img img{width:100%;height:auto;border-radius:12px}
.hs-wf .libpromo-body h2{font-size:26px;margin:6px 0 10px}
.hs-wf .libpromo-body p{font-size:15px;color:var(--body)}
.hs-wf .libpromo-price{font-size:22px;font-weight:800;color:var(--green-deep);margin:12px 0 14px}
.hs-wf .libpromo-price s{font-size:15px;color:var(--mute);font-weight:600;margin-left:8px}
.hs-wf .bullets--tight li{margin-bottom:6px}
@media(max-width:760px){
.hs-wf .libpromo{grid-template-columns:1fr;padding:24px 22px}
.hs-wf .recent-guides{grid-template-columns:1fr}
}

/* ---------- herbal reference library: article template ---------- */
.hs-wf .art-summary{max-width:760px;margin:10px 0 4px;font-size:18px;line-height:1.55;color:var(--body)}
.hs-wf .art-takeaways{margin:26px auto 0;padding:22px 26px;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:0 14px 14px 0;background:var(--sage)}
.hs-wf .art-takeaways h2{font-size:17px;margin:0 0 12px;color:var(--green-deep)}
.hs-wf .art-takeaways ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.hs-wf .art-takeaways li{display:flex;gap:10px;font-size:14.5px;line-height:1.5;color:var(--ink)}
.hs-wf .art-takeaways .ck{color:var(--green);font-weight:800;flex:0 0 auto}
.hs-wf .art-toc{margin:22px auto 0;padding:18px 24px;border:1px solid var(--line);border-radius:14px;background:#fff}
.hs-wf .art-toc b{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--green-deep);margin-bottom:10px}
.hs-wf .art-toc ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:7px}
.hs-wf .art-toc a{font-size:14.5px;color:var(--body);text-decoration:underline;text-underline-offset:3px}
.hs-wf .art-toc a:hover{color:var(--green)}
.hs-wf .prose h2[id]{scroll-margin-top:96px}
.hs-wf .person-card{display:flex;gap:20px;align-items:flex-start;max-width:820px;margin:26px auto 0;padding:22px 24px}
.hs-wf .person-photo{flex:0 0 72px;width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--sage)}
.hs-wf .person-photo img{width:100%;height:100%;object-fit:cover}
.hs-wf .person-photo--empty{display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:var(--green-deep)}
.hs-wf .person-role{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green2);margin-bottom:2px}
.hs-wf .person-card b{font-size:16.5px;color:var(--ink)}
.hs-wf .person-card p{margin:6px 0 8px;font-size:14.5px;color:var(--body);line-height:1.55}
.hs-wf .person-card a{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.hs-wf .inlineprod{display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;align-items:center;margin:26px auto;padding:20px 24px}
.hs-wf .inlineprod-img img{width:100%;height:auto;border-radius:10px}
.hs-wf .inlineprod-body h2{font-size:19px;margin:4px 0 6px}
.hs-wf .inlineprod-body p{font-size:14.5px;color:var(--body);margin:0 0 10px}
.hs-wf .inlineprod-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hs-wf .inlineprod-price{font-weight:800;color:var(--green-deep);font-size:17px}
.hs-wf .inlineprod-note{margin-top:10px;font-size:12.5px;color:var(--mute)}
@media(max-width:560px){.hs-wf .inlineprod{grid-template-columns:1fr}.hs-wf .inlineprod-img{max-width:140px}}

/* article body content patterns (used inside article HTML) */
.hs-wf .prose .warning{margin:26px 0;padding:16px 20px;border:1px solid #EAD8A0;border-left:4px solid #D97706;border-radius:0 12px 12px 0;background:#FFF8E7;font-size:15px;color:#5c4a12;line-height:1.6}
.hs-wf .prose .warning strong{color:#92400E}
.hs-wf .prose .takeaway{margin:30px 0;padding:20px 24px;border:1px solid var(--line);border-radius:14px;background:var(--sage)}
.hs-wf .prose .takeaway h4{margin:0 0 8px;font-size:15px;color:var(--green-deep);letter-spacing:.03em;text-transform:uppercase}
.hs-wf .prose .takeaway p{margin:0;font-size:15.5px}
.hs-wf .prose .recipe{margin:30px 0;padding:24px 28px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(31,81,53,.06)}
.hs-wf .prose .recipe h3{margin:0 0 2px;font-size:20px}
.hs-wf .prose .recipe h4{margin:14px 0 6px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--green-deep)}
.hs-wf .prose .recipe > p{margin:0;font-size:13.5px;color:var(--mute);font-weight:600}
.hs-wf .prose .synergy{margin:26px 0;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:var(--cream);text-align:center}
.hs-wf .prose .synergy__pair{display:flex;justify-content:center;align-items:center;gap:12px;font-weight:800;font-size:17px;color:var(--green-deep)}
.hs-wf .prose .synergy__pair span:nth-child(2){color:var(--star);font-size:20px}
.hs-wf .prose .synergy__effect{margin:8px 0 0;font-size:13.5px;color:var(--body)}
.hs-wf .prose .reader-quote{margin:28px 0;padding:18px 24px;border-left:4px solid var(--green);background:var(--sage);border-radius:0 12px 12px 0;font-style:italic}
.hs-wf .prose .reader-quote cite{display:block;margin-top:8px;font-style:normal;font-size:13.5px;color:var(--mute);font-weight:600}
.hs-wf .prose .byline{margin:34px 0;padding:20px 24px;border:1px solid var(--line);border-radius:14px;background:#fff;display:block}
.hs-wf .prose .byline__name{margin:0;font-weight:800;font-size:16.5px;color:var(--ink)}
.hs-wf .prose .byline__role{margin:2px 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--green2)}
.hs-wf .prose .byline__bio{margin:0;font-size:14.5px;color:var(--body)}
.hs-wf .prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14.5px}
.hs-wf .prose table th{background:var(--sage);color:var(--green-deep);text-align:left;padding:10px 14px;border:1px solid var(--line)}
.hs-wf .prose table td{padding:10px 14px;border:1px solid var(--line);color:var(--body)}
.hs-wf .prose .checklist{list-style:none;padding:0}
.hs-wf .prose .checklist li{position:relative;padding-left:30px;margin-bottom:10px}
.hs-wf .prose .checklist li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--sage2);color:var(--green-deep);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.hs-wf .prose .compare-box{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}
.hs-wf .prose .compare-box > div{border:1px solid var(--line);border-radius:14px;padding:16px 20px;background:#fff}
.hs-wf .prose .compare-box h4{margin:0 0 8px;font-size:15px;color:var(--green-deep)}
@media(max-width:640px){.hs-wf .prose .compare-box{grid-template-columns:1fr}}
.hs-wf .prose sup a{text-decoration:none;font-weight:700;color:var(--green)}

/* ---------- article: research credit + interaction components ---------- */
.hs-wf .art-research-credit{margin:8px 0 0;font-size:13.5px;color:var(--mute);font-weight:600}
.hs-wf .prose sup a[href^="#ref"]{scroll-margin-top:96px}
.hs-wf .art-citations li{scroll-margin-top:96px}
/* pathway diagram */
.hs-wf .prose .pk-pd-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}
.hs-wf .prose .pk-pd-path{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:#fff}
.hs-wf .prose .pk-pd-path h4{margin:0 0 12px;font-size:15px;color:var(--green-deep)}
.hs-wf .prose .pk-pd-flow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hs-wf .prose .pk-pd-flow li{position:relative;padding:9px 12px;border-radius:10px;background:var(--sage);font-size:13.5px;color:var(--ink);font-weight:600}
.hs-wf .prose .pk-pd-flow li:not(:last-child)::after{content:"↓";display:block;position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);color:var(--green2);font-size:13px;line-height:1;z-index:1}
.hs-wf .prose .pk-pd-flow li:last-child{background:var(--sage2);color:var(--green-deep);font-weight:800}
@media(max-width:640px){.hs-wf .prose .pk-pd-paths{grid-template-columns:1fr}}
/* evidence hierarchy */
.hs-wf .prose .evidence-ladder{list-style:none;margin:22px 0 12px;padding:0;counter-reset:ev}
.hs-wf .prose .evidence-ladder li{counter-increment:ev;position:relative;padding:12px 16px 12px 52px;margin-bottom:8px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:14.5px;color:var(--ink)}
.hs-wf .prose .evidence-ladder li::before{content:counter(ev);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.hs-wf .prose .evidence-ladder li:nth-child(1){background:#fbfcfb}
.hs-wf .prose .evidence-ladder li:nth-child(6){background:var(--sage);font-weight:700}
.hs-wf .prose .evidence-note{font-size:13.5px;color:var(--mute);font-style:italic;margin:0 0 8px}

/* article body: inline six-step cards + native FAQ accordions */
.hs-wf .prose .step{position:relative;margin:16px 0;padding:18px 22px 18px 64px;border:1px solid var(--line);border-radius:14px;background:#fff}
.hs-wf .prose .step .step-n{position:absolute;left:18px;top:20px;margin:0}
.hs-wf .prose .step h3{margin:0 0 6px;font-size:17px}
.hs-wf .prose .step p{margin:0}
.hs-wf .prose details.art-faq{border:1px solid var(--line);border-radius:12px;margin:10px 0;background:#fff;overflow:hidden}
.hs-wf .prose details.art-faq summary{cursor:pointer;padding:16px 20px;font-weight:700;color:var(--ink);font-size:16px;list-style:none;position:relative;padding-right:44px}
.hs-wf .prose details.art-faq summary::-webkit-details-marker{display:none}
.hs-wf .prose details.art-faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:700;color:var(--green);line-height:1}
.hs-wf .prose details.art-faq[open] summary::after{content:"\2212"}
.hs-wf .prose details.art-faq summary:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.hs-wf .prose details.art-faq > div{padding:0 20px 16px}
.hs-wf .prose details.art-faq > div p{margin:0}
.hs-wf .prose .pk-pd-path h4{margin-top:0}

/* ============================================================
   Article Two — intentional-formulation components (scoped .a2)
   ============================================================ */
.hs-wf .prose .a2 .dek{font-size:20px;line-height:1.55;color:var(--ink);font-weight:500;margin:0 0 1.2em}
.hs-wf .prose .a2 h3{font-size:19px;margin:1.4em 0 .45em;color:var(--ink)}
.hs-wf .prose .a2 > p a,.hs-wf .prose .a2 li a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
.hs-wf .prose .a2 sup a{color:var(--green2);font-weight:700;text-decoration:none;font-size:.72em}
.hs-wf .prose .a2 ul{list-style:disc;display:block;padding-left:1.35em;margin:0 0 1.15em}
.hs-wf .prose .a2 ol{list-style:decimal;display:block;padding-left:1.45em;margin:0 0 1.15em}
.hs-wf .prose .a2 ul li,.hs-wf .prose .a2 ol li{display:list-item;margin:0 0 7px;font-size:17px;color:var(--body);padding-left:4px}

.hs-wf .prose .a2 .notice{background:var(--cream);border:1px solid var(--line);border-left:4px solid var(--green);
  border-radius:0 12px 12px 0;padding:16px 20px;margin:24px 0;font-size:15px;color:var(--body)}
.hs-wf .prose .a2 .notice strong{color:var(--ink)}

.hs-wf .prose .a2 .relationship-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}
.hs-wf .prose .a2 .relationship-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}
.hs-wf .prose .a2 .relationship-grid > article > span{display:inline-block;font-size:12px;font-weight:800;color:var(--green2);letter-spacing:.05em;margin:0 0 8px}
.hs-wf .prose .a2 .relationship-grid h3{font-size:16px;margin:0 0 6px}
.hs-wf .prose .a2 .relationship-grid p{font-size:14px;color:var(--body);margin:0}

.hs-wf .prose .a2 .question-stack{display:flex;flex-direction:column;gap:12px;margin:26px 0}
.hs-wf .prose .a2 .question-stack article{background:var(--sage);border-radius:12px;padding:16px 20px}
.hs-wf .prose .a2 .question-stack b{display:block;font-size:16px;color:var(--ink);margin:0 0 4px}
.hs-wf .prose .a2 .question-stack p{font-size:15px;color:var(--body);margin:0}

.hs-wf .prose .a2 .role-map{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:26px 0}
.hs-wf .prose .a2 .role-map .role{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px}
.hs-wf .prose .a2 .role-map .role-primary{background:var(--green);border-color:var(--green)}
.hs-wf .prose .a2 .role-map .role-primary small{color:#bfe0c9}
.hs-wf .prose .a2 .role-map .role-primary h3,.hs-wf .prose .a2 .role-map .role-primary p{color:#fff}
.hs-wf .prose .a2 .role-map small{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green2);margin:0 0 6px}
.hs-wf .prose .a2 .role-map h3{font-size:16px;margin:0 0 4px}
.hs-wf .prose .a2 .role-map p{font-size:14px;color:var(--body);margin:0}
.hs-wf .prose .a2 .role-map .arrow{align-self:center;transform:rotate(90deg);color:var(--green2);font-size:20px;padding:8px 0;line-height:1}

.hs-wf .prose .a2 .tablewrap{overflow-x:auto;margin:24px 0}
.hs-wf .prose .a2 .tablewrap table{margin:0}
.hs-wf .prose .a2 table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:520px}
.hs-wf .prose .a2 table th,.hs-wf .prose .a2 table td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top}
.hs-wf .prose .a2 table thead th{background:var(--sage);color:var(--ink);font-weight:700}
.hs-wf .prose .a2 table tbody th{background:var(--cream);color:var(--ink);font-weight:700;white-space:nowrap}
.hs-wf .prose .a2 table td{color:var(--body)}

.hs-wf .prose .a2 .check{background:var(--sage2);border-radius:16px;padding:22px 24px;margin:26px 0}
.hs-wf .prose .a2 .check .eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green2);margin:0 0 12px}
.hs-wf .prose .a2 .check ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:0}
.hs-wf .prose .a2 .check li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--body);margin:0;padding:0}
.hs-wf .prose .a2 .check li::before{content:"✓";flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}

.hs-wf .prose .a2 .steps{display:flex;flex-direction:column;gap:12px;margin:26px 0;grid-template-columns:none}
.hs-wf .prose .a2 .steps > article{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;text-align:left}
.hs-wf .prose .a2 .steps > article > span{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.hs-wf .prose .a2 .steps > article h3{font-size:16px;margin:2px 0 5px}
.hs-wf .prose .a2 .steps > article p{font-size:14.5px;color:var(--body);margin:0}

.hs-wf .prose .a2 .example{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:26px 0}
.hs-wf .prose .a2 .example .example-head{background:var(--green);padding:20px 22px}
.hs-wf .prose .a2 .example .example-head .eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#bfe0c9;margin:0 0 6px}
.hs-wf .prose .a2 .example .example-head h3{color:#fff;font-size:18px;margin:0}
.hs-wf .prose .a2 .example .example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 22px}
.hs-wf .prose .a2 .example .example-grid article{background:var(--cream);border-radius:12px;padding:16px}
.hs-wf .prose .a2 .example .example-grid small{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--green2);margin:0 0 6px}
.hs-wf .prose .a2 .example .example-grid h4{font-size:15px;margin:0 0 6px;color:var(--ink)}
.hs-wf .prose .a2 .example .example-grid p{font-size:13.5px;color:var(--body);margin:0}

.hs-wf .prose .a2 .big-question{font-size:24px;font-weight:800;color:var(--green);text-align:center;line-height:1.35;margin:18px auto;max-width:640px}

.hs-wf .prose .a2 .product-module{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;
  background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:24px 26px;margin:30px 0}
.hs-wf .prose .a2 .product-module img{width:100%;height:auto;border-radius:12px;display:block}
.hs-wf .prose .a2 .product-module .eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green2);margin:0 0 6px}
.hs-wf .prose .a2 .product-module .pm-title{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 10px;line-height:1.25}
.hs-wf .prose .a2 .product-module p{font-size:15px;color:var(--body);margin:0 0 16px}
.hs-wf .prose .a2 .product-module a{display:inline-block;background:var(--green);color:#fff;font-weight:700;padding:12px 22px;border-radius:999px;text-decoration:none}
.hs-wf .prose .a2 .product-module a:hover{background:var(--green-deep)}

.hs-wf .prose .a2 details{border:1px solid var(--line);border-radius:12px;margin:0 0 12px;background:#fff;overflow:hidden}
.hs-wf .prose .a2 details summary{cursor:pointer;font-weight:700;color:var(--ink);font-size:16px;padding:16px 46px 16px 20px;list-style:none;position:relative}
.hs-wf .prose .a2 details summary::-webkit-details-marker{display:none}
.hs-wf .prose .a2 details summary::after{content:"+";position:absolute;right:20px;top:13px;font-size:22px;color:var(--green2);font-weight:400}
.hs-wf .prose .a2 details[open] summary::after{content:"–"}
.hs-wf .prose .a2 details p{font-size:15px;color:var(--body);margin:0;padding:0 20px 18px}

.hs-wf .art-citations li{scroll-margin-top:90px}

@media(max-width:820px){
  .hs-wf .prose .a2 .relationship-grid{grid-template-columns:1fr 1fr}
  .hs-wf .prose .a2 .example .example-grid{grid-template-columns:1fr}
  .hs-wf .prose .a2 .product-module{grid-template-columns:1fr}
  .hs-wf .prose .a2 .product-module img{max-width:220px}
}
@media(max-width:520px){
  .hs-wf .prose .a2 .relationship-grid{grid-template-columns:1fr}
}

/* ============================================================
   Article Three — pharmacokinetic vs pharmacodynamic components
   (scoped .pkpd-article so it cannot collide with Article One/Two)
   ============================================================ */
.hs-wf .prose .pkpd-article .dek{font-size:20px;line-height:1.55;color:var(--ink);font-weight:500;margin:0 0 1.2em}
.hs-wf .prose .pkpd-article h3{font-size:19px;margin:1.4em 0 .45em;color:var(--ink)}
.hs-wf .prose .pkpd-article > p a,.hs-wf .prose .pkpd-article li a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
.hs-wf .prose .pkpd-article ul{list-style:disc;display:block;padding-left:1.35em;margin:0 0 1.15em}
.hs-wf .prose .pkpd-article ol{list-style:decimal;display:block;padding-left:1.45em;margin:0 0 1.15em}
.hs-wf .prose .pkpd-article ul li,.hs-wf .prose .pkpd-article ol li{display:list-item;margin:0 0 7px;font-size:17px;color:var(--body);padding-left:4px}
.hs-wf .prose .pkpd-article .eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green2);margin:0 0 8px}

/* educational notice */
.hs-wf .prose .pkpd-article .notice{background:var(--cream);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:0 12px 12px 0;padding:16px 20px;margin:24px 0;font-size:15px;color:var(--body)}
.hs-wf .prose .pkpd-article .notice strong{color:var(--ink)}

/* PK vs PD comparison */
.hs-wf .prose .pkpd-article .pkpd-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}
.hs-wf .prose .pkpd-article .pkpd-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px}
.hs-wf .prose .pkpd-article .pkpd-grid article.pk{border-top:4px solid var(--green)}
.hs-wf .prose .pkpd-article .pkpd-grid article.pd{border-top:4px solid var(--blue)}
.hs-wf .prose .pkpd-article .pkpd-grid article.pd .eyebrow{color:var(--blue)}
.hs-wf .prose .pkpd-article .pkpd-grid h3{font-size:17px;margin:0 0 8px}
.hs-wf .prose .pkpd-article .pkpd-grid p{font-size:14.5px;color:var(--body);margin:0 0 12px}
.hs-wf .prose .pkpd-article .pkpd-grid ul{margin:0 0 12px}
.hs-wf .prose .pkpd-article .pkpd-grid ul li{font-size:14.5px;margin:0 0 5px}
.hs-wf .prose .pkpd-article .pkpd-grid .result{background:var(--sage);border-radius:10px;padding:10px 14px;font-size:13.5px;color:var(--body);margin:0}
.hs-wf .prose .pkpd-article .pkpd-grid .result strong{color:var(--ink)}

/* ADME map */
.hs-wf .prose .pkpd-article .adme{display:flex;align-items:stretch;gap:10px;margin:26px 0}
.hs-wf .prose .pkpd-article .adme article{flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 14px;text-align:center}
.hs-wf .prose .pkpd-article .adme article span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:16px;margin:0 0 8px}
.hs-wf .prose .pkpd-article .adme article h3{font-size:15px;margin:0 0 4px}
.hs-wf .prose .pkpd-article .adme article p{font-size:12.5px;color:var(--body);margin:0}
.hs-wf .prose .pkpd-article .adme .arrow{align-self:center;color:var(--green2);font-size:20px;font-weight:700;flex:0 0 auto}

/* absorption mechanism cards */
.hs-wf .prose .pkpd-article .cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}
.hs-wf .prose .pkpd-article .cards article{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.hs-wf .prose .pkpd-article .cards h3{font-size:15px;margin:0 0 6px}
.hs-wf .prose .pkpd-article .cards p{font-size:14px;color:var(--body);margin:0}

/* induction vs inhibition */
.hs-wf .prose .pkpd-article .induce-inhibit{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}
.hs-wf .prose .pkpd-article .induce-inhibit article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.hs-wf .prose .pkpd-article .induce-inhibit h3{font-size:16px;margin:0 0 12px}
.hs-wf .prose .pkpd-article .induce-inhibit p{font-size:14px;color:var(--body);margin:12px 0 0}
.hs-wf .prose .pkpd-article .flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hs-wf .prose .pkpd-article .flow span{background:var(--sage);border-radius:8px;padding:7px 11px;font-size:13px;font-weight:600;color:var(--ink)}
.hs-wf .prose .pkpd-article .flow span.block{background:#f6e0dc;color:#8a2c22}
.hs-wf .prose .pkpd-article .flow span.boost{background:#d9efe0;color:var(--green-deep)}
.hs-wf .prose .pkpd-article .flow b{color:var(--green2);font-size:15px}

/* evidence ladder */
.hs-wf .prose .pkpd-article .evidence{background:var(--sage2);border-radius:16px;padding:22px 24px;margin:26px 0}
.hs-wf .prose .pkpd-article .evidence > div{display:grid;grid-template-columns:34px 1fr;column-gap:14px;row-gap:4px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 10px}
.hs-wf .prose .pkpd-article .evidence > div:last-child{margin-bottom:0}
.hs-wf .prose .pkpd-article .evidence > div span{grid-row:1/3;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.hs-wf .prose .pkpd-article .evidence > div b{color:var(--ink);font-size:15px;align-self:center}
.hs-wf .prose .pkpd-article .evidence > div p{font-size:13.5px;color:var(--body);margin:0}

/* pharmacodynamic relationship cards */
.hs-wf .prose .pkpd-article .pd-types{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}
.hs-wf .prose .pkpd-article .pd-types article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 16px;text-align:center}
.hs-wf .prose .pkpd-article .pd-types article span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--sage);color:var(--green-deep);font-weight:800;font-size:20px;margin:0 0 10px}
.hs-wf .prose .pkpd-article .pd-types h3{font-size:15px;margin:0 0 6px}
.hs-wf .prose .pkpd-article .pd-types p{font-size:13px;color:var(--body);margin:0}

/* mechanism maps */
.hs-wf .prose .pkpd-article .examples{display:flex;flex-direction:column;gap:16px;margin:26px 0}
.hs-wf .prose .pkpd-article .examples article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.hs-wf .prose .pkpd-article .examples h3{font-size:16px;margin:0 0 12px}
.hs-wf .prose .pkpd-article .examples p{font-size:14px;color:var(--body);margin:12px 0 0}
.hs-wf .prose .pkpd-article .map{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hs-wf .prose .pkpd-article .map span{background:var(--cream);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;color:var(--ink)}
.hs-wf .prose .pkpd-article .map b{color:var(--green2);font-size:15px}

/* mechanism-to-significance checklist */
.hs-wf .prose .pkpd-article .significance{background:var(--sage2);border-radius:16px;padding:22px 26px;margin:26px 0}
.hs-wf .prose .pkpd-article .significance ol{margin:0;padding-left:1.3em}
.hs-wf .prose .pkpd-article .significance li{font-size:14.5px;color:var(--body);margin:0 0 9px}
.hs-wf .prose .pkpd-article .significance li strong{color:var(--ink)}

/* documentation table */
.hs-wf .prose .pkpd-article .table-wrap{overflow-x:auto;margin:24px 0;-webkit-overflow-scrolling:touch}
.hs-wf .prose .pkpd-article .table-wrap table{margin:0;border-collapse:collapse;width:100%;font-size:14px;min-width:480px}
.hs-wf .prose .pkpd-article .table-wrap th,.hs-wf .prose .pkpd-article .table-wrap td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top}
.hs-wf .prose .pkpd-article .table-wrap tbody th{background:var(--cream);color:var(--ink);font-weight:700;white-space:nowrap}
.hs-wf .prose .pkpd-article .table-wrap td{color:var(--body)}

/* inline product module */
.hs-wf .prose .pkpd-article .product-module{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:24px 26px;margin:30px 0}
.hs-wf .prose .pkpd-article .product-module img{width:100%;height:auto;border-radius:12px;display:block}
.hs-wf .prose .pkpd-article .product-module .eyebrow{margin:0 0 6px}
.hs-wf .prose .pkpd-article .product-module .promo-heading{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 10px;line-height:1.25}
.hs-wf .prose .pkpd-article .product-module p{font-size:15px;color:var(--body);margin:0 0 16px}
.hs-wf .prose .pkpd-article .product-module a{display:inline-block;background:var(--green);color:#fff;font-weight:700;padding:12px 22px;border-radius:999px;text-decoration:none}
.hs-wf .prose .pkpd-article .product-module a:hover{background:var(--green-deep)}

/* FAQ */
.hs-wf .prose .pkpd-article details{border:1px solid var(--line);border-radius:12px;margin:0 0 12px;background:#fff;overflow:hidden}
.hs-wf .prose .pkpd-article details summary{cursor:pointer;font-weight:700;color:var(--ink);font-size:16px;padding:16px 46px 16px 20px;list-style:none;position:relative}
.hs-wf .prose .pkpd-article details summary::-webkit-details-marker{display:none}
.hs-wf .prose .pkpd-article details summary::after{content:"+";position:absolute;right:20px;top:13px;font-size:22px;color:var(--green2);font-weight:400}
.hs-wf .prose .pkpd-article details[open] summary::after{content:"–"}
.hs-wf .prose .pkpd-article details p{font-size:15px;color:var(--body);margin:0;padding:0 20px 18px}

@media(max-width:820px){
  .hs-wf .prose .pkpd-article .pkpd-grid{grid-template-columns:1fr}
  .hs-wf .prose .pkpd-article .induce-inhibit{grid-template-columns:1fr}
  .hs-wf .prose .pkpd-article .pd-types{grid-template-columns:1fr 1fr}
  .hs-wf .prose .pkpd-article .cards{grid-template-columns:1fr 1fr}
  .hs-wf .prose .pkpd-article .adme{flex-direction:column}
  .hs-wf .prose .pkpd-article .adme .arrow{transform:rotate(90deg);padding:2px 0}
  .hs-wf .prose .pkpd-article .product-module{grid-template-columns:1fr;justify-items:start}
  .hs-wf .prose .pkpd-article .product-module img{max-width:220px}
}
@media(max-width:520px){
  .hs-wf .prose .pkpd-article .cards{grid-template-columns:1fr}
  .hs-wf .prose .pkpd-article .pd-types{grid-template-columns:1fr 1fr}
}

/* ================= homepage mobile polish ================= */
/* Mobile-only elements are hidden by default (desktop unchanged). */
.hs-wf .trust-short{display:none}
/* Final bundle CTA under the guarantee — shown on every viewport, centered
   within the existing guarantee container. */
.hs-wf .guar-cta{margin:26px auto 0;text-align:center}
.hs-wf .guar-cta__note{margin:12px 0 0;font-size:13px;color:var(--body);line-height:1.5}

/* 1 — compact trust strip: three columns, small icons, tight padding */
@media(max-width:960px){
  .hs-wf .sec:has(> .wrap > .trust){padding:24px 0}
  .hs-wf .trust{grid-template-columns:repeat(3,1fr)}
  .hs-wf .trust-item{padding:10px 8px;gap:9px;border-right:1px solid var(--line)!important;border-bottom:0!important}
  .hs-wf .trust-item:last-child{border-right:0!important}
  .hs-wf .trust-ic{width:34px;height:34px}
  .hs-wf .trust-ic svg{width:18px;height:18px}
  .hs-wf .trust-item p{font-size:12.5px;line-height:1.2}
  .hs-wf .trust-full{display:none}
  .hs-wf .trust-short{display:block}
}

/* phone-scale refinements */
@media(max-width:600px){
  /* 3 — homepage blog teaser cards become a horizontal swipe carousel
     (~87% card width). Scoped to --teaser so the blog LISTING grid, which
     reuses .bloggrid, keeps its normal stacked layout. */
  .hs-wf .bloggrid--teaser{display:flex;grid-template-columns:none;flex-wrap:nowrap;overflow-x:auto;gap:14px;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 0 10px}
  .hs-wf .bloggrid--teaser .bpost{flex:0 0 87%;scroll-snap-align:start}
  .hs-wf .bloggrid--teaser::-webkit-scrollbar{height:0}
  /* 5 — hero rating row: stack the three parts, each centered on its own
     line, so the "…70,000+ readers" text never runs edge-to-edge or clips
     on small phones and "See reviews" reads as an intentional third line. */
  .hs-wf .hero .rating-row{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;font-size:14px}
  .hs-wf .hero .rating-row .stars{font-size:16px;letter-spacing:2px}
  .hs-wf .hero .rating-row .rt-text{font-size:14px;line-height:1.3}
  .hs-wf .hero .rating-row .rating-link{margin-top:1px;font-size:13.5px;color:var(--green);font-weight:700}
  /* Hero CTA: full-width primary button with the sub-link centered under it. */
  .hs-wf .hero .hero-cta-wrap{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:22px}
  .hs-wf .hero .hero-cta{width:100%;justify-content:center}
  .hs-wf .hero .hero-cta .btn{width:100%;box-sizing:border-box;justify-content:center;text-align:center}
  .hs-wf .hero .hero-sublink{align-self:center;text-align:center;margin-top:16px}
}

/* ================= misc fixes ================= */
/* Mobile menu bundle CTA: keep the button label white. The generic
   `.mnav-panel a` rule (dark link colour) outranks `.btn`, so scope a
   higher-specificity override to the CTA anchor. */
.hs-wf .mnav-panel a.mnav-cta{color:#fff}

/* Research stat row ("Grounded in the Evidence"): keep all three stats on a
   single line on small screens, as an even divided strip. */
@media(max-width:600px){
  .hs-wf .research-stats{flex-wrap:nowrap;gap:0;margin-top:20px}
  .hs-wf .research-stats .rstat{flex:1 1 0;min-width:0;padding:0 12px;border-left:1px solid var(--line)}
  .hs-wf .research-stats .rstat:first-child{padding-left:0;border-left:0}
  .hs-wf .rstat b{font-size:21px}
  .hs-wf .rstat span{font-size:11px;line-height:1.25}
}

/* ============================================================
   Article Four — balanced herbal formula components
   (scoped .balanced-formula-article; cannot collide with .a2 / .pkpd-article)
   ============================================================ */
.hs-wf .prose .balanced-formula-article .dek{font-size:20px;line-height:1.55;color:var(--ink);font-weight:500;margin:0 0 1.2em}
.hs-wf .prose .balanced-formula-article h3{font-size:19px;margin:1.4em 0 .45em;color:var(--ink)}
.hs-wf .prose .balanced-formula-article > p a,.hs-wf .prose .balanced-formula-article li a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
.hs-wf .prose .balanced-formula-article sup a{color:var(--green2);font-weight:700;text-decoration:none;font-size:.72em;padding:0 1px}
.hs-wf .prose .balanced-formula-article ul{list-style:disc;display:block;padding-left:1.35em;margin:0 0 1.15em}
.hs-wf .prose .balanced-formula-article ol{list-style:decimal;display:block;padding-left:1.45em;margin:0 0 1.15em}
.hs-wf .prose .balanced-formula-article ul li,.hs-wf .prose .balanced-formula-article ol li{display:list-item;margin:0 0 7px;font-size:17px;color:var(--body);padding-left:4px}
.hs-wf .prose .balanced-formula-article .eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green2);margin:0 0 8px}

/* educational notice */
.hs-wf .prose .balanced-formula-article .notice{background:var(--cream);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:0 12px 12px 0;padding:16px 20px;margin:24px 0;font-size:15px;color:var(--body)}
.hs-wf .prose .balanced-formula-article .notice strong{color:var(--ink)}

/* five-part balance wheel */
.hs-wf .prose .balanced-formula-article .balance-wheel{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:26px 0}
.hs-wf .prose .balanced-formula-article .balance-wheel article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 14px;text-align:center}
.hs-wf .prose .balanced-formula-article .balance-wheel article span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:15px;margin:0 0 10px}
.hs-wf .prose .balanced-formula-article .balance-wheel h3{font-size:15px;margin:0 0 6px}
.hs-wf .prose .balanced-formula-article .balance-wheel p{font-size:13px;color:var(--body);margin:0}

/* callout cards: brief / lead-test / redundancy-test */
.hs-wf .prose .balanced-formula-article .brief-card,
.hs-wf .prose .balanced-formula-article .lead-test,
.hs-wf .prose .balanced-formula-article .redundancy-test{background:var(--sage2);border-radius:16px;padding:22px 26px;margin:26px 0}
.hs-wf .prose .balanced-formula-article .brief-card ol{margin:0;padding-left:1.3em}
.hs-wf .prose .balanced-formula-article .brief-card li{font-size:15px;color:var(--body);margin:0 0 9px}
.hs-wf .prose .balanced-formula-article .brief-card li strong,
.hs-wf .prose .balanced-formula-article .redundancy-test li strong{color:var(--ink)}
.hs-wf .prose .balanced-formula-article .lead-test p:not(.eyebrow){font-size:15.5px;color:var(--body);margin:0}
.hs-wf .prose .balanced-formula-article .redundancy-test ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.hs-wf .prose .balanced-formula-article .redundancy-test li{position:relative;padding-left:22px;font-size:15px;color:var(--body);margin:0}
.hs-wf .prose .balanced-formula-article .redundancy-test li::before{content:"?";position:absolute;left:0;top:0;color:var(--green2);font-weight:800}

/* four-role stack + ratio ladder (shared card grid) */
.hs-wf .prose .balanced-formula-article .role-stack,
.hs-wf .prose .balanced-formula-article .ratio-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}
.hs-wf .prose .balanced-formula-article .role-stack article,
.hs-wf .prose .balanced-formula-article .ratio-ladder article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px}
.hs-wf .prose .balanced-formula-article .role-stack .role-lead{background:var(--green);border-color:var(--green)}
.hs-wf .prose .balanced-formula-article .role-stack .role-lead small,.hs-wf .prose .balanced-formula-article .role-stack .role-lead h3,.hs-wf .prose .balanced-formula-article .role-stack .role-lead p{color:#fff}
.hs-wf .prose .balanced-formula-article .role-stack .role-lead small{color:#bfe0c9}
.hs-wf .prose .balanced-formula-article .role-stack small,
.hs-wf .prose .balanced-formula-article .ratio-ladder small{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--green2);margin:0 0 8px}
.hs-wf .prose .balanced-formula-article .role-stack h3,
.hs-wf .prose .balanced-formula-article .ratio-ladder h3{font-size:16px;margin:0 0 6px}
.hs-wf .prose .balanced-formula-article .role-stack p,
.hs-wf .prose .balanced-formula-article .ratio-ladder p{font-size:13.5px;color:var(--body);margin:0}

/* lens grid (actions/affinities/energetics/sensory) */
.hs-wf .prose .balanced-formula-article .lens-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}
.hs-wf .prose .balanced-formula-article .lens-grid article{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:18px 18px}
.hs-wf .prose .balanced-formula-article .lens-grid h3{font-size:15px;margin:0 0 6px}
.hs-wf .prose .balanced-formula-article .lens-grid p{font-size:13.5px;color:var(--body);margin:0}

/* three-herb formula map */
.hs-wf .prose .balanced-formula-article .formula-map{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:26px 0}
.hs-wf .prose .balanced-formula-article .formula-map .map-head{background:var(--green);padding:20px 22px}
.hs-wf .prose .balanced-formula-article .formula-map .map-head .eyebrow{color:#bfe0c9;margin:0 0 6px}
.hs-wf .prose .balanced-formula-article .formula-map .map-head h3{color:#fff;font-size:18px;margin:0}
.hs-wf .prose .balanced-formula-article .formula-map .map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 22px}
.hs-wf .prose .balanced-formula-article .formula-map .map-grid article{background:var(--cream);border-radius:12px;padding:16px}
.hs-wf .prose .balanced-formula-article .formula-map .map-lead{background:var(--sage);outline:2px solid var(--green)}
.hs-wf .prose .balanced-formula-article .formula-map .map-grid small{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--green2);margin:0 0 6px}
.hs-wf .prose .balanced-formula-article .formula-map .map-grid h4{font-size:15px;margin:0 0 6px;color:var(--ink)}
.hs-wf .prose .balanced-formula-article .formula-map .map-grid p{font-size:13px;color:var(--body);margin:0}

/* balanced-formula scorecard */
.hs-wf .prose .balanced-formula-article .scorecard{background:var(--sage2);border-radius:16px;padding:22px 24px;margin:26px 0}
.hs-wf .prose .balanced-formula-article .scorecard article{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 10px}
.hs-wf .prose .balanced-formula-article .scorecard article:last-child{margin-bottom:0}
.hs-wf .prose .balanced-formula-article .scorecard article span{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--green);color:#fff;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.hs-wf .prose .balanced-formula-article .scorecard article p{font-size:14.5px;color:var(--body);margin:0}
.hs-wf .prose .balanced-formula-article .scorecard article p strong{color:var(--ink)}

/* common-mistake cards */
.hs-wf .prose .balanced-formula-article .mistake-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.hs-wf .prose .balanced-formula-article .mistake-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.hs-wf .prose .balanced-formula-article .mistake-grid article span{display:inline-block;font-size:13px;font-weight:800;color:var(--green2);margin:0 0 8px}
.hs-wf .prose .balanced-formula-article .mistake-grid h3{font-size:15px;margin:0 0 6px}
.hs-wf .prose .balanced-formula-article .mistake-grid p{font-size:13.5px;color:var(--body);margin:0}

/* tables (prep-table + documentation table) */
.hs-wf .prose .balanced-formula-article .table-wrap{overflow-x:auto;margin:24px 0;-webkit-overflow-scrolling:touch}
.hs-wf .prose .balanced-formula-article .table-wrap table{margin:0;border-collapse:collapse;width:100%;font-size:14px;min-width:520px}
.hs-wf .prose .balanced-formula-article .table-wrap th,.hs-wf .prose .balanced-formula-article .table-wrap td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top}
.hs-wf .prose .balanced-formula-article .table-wrap thead th{background:var(--sage);color:var(--green-deep);font-weight:700}
.hs-wf .prose .balanced-formula-article .table-wrap tbody th{background:var(--cream);color:var(--ink);font-weight:700;white-space:nowrap}
.hs-wf .prose .balanced-formula-article .table-wrap td{color:var(--body)}

/* inline product module */
.hs-wf .prose .balanced-formula-article .product-module{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:24px 26px;margin:30px 0}
.hs-wf .prose .balanced-formula-article .product-module img{width:100%;height:auto;border-radius:12px;display:block}
.hs-wf .prose .balanced-formula-article .product-module .eyebrow{margin:0 0 6px}
.hs-wf .prose .balanced-formula-article .product-module .promo-heading{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 10px;line-height:1.25}
.hs-wf .prose .balanced-formula-article .product-module p{font-size:15px;color:var(--body);margin:0 0 16px}
.hs-wf .prose .balanced-formula-article .product-module a{display:inline-block;background:var(--green);color:#fff;font-weight:700;padding:12px 22px;border-radius:999px;text-decoration:none}
.hs-wf .prose .balanced-formula-article .product-module a:hover{background:var(--green-deep)}

/* FAQ */
.hs-wf .prose .balanced-formula-article details{border:1px solid var(--line);border-radius:12px;margin:0 0 12px;background:#fff;overflow:hidden}
.hs-wf .prose .balanced-formula-article details summary{cursor:pointer;font-weight:700;color:var(--ink);font-size:16px;padding:16px 46px 16px 20px;list-style:none;position:relative}
.hs-wf .prose .balanced-formula-article details summary::-webkit-details-marker{display:none}
.hs-wf .prose .balanced-formula-article details summary::after{content:"+";position:absolute;right:20px;top:13px;font-size:22px;color:var(--green2);font-weight:400}
.hs-wf .prose .balanced-formula-article details[open] summary::after{content:"\2013"}
.hs-wf .prose .balanced-formula-article details p{font-size:15px;color:var(--body);margin:0;padding:0 20px 18px}

@media(max-width:820px){
  .hs-wf .prose .balanced-formula-article .balance-wheel{grid-template-columns:repeat(3,1fr)}
  .hs-wf .prose .balanced-formula-article .role-stack,
  .hs-wf .prose .balanced-formula-article .ratio-ladder,
  .hs-wf .prose .balanced-formula-article .lens-grid{grid-template-columns:1fr 1fr}
  .hs-wf .prose .balanced-formula-article .formula-map .map-grid{grid-template-columns:1fr}
  .hs-wf .prose .balanced-formula-article .mistake-grid{grid-template-columns:1fr 1fr}
  .hs-wf .prose .balanced-formula-article .product-module{grid-template-columns:1fr;justify-items:start}
  .hs-wf .prose .balanced-formula-article .product-module img{max-width:220px}
}
@media(max-width:520px){
  .hs-wf .prose .balanced-formula-article .balance-wheel{grid-template-columns:1fr 1fr}
  .hs-wf .prose .balanced-formula-article .role-stack,
  .hs-wf .prose .balanced-formula-article .ratio-ladder,
  .hs-wf .prose .balanced-formula-article .lens-grid,
  .hs-wf .prose .balanced-formula-article .mistake-grid{grid-template-columns:1fr}
}

/* ============================================================
   Article Five — how to read an herbal monograph components
   (scoped .herbal-monograph-article; cannot regress Articles One–Four)
   ============================================================ */
.hs-wf .prose .herbal-monograph-article .dek{font-size:20px;line-height:1.55;color:var(--ink);font-weight:500;margin:0 0 1.2em}
.hs-wf .prose .herbal-monograph-article h2{scroll-margin-top:90px}
.hs-wf .prose .herbal-monograph-article h3{font-size:19px;margin:1.4em 0 .45em;color:var(--ink)}
.hs-wf .prose .herbal-monograph-article > p a,.hs-wf .prose .herbal-monograph-article li a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
.hs-wf .prose .herbal-monograph-article sup a{color:var(--green2);font-weight:700;text-decoration:none;font-size:.72em;padding:0 1px}
.hs-wf .prose .herbal-monograph-article ul{list-style:disc;display:block;padding-left:1.35em;margin:0 0 1.15em}
.hs-wf .prose .herbal-monograph-article ol{list-style:decimal;display:block;padding-left:1.45em;margin:0 0 1.15em}
.hs-wf .prose .herbal-monograph-article ul li,.hs-wf .prose .herbal-monograph-article ol li{display:list-item;margin:0 0 7px;font-size:17px;color:var(--body);padding-left:4px}
.hs-wf .prose .herbal-monograph-article .eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green2);margin:0 0 8px}
.hs-wf .prose .herbal-monograph-article blockquote{border-left:4px solid var(--green);background:var(--sage);border-radius:0 12px 12px 0;padding:18px 22px;margin:24px 0;font-size:18px;font-weight:600;color:var(--ink);font-style:italic}

/* educational notice */
.hs-wf .prose .herbal-monograph-article .notice{background:var(--cream);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:0 12px 12px 0;padding:16px 20px;margin:24px 0;font-size:15px;color:var(--body)}
.hs-wf .prose .herbal-monograph-article .notice strong{color:var(--ink)}

/* four source-type cards + six-card anatomy map (numbered card grid) */
.hs-wf .prose .herbal-monograph-article .source-types{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}
.hs-wf .prose .herbal-monograph-article .anatomy-map{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.hs-wf .prose .herbal-monograph-article .source-types article,
.hs-wf .prose .herbal-monograph-article .anatomy-map article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px}
.hs-wf .prose .herbal-monograph-article .source-types article span,
.hs-wf .prose .herbal-monograph-article .anatomy-map article span{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:14px;margin:0 0 10px}
.hs-wf .prose .herbal-monograph-article .source-types h3,
.hs-wf .prose .herbal-monograph-article .anatomy-map h3{font-size:15px;margin:0 0 6px}
.hs-wf .prose .herbal-monograph-article .source-types p,
.hs-wf .prose .herbal-monograph-article .anatomy-map p{font-size:13.5px;color:var(--body);margin:0}

/* six-card disagreement grid + four-lens framework grid (plain card grid) */
.hs-wf .prose .herbal-monograph-article .disagreement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.hs-wf .prose .herbal-monograph-article .framework-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}
.hs-wf .prose .herbal-monograph-article .disagreement-grid article,
.hs-wf .prose .herbal-monograph-article .framework-grid article{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.hs-wf .prose .herbal-monograph-article .disagreement-grid h3,
.hs-wf .prose .herbal-monograph-article .framework-grid h3{font-size:15px;margin:0 0 6px}
.hs-wf .prose .herbal-monograph-article .disagreement-grid p,
.hs-wf .prose .herbal-monograph-article .framework-grid p{font-size:13.5px;color:var(--body);margin:0}

/* callout boxes: source-check / trial-checklist */
.hs-wf .prose .herbal-monograph-article .source-check,
.hs-wf .prose .herbal-monograph-article .trial-checklist{background:var(--sage2);border-radius:16px;padding:22px 26px;margin:26px 0}
.hs-wf .prose .herbal-monograph-article .source-check ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.hs-wf .prose .herbal-monograph-article .source-check li{position:relative;padding-left:20px;font-size:15px;color:var(--body);margin:0}
.hs-wf .prose .herbal-monograph-article .source-check li::before{content:"›";position:absolute;left:0;top:-1px;color:var(--green2);font-weight:800}
.hs-wf .prose .herbal-monograph-article .source-check li strong,
.hs-wf .prose .herbal-monograph-article .trial-checklist li strong{color:var(--ink)}
.hs-wf .prose .herbal-monograph-article .trial-checklist ol{margin:0;padding-left:1.3em}
.hs-wf .prose .herbal-monograph-article .trial-checklist li{font-size:15px;color:var(--body);margin:0 0 9px}

/* botanical identity record (definition list) */
.hs-wf .prose .herbal-monograph-article .identity-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin:26px 0}
.hs-wf .prose .herbal-monograph-article .identity-card > div{margin:0 0 14px}
.hs-wf .prose .herbal-monograph-article .identity-card > div h3{font-size:17px;margin:0}
.hs-wf .prose .herbal-monograph-article .identity-card dl{margin:0;display:grid;gap:0}
.hs-wf .prose .herbal-monograph-article .identity-card dl > div{display:grid;grid-template-columns:220px 1fr;gap:14px;padding:11px 0;border-top:1px solid var(--line)}
.hs-wf .prose .herbal-monograph-article .identity-card dt{font-weight:700;color:var(--ink);font-size:14.5px}
.hs-wf .prose .herbal-monograph-article .identity-card dd{margin:0;font-size:14.5px;color:var(--body)}

/* plant-part transfer warning */
.hs-wf .prose .herbal-monograph-article .part-warning{background:#fbf5e9;border:1px solid #e8d9b5;border-left:4px solid #d8a01f;border-radius:0 12px 12px 0;padding:16px 20px;margin:24px 0}
.hs-wf .prose .herbal-monograph-article .part-warning strong{color:#7a5a12;display:block;margin:0 0 4px}
.hs-wf .prose .herbal-monograph-article .part-warning p{font-size:14.5px;color:var(--body);margin:0}

/* preparation-equivalence flow */
.hs-wf .prose .herbal-monograph-article .prep-equivalence{background:var(--sage2);border-radius:16px;padding:22px 24px;margin:26px 0}
.hs-wf .prose .herbal-monograph-article .prep-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.hs-wf .prose .herbal-monograph-article .prep-flow span{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;color:var(--ink)}
.hs-wf .prose .herbal-monograph-article .prep-flow b{color:var(--green2);font-size:15px}
.hs-wf .prose .herbal-monograph-article .prep-equivalence > p:last-child{font-size:14.5px;color:var(--body);margin:0}

/* six-level evidence ladder */
.hs-wf .prose .herbal-monograph-article .evidence-ladder{background:var(--sage2);border-radius:16px;padding:22px 24px;margin:26px 0}
.hs-wf .prose .herbal-monograph-article .evidence-ladder > div{display:grid;grid-template-columns:34px 1fr;column-gap:14px;row-gap:4px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 10px}
.hs-wf .prose .herbal-monograph-article .evidence-ladder > div:last-child{margin-bottom:0}
.hs-wf .prose .herbal-monograph-article .evidence-ladder > div span{grid-row:1/3;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.hs-wf .prose .herbal-monograph-article .evidence-ladder > div b{color:var(--ink);font-size:15px;align-self:center}
.hs-wf .prose .herbal-monograph-article .evidence-ladder > div p{font-size:13.5px;color:var(--body);margin:0}

/* constituent-to-exposure-to-outcome caution flow */
.hs-wf .prose .herbal-monograph-article .mechanism-caution{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin:26px 0}
.hs-wf .prose .herbal-monograph-article .mechanism-caution article{flex:1;min-width:180px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.hs-wf .prose .herbal-monograph-article .mechanism-caution article span{display:block;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--green2);margin:0 0 6px}
.hs-wf .prose .herbal-monograph-article .mechanism-caution article p{font-size:13.5px;color:var(--body);margin:0}
.hs-wf .prose .herbal-monograph-article .mechanism-caution > b{align-self:center;color:var(--green2);font-size:22px;font-weight:700;flex:0 0 auto}

/* six-level safety hierarchy + seven-step workflow (numbered rows) */
.hs-wf .prose .herbal-monograph-article .safety-stack,
.hs-wf .prose .herbal-monograph-article .workflow{display:flex;flex-direction:column;gap:10px;margin:26px 0}
.hs-wf .prose .herbal-monograph-article .safety-stack article,
.hs-wf .prose .herbal-monograph-article .workflow article{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px}
.hs-wf .prose .herbal-monograph-article .safety-stack article > span,
.hs-wf .prose .herbal-monograph-article .workflow article > span{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}
.hs-wf .prose .herbal-monograph-article .safety-stack h3,
.hs-wf .prose .herbal-monograph-article .workflow h3{font-size:16px;margin:0 0 4px}
.hs-wf .prose .herbal-monograph-article .safety-stack p,
.hs-wf .prose .herbal-monograph-article .workflow p{font-size:14px;color:var(--body);margin:0}

/* dose interpretation card */
.hs-wf .prose .herbal-monograph-article .dose-card{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin:26px 0}
.hs-wf .prose .herbal-monograph-article .dose-card > div{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:10px 0;border-top:1px solid var(--line)}
.hs-wf .prose .herbal-monograph-article .dose-card > div strong{color:var(--ink);font-size:14.5px}
.hs-wf .prose .herbal-monograph-article .dose-card > div span{font-size:14.5px;color:var(--body)}

/* tables (prep table + compare table) */
.hs-wf .prose .herbal-monograph-article .table-wrap{overflow-x:auto;margin:24px 0;-webkit-overflow-scrolling:touch}
.hs-wf .prose .herbal-monograph-article .table-wrap table{margin:0;border-collapse:collapse;width:100%;font-size:14px;min-width:560px}
.hs-wf .prose .herbal-monograph-article .table-wrap th,.hs-wf .prose .herbal-monograph-article .table-wrap td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top}
.hs-wf .prose .herbal-monograph-article .table-wrap thead th{background:var(--sage);color:var(--green-deep);font-weight:700}
.hs-wf .prose .herbal-monograph-article .table-wrap td{color:var(--body)}
.hs-wf .prose .herbal-monograph-article .table-wrap .compare-table{min-width:680px}

/* inline product module */
.hs-wf .prose .herbal-monograph-article .product-module{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:24px 26px;margin:30px 0}
.hs-wf .prose .herbal-monograph-article .product-module img{width:100%;height:auto;border-radius:12px;display:block}
.hs-wf .prose .herbal-monograph-article .product-module .eyebrow{margin:0 0 6px}
.hs-wf .prose .herbal-monograph-article .product-module .promo-heading{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 10px;line-height:1.25}
.hs-wf .prose .herbal-monograph-article .product-module p{font-size:15px;color:var(--body);margin:0 0 16px}
.hs-wf .prose .herbal-monograph-article .product-module a{display:inline-block;background:var(--green);color:#fff;font-weight:700;padding:12px 22px;border-radius:999px;text-decoration:none}
.hs-wf .prose .herbal-monograph-article .product-module a:hover{background:var(--green-deep)}

/* FAQ */
.hs-wf .prose .herbal-monograph-article details{border:1px solid var(--line);border-radius:12px;margin:0 0 12px;background:#fff;overflow:hidden}
.hs-wf .prose .herbal-monograph-article details summary{cursor:pointer;font-weight:700;color:var(--ink);font-size:16px;padding:16px 46px 16px 20px;list-style:none;position:relative}
.hs-wf .prose .herbal-monograph-article details summary::-webkit-details-marker{display:none}
.hs-wf .prose .herbal-monograph-article details summary::after{content:"+";position:absolute;right:20px;top:13px;font-size:22px;color:var(--green2);font-weight:400}
.hs-wf .prose .herbal-monograph-article details[open] summary::after{content:"\2013"}
.hs-wf .prose .herbal-monograph-article details p{font-size:15px;color:var(--body);margin:0;padding:0 20px 18px}

@media(max-width:820px){
  .hs-wf .prose .herbal-monograph-article .source-types{grid-template-columns:1fr 1fr}
  .hs-wf .prose .herbal-monograph-article .anatomy-map{grid-template-columns:1fr 1fr}
  .hs-wf .prose .herbal-monograph-article .disagreement-grid{grid-template-columns:1fr 1fr}
  .hs-wf .prose .herbal-monograph-article .framework-grid{grid-template-columns:1fr 1fr}
  .hs-wf .prose .herbal-monograph-article .identity-card dl > div{grid-template-columns:150px 1fr}
  .hs-wf .prose .herbal-monograph-article .mechanism-caution{flex-direction:column}
  .hs-wf .prose .herbal-monograph-article .mechanism-caution > b{transform:rotate(90deg)}
  .hs-wf .prose .herbal-monograph-article .product-module{grid-template-columns:1fr;justify-items:start}
  .hs-wf .prose .herbal-monograph-article .product-module img{max-width:220px}
}
@media(max-width:520px){
  .hs-wf .prose .herbal-monograph-article .source-types,
  .hs-wf .prose .herbal-monograph-article .anatomy-map,
  .hs-wf .prose .herbal-monograph-article .disagreement-grid,
  .hs-wf .prose .herbal-monograph-article .framework-grid{grid-template-columns:1fr}
  .hs-wf .prose .herbal-monograph-article .identity-card dl > div{grid-template-columns:1fr;gap:2px}
  .hs-wf .prose .herbal-monograph-article .dose-card > div{grid-template-columns:1fr;gap:2px}
}

/* ============================================================
   Article Six — best herbalism books / reference library components
   (scoped .herbal-library-article; cannot regress Articles One–Five)
   ============================================================ */
.hs-wf .prose .herbal-library-article .dek{font-size:20px;line-height:1.55;color:var(--ink);font-weight:500;margin:0 0 1.2em}
.hs-wf .prose .herbal-library-article h2{scroll-margin-top:90px}
.hs-wf .prose .herbal-library-article h3{font-size:19px;margin:1.4em 0 .45em;color:var(--ink)}
.hs-wf .prose .herbal-library-article > p a,.hs-wf .prose .herbal-library-article li a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
.hs-wf .prose .herbal-library-article sup a{color:var(--green2);font-weight:700;text-decoration:none;font-size:.72em;padding:0 1px}
.hs-wf .prose .herbal-library-article ul{list-style:disc;display:block;padding-left:1.35em;margin:0 0 1.15em}
.hs-wf .prose .herbal-library-article ol{list-style:decimal;display:block;padding-left:1.45em;margin:0 0 1.15em}
.hs-wf .prose .herbal-library-article ul li,.hs-wf .prose .herbal-library-article ol li{display:list-item;margin:0 0 7px;font-size:17px;color:var(--body);padding-left:4px}
.hs-wf .prose .herbal-library-article .eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green2);margin:0 0 8px}

/* educational notice */
.hs-wf .prose .herbal-library-article .notice{background:var(--cream);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:0 12px 12px 0;padding:16px 20px;margin:24px 0;font-size:15px;color:var(--body)}
.hs-wf .prose .herbal-library-article .notice strong{color:var(--ink)}

/* six-card reference-library architecture map */
.hs-wf .prose .herbal-library-article .library-map{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.hs-wf .prose .herbal-library-article .library-map article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px}
.hs-wf .prose .herbal-library-article .library-map article span{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:13px;margin:0 0 10px}
.hs-wf .prose .herbal-library-article .library-map h3{font-size:15px;margin:0 0 6px}
.hs-wf .prose .herbal-library-article .library-map p{font-size:13.5px;color:var(--body);margin:0}

/* one-book strengths/limits comparison + everyday-reference comparison */
.hs-wf .prose .herbal-library-article .one-book-grid,
.hs-wf .prose .herbal-library-article .daily-reference{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}
.hs-wf .prose .herbal-library-article .one-book-grid article,
.hs-wf .prose .herbal-library-article .daily-reference article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.hs-wf .prose .herbal-library-article .one-book-grid .good{border-top:4px solid var(--green)}
.hs-wf .prose .herbal-library-article .one-book-grid .limit{border-top:4px solid #d8a01f}
.hs-wf .prose .herbal-library-article .one-book-grid ul,
.hs-wf .prose .herbal-library-article .daily-reference ul{margin:0}
.hs-wf .prose .herbal-library-article .one-book-grid li,
.hs-wf .prose .herbal-library-article .daily-reference li{font-size:14.5px;margin:0 0 6px}
.hs-wf .prose .herbal-library-article .daily-reference h3{font-size:16px;margin:0 0 10px}

/* seven-question book scorecard */
.hs-wf .prose .herbal-library-article .book-scorecard{background:var(--sage2);border-radius:16px;padding:22px 26px;margin:26px 0}
.hs-wf .prose .herbal-library-article .book-scorecard ol{margin:0;padding-left:1.3em}
.hs-wf .prose .herbal-library-article .book-scorecard li{font-size:15px;color:var(--body);margin:0 0 9px}
.hs-wf .prose .herbal-library-article .book-scorecard li strong{color:var(--ink)}

/* two-date update warning + field-identification warning */
.hs-wf .prose .herbal-library-article .age-warning{display:flex;gap:16px;align-items:flex-start;background:#fbf5e9;border:1px solid #e8d9b5;border-left:4px solid #d8a01f;border-radius:0 12px 12px 0;padding:18px 20px;margin:24px 0}
.hs-wf .prose .herbal-library-article .age-warning > span{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#d8a01f;color:#fff;font-weight:800;font-size:18px;display:inline-flex;align-items:center;justify-content:center}
.hs-wf .prose .herbal-library-article .age-warning h3{font-size:16px;margin:0 0 4px;color:#7a5a12}
.hs-wf .prose .herbal-library-article .age-warning p{font-size:14.5px;color:var(--body);margin:0}
.hs-wf .prose .herbal-library-article .id-warning{background:#fbf5e9;border:1px solid #e8d9b5;border-left:4px solid #d8a01f;border-radius:0 12px 12px 0;padding:16px 20px;margin:24px 0}
.hs-wf .prose .herbal-library-article .id-warning strong{color:#7a5a12;display:block;margin:0 0 4px}
.hs-wf .prose .herbal-library-article .id-warning p{font-size:14.5px;color:var(--body);margin:0}

/* two-book inline product module */
.hs-wf .prose .herbal-library-article .product-module{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:center;background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:24px 26px;margin:30px 0}
.hs-wf .prose .herbal-library-article .product-module .bundle-books{display:flex;gap:10px;align-items:flex-end;justify-content:center}
.hs-wf .prose .herbal-library-article .product-module .bundle-books img{width:50%;max-width:110px;height:auto;border-radius:10px;display:block;box-shadow:0 6px 18px rgba(31,81,53,.12)}
.hs-wf .prose .herbal-library-article .product-module .eyebrow{margin:0 0 6px}
.hs-wf .prose .herbal-library-article .product-module .promo-heading{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 10px;line-height:1.25}
.hs-wf .prose .herbal-library-article .product-module p{font-size:15px;color:var(--body);margin:0 0 16px}
.hs-wf .prose .herbal-library-article .product-module a{display:inline-block;background:var(--green);color:#fff;font-weight:700;padding:12px 22px;border-radius:999px;text-decoration:none}
.hs-wf .prose .herbal-library-article .product-module a:hover{background:var(--green-deep)}

/* safety reference card */
.hs-wf .prose .herbal-library-article .reference-card{background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:0 14px 14px 0;padding:20px 24px;margin:26px 0}
.hs-wf .prose .herbal-library-article .reference-card h3{font-size:17px;margin:0 0 10px}
.hs-wf .prose .herbal-library-article .reference-card p{font-size:14.5px;color:var(--body);margin:0 0 8px}
.hs-wf .prose .herbal-library-article .reference-card p:last-child{margin-bottom:0}
.hs-wf .prose .herbal-library-article .reference-card strong{color:var(--ink)}

/* four-step interaction check */
.hs-wf .prose .herbal-library-article .interaction-check{background:var(--sage2);border-radius:16px;padding:22px 24px;margin:26px 0}
.hs-wf .prose .herbal-library-article .interaction-check > div{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 10px}
.hs-wf .prose .herbal-library-article .interaction-check > div:last-child{margin-bottom:0}
.hs-wf .prose .herbal-library-article .interaction-check > div span{width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.hs-wf .prose .herbal-library-article .interaction-check > div p{font-size:14.5px;color:var(--body);margin:0}

/* clinical-text comparison + medicine-making comparison cards */
.hs-wf .prose .herbal-library-article .compare-books,
.hs-wf .prose .herbal-library-article .prep-books{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}
.hs-wf .prose .herbal-library-article .compare-books article,
.hs-wf .prose .herbal-library-article .prep-books article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.hs-wf .prose .herbal-library-article .compare-books h3,
.hs-wf .prose .herbal-library-article .prep-books h3{font-size:16px;margin:0 0 8px}
.hs-wf .prose .herbal-library-article .compare-books p,
.hs-wf .prose .herbal-library-article .prep-books p{font-size:14px;color:var(--body);margin:0 0 8px}
.hs-wf .prose .herbal-library-article .compare-books p:last-child,
.hs-wf .prose .herbal-library-article .prep-books p:last-child{margin-bottom:0}
.hs-wf .prose .herbal-library-article .compare-books strong{color:var(--ink)}

/* four-part quality stack */
.hs-wf .prose .herbal-library-article .quality-stack{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}
.hs-wf .prose .herbal-library-article .quality-stack article{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:18px 18px;text-align:center}
.hs-wf .prose .herbal-library-article .quality-stack article span{display:block;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--green2);margin:0 0 8px}
.hs-wf .prose .herbal-library-article .quality-stack p{font-size:13.5px;color:var(--body);margin:0}

/* three-card institutional-resource grid */
.hs-wf .prose .herbal-library-article .institution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.hs-wf .prose .herbal-library-article .institution-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.hs-wf .prose .herbal-library-article .institution-grid h3{font-size:15px;margin:0 0 6px}
.hs-wf .prose .herbal-library-article .institution-grid p{font-size:13.5px;color:var(--body);margin:0}

/* beginner-vs-working-library comparison */
.hs-wf .prose .herbal-library-article .shelf-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}
.hs-wf .prose .herbal-library-article .shelf-compare article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.hs-wf .prose .herbal-library-article .shelf-compare article:first-child{background:var(--sage)}
.hs-wf .prose .herbal-library-article .shelf-compare ol{margin:0 0 10px}
.hs-wf .prose .herbal-library-article .shelf-compare li{font-size:14.5px;margin:0 0 6px}
.hs-wf .prose .herbal-library-article .shelf-compare p{font-size:14px;color:var(--body);margin:0}

/* five-step purchase-priority ladder */
.hs-wf .prose .herbal-library-article .priority-ladder{display:flex;flex-direction:column;gap:10px;margin:26px 0}
.hs-wf .prose .herbal-library-article .priority-ladder article{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px}
.hs-wf .prose .herbal-library-article .priority-ladder article > span{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}
.hs-wf .prose .herbal-library-article .priority-ladder h3{font-size:16px;margin:0 0 4px}
.hs-wf .prose .herbal-library-article .priority-ladder p{font-size:14px;color:var(--body);margin:0}

/* library audit checklist */
.hs-wf .prose .herbal-library-article .audit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}
.hs-wf .prose .herbal-library-article .audit-grid article{display:flex;gap:12px;align-items:flex-start;background:var(--sage);border-radius:12px;padding:14px 16px}
.hs-wf .prose .herbal-library-article .audit-grid article span{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
.hs-wf .prose .herbal-library-article .audit-grid article p{font-size:14px;color:var(--body);margin:0}

/* audit table */
.hs-wf .prose .herbal-library-article .table-wrap{overflow-x:auto;margin:24px 0;-webkit-overflow-scrolling:touch}
.hs-wf .prose .herbal-library-article .table-wrap table{margin:0;border-collapse:collapse;width:100%;font-size:14px;min-width:640px}
.hs-wf .prose .herbal-library-article .table-wrap th,.hs-wf .prose .herbal-library-article .table-wrap td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top}
.hs-wf .prose .herbal-library-article .table-wrap thead th{background:var(--sage);color:var(--green-deep);font-weight:700}
.hs-wf .prose .herbal-library-article .table-wrap td{color:var(--body)}

/* FAQ */
.hs-wf .prose .herbal-library-article details{border:1px solid var(--line);border-radius:12px;margin:0 0 12px;background:#fff;overflow:hidden}
.hs-wf .prose .herbal-library-article details summary{cursor:pointer;font-weight:700;color:var(--ink);font-size:16px;padding:16px 46px 16px 20px;list-style:none;position:relative}
.hs-wf .prose .herbal-library-article details summary::-webkit-details-marker{display:none}
.hs-wf .prose .herbal-library-article details summary::after{content:"+";position:absolute;right:20px;top:13px;font-size:22px;color:var(--green2);font-weight:400}
.hs-wf .prose .herbal-library-article details[open] summary::after{content:"\2013"}
.hs-wf .prose .herbal-library-article details p{font-size:15px;color:var(--body);margin:0;padding:0 20px 18px}

@media(max-width:820px){
  .hs-wf .prose .herbal-library-article .library-map{grid-template-columns:1fr 1fr}
  .hs-wf .prose .herbal-library-article .institution-grid{grid-template-columns:1fr}
  .hs-wf .prose .herbal-library-article .quality-stack{grid-template-columns:1fr 1fr}
  .hs-wf .prose .herbal-library-article .product-module{grid-template-columns:1fr;justify-items:start}
  .hs-wf .prose .herbal-library-article .product-module .bundle-books{justify-content:flex-start}
  .hs-wf .prose .herbal-library-article .product-module .bundle-books img{max-width:130px}
}
@media(max-width:520px){
  .hs-wf .prose .herbal-library-article .library-map{grid-template-columns:1fr}
  .hs-wf .prose .herbal-library-article .one-book-grid,
  .hs-wf .prose .herbal-library-article .daily-reference,
  .hs-wf .prose .herbal-library-article .compare-books,
  .hs-wf .prose .herbal-library-article .prep-books,
  .hs-wf .prose .herbal-library-article .shelf-compare,
  .hs-wf .prose .herbal-library-article .quality-stack,
  .hs-wf .prose .herbal-library-article .audit-grid{grid-template-columns:1fr}
}