/* Good Dad, launch components (quiz, FF counter, pre-order clarity, capture).
   Standalone so it needs no Vite rebuild. Brand: Forest #1B3A2F, Gold #C4A662,
   Cream #FAFAF8. Panchang = uppercase + tracking. Satoshi = body. */

/* ── Founding Father counter ─────────────────────────────────── */
.gd-ff-counter{background:rgba(27,58,47,.05);border:1px solid rgba(27,58,47,.14);border-radius:12px;padding:16px 18px;margin:0 0 20px}
.gd-ff-counter__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
/* Satoshi, not Panchang: at 11px uppercase the Panchang Bold reads wide and
   heavy enough to be mistaken for the Forma wordmark, which is reserved. */
.gd-ff-counter__label{font-family:'Satoshi',-apple-system,system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#1B3A2F}
.gd-ff-counter__count{font-family:'Satoshi',sans-serif;font-weight:700;font-size:15px;color:#1B3A2F}
.gd-ff-counter__track{height:6px;border-radius:99px;background:rgba(27,58,47,.12);overflow:hidden}
.gd-ff-counter__fill{height:100%;border-radius:99px;background:#C4A662;transition:width .6s ease}
.gd-ff-counter__note{font-family:'Satoshi',sans-serif;font-size:13px;line-height:1.5;color:#5C6660;margin:10px 0 0}
/* Badge variant: shown until the take-up is worth publishing. Same card, no
   number and no progress track, so a cohort at zero is never advertised. */
.gd-ff-counter--badge .gd-ff-counter__label{display:block;color:#8A6F2E}
.gd-ff-counter--badge .gd-ff-counter__note{margin-top:8px}

/* ── Pre-order clarity ───────────────────────────────────────── */
.gd-preorder-clarity{margin:16px 0 0;padding:14px 16px;border:1px solid rgba(27,58,47,.14);border-radius:12px;background:#F4F3EF}
.gd-preorder-clarity__list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.gd-preorder-clarity__list li{display:flex;gap:9px;align-items:flex-start;font-family:'Satoshi',sans-serif;font-size:14px;line-height:1.5;color:#3F4945}
.gd-preorder-clarity__tick{width:16px;height:16px;flex:0 0 16px;margin-top:2px;color:#C4A662}

/* Quiz. Cream base with forest/gold accents, not a wall of green.
   Generous vertical rhythm so one question feels like one decision. */
.gd-quiz-wrap{background:#FAFAF8;color:#1A1A18;min-height:70vh}
.gd-quiz-progress{height:3px;background:rgba(27,58,47,.1)}
.gd-quiz-progress__bar{height:100%;background:#C4A662;transition:width .4s ease}
.gd-quiz-inner{max-width:620px;margin:0 auto;padding:72px 24px 96px}
.gd-quiz-eyebrow,.gd-quiz-step{display:block;font-family:'Panchang','Satoshi',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:#C4A662;margin-bottom:22px}
.gd-quiz-h1{font-family:'Satoshi',sans-serif;font-weight:700;font-size:40px;line-height:1.15;letter-spacing:-.025em;color:#1B3A2F;margin:0 0 20px}
.gd-quiz-q{font-family:'Satoshi',sans-serif;font-weight:700;font-size:28px;line-height:1.28;letter-spacing:-.02em;color:#1B3A2F;margin:0 0 16px}
.gd-quiz-h3{font-family:'Panchang','Satoshi',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#C4A662;margin:0 0 16px}
.gd-quiz-lede{font-family:'Satoshi',sans-serif;font-size:18px;line-height:1.7;color:#4A5450;margin:0 0 34px}
.gd-quiz-hint{font-family:'Satoshi',sans-serif;font-size:15px;color:#8A918D;margin:0 0 24px}
.gd-quiz-note{font-family:'Satoshi',sans-serif;font-size:13px;color:#9A948B;margin:18px 0 0}
.gd-quiz-error{font-family:'Satoshi',sans-serif;font-size:14px;color:#B4433F;margin:12px 0 0}
.gd-quiz-btn{display:inline-block;background:#1B3A2F;color:#FAFAF8;font-family:'Satoshi',sans-serif;font-weight:700;font-size:16px;border:0;border-radius:8px;padding:17px 34px;cursor:pointer;transition:transform .15s ease,opacity .15s ease;text-decoration:none}
.gd-quiz-btn:hover{transform:translateY(-1px);opacity:.94}
.gd-quiz-btn:disabled{opacity:.55;cursor:default}
.gd-quiz-btn--gold{width:100%;text-align:center;margin-top:8px;background:#C4A662;color:#1B3A2F}
.gd-quiz-opts{display:grid;gap:12px;margin:0 0 28px}
.gd-quiz-opt{text-align:left;background:#fff;border:1px solid #E4E1D9;color:#1B3A2F;font-family:'Satoshi',sans-serif;font-size:17px;font-weight:500;border-radius:12px;padding:19px 22px;cursor:pointer;transition:all .15s ease}
.gd-quiz-opt:hover{border-color:#C4A662;transform:translateY(-1px)}
.gd-quiz-opt.is-on{background:rgba(196,166,98,.12);border-color:#C4A662;font-weight:700}
.gd-quiz-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 12px}
.gd-quiz-scale__btn{aspect-ratio:1;background:#fff;border:1px solid #E4E1D9;color:#1B3A2F;font-family:'Satoshi',sans-serif;font-weight:700;font-size:22px;border-radius:12px;cursor:pointer;transition:all .15s ease}
.gd-quiz-scale__btn:hover,.gd-quiz-scale__btn.is-on{background:rgba(196,166,98,.14);border-color:#C4A662;transform:translateY(-1px)}
.gd-quiz-scale__labels{display:flex;justify-content:space-between;font-family:'Satoshi',sans-serif;font-size:12px;color:#9A948B}
.gd-quiz-form{display:grid;gap:14px}
.gd-quiz-input{width:100%;background:#fff;border:1px solid #E4E1D9;color:#1A1A18;font-family:'Satoshi',sans-serif;font-size:16px;border-radius:10px;padding:17px 18px}
.gd-quiz-input::placeholder{color:#A8A399}
.gd-quiz-input:focus{outline:none;border-color:#C4A662;box-shadow:0 0 0 3px rgba(196,166,98,.15)}
/* Result: the ONE place that goes dark, so it lands as a payoff. */
.gd-quiz-result-card{background:#1B3A2F;background-image:linear-gradient(165deg,#1B3A2F 0%,#152E25 100%);border-radius:18px;padding:40px 32px;color:#FAFAF8;margin:0 0 32px;text-align:center}
.gd-quiz-result-card .gd-quiz-eyebrow{color:#C4A662}
.gd-quiz-score{font-family:'Satoshi',sans-serif;font-weight:700;font-size:80px;line-height:1;color:#C4A662;margin:0 0 8px}
.gd-quiz-score__of{font-size:32px;color:rgba(250,250,248,.4)}
.gd-quiz-band{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:300;font-size:26px;color:#FAFAF8;margin:0 0 12px}
.gd-quiz-result-card .gd-quiz-lede{color:rgba(250,250,248,.82);margin:0}
.gd-quiz-claims{margin:36px 0 0}
.gd-quiz-claim{padding:20px 22px;margin:0 0 12px;background:#fff;border:1px solid #E4E1D9;border-radius:12px}
.gd-quiz-claim__sym{font-family:'Satoshi',sans-serif;font-weight:700;font-size:17px;color:#1B3A2F;margin:0 0 4px}
.gd-quiz-claim__formula{font-family:'Panchang','Satoshi',sans-serif;font-size:10px;letter-spacing:.16em;color:#C4A662;margin-left:10px}
.gd-quiz-claim__nut{font-family:'Satoshi',sans-serif;font-size:13px;color:#8A918D;margin:0 0 8px}
.gd-quiz-claim__claim{font-family:'Satoshi',sans-serif;font-size:15px;line-height:1.55;color:#4A5450;margin:0}
.gd-quiz-legal{font-family:'Satoshi',sans-serif;font-size:11px;font-style:italic;color:#9A948B;margin:20px 0 0}
.gd-quiz-offer{border-top:1px solid #E4E1D9;padding-top:34px;margin:40px 0 0}
@media (max-width:600px){.gd-quiz-h1{font-size:30px}.gd-quiz-q{font-size:23px}.gd-quiz-score{font-size:62px}.gd-quiz-inner{padding:52px 20px 72px}.gd-quiz-opt{font-size:16px;padding:17px 18px}}

/* ── Inline / exit-intent capture ────────────────────────────── */
.gd-capture{background:#1B3A2F;border-radius:14px;padding:28px 24px;margin:40px 0;color:#FAFAF8}
.gd-capture__eyebrow{display:block;font-family:'Panchang','Satoshi',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:#C4A662;margin-bottom:10px}
.gd-capture__title{font-family:'Satoshi',sans-serif;font-weight:700;font-size:22px;line-height:1.3;margin:0 0 8px}
.gd-capture__sub{font-family:'Satoshi',sans-serif;font-size:15px;line-height:1.55;color:rgba(250,250,248,.78);margin:0 0 18px}
.gd-capture__form{display:flex;gap:10px;flex-wrap:wrap}
.gd-capture__input{flex:1 1 220px;background:rgba(250,250,248,.08);border:1px solid rgba(250,250,248,.22);color:#FAFAF8;font-family:'Satoshi',sans-serif;font-size:15px;border-radius:8px;padding:14px 15px}
.gd-capture__input::placeholder{color:rgba(250,250,248,.45)}
.gd-capture__input:focus{outline:none;border-color:#C4A662}
.gd-capture__btn{background:#C4A662;color:#1B3A2F;font-family:'Satoshi',sans-serif;font-weight:700;font-size:15px;border:0;border-radius:8px;padding:14px 24px;cursor:pointer;white-space:nowrap}
.gd-capture__msg{font-family:'Satoshi',sans-serif;font-size:14px;margin:12px 0 0;color:#C4A662}
.gd-exit{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(13,26,20,.72);padding:20px}
.gd-exit__card{background:#1B3A2F;border-radius:16px;max-width:460px;width:100%;padding:32px 28px;position:relative;color:#FAFAF8}
.gd-exit__close{position:absolute;top:12px;right:14px;background:none;border:0;color:rgba(250,250,248,.55);font-size:26px;line-height:1;cursor:pointer}

/* ── Advertorial 2 ───────────────────────────────────────────── */
.gd-ad2{background:#FAFAF8;color:#1A1A18}
.gd-ad2__hero{max-width:720px;margin:0 auto;padding:120px 24px 26px;text-align:left}
.gd-ad2__eyebrow{display:block;font-family:'Panchang','Satoshi',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.22em;font-size:11px;color:#C4A662;margin-bottom:16px}
.gd-ad2__h1{font-family:'Satoshi',sans-serif;font-weight:700;font-size:42px;line-height:1.14;letter-spacing:-.025em;color:#1B3A2F;margin:0 0 16px}
.gd-ad2__standfirst{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:300;font-size:22px;line-height:1.45;color:#4A5450;margin:0 0 18px}
.gd-ad2__byline{font-family:'Satoshi',sans-serif;font-size:14px;color:#8A918D;margin:0}
.gd-ad2__body{max-width:680px;margin:0 auto;padding:0 24px 90px}
.gd-ad2__body p{font-family:'Satoshi',sans-serif;font-size:19px;line-height:1.72;color:#33403A;margin:0 0 22px}
.gd-ad2__lead{font-size:21px !important;color:#1B3A2F !important}
.gd-ad2__h2{font-family:'Satoshi',sans-serif;font-weight:700;font-size:29px;line-height:1.24;letter-spacing:-.02em;color:#1B3A2F;margin:52px 0 18px;display:flex;gap:14px;align-items:baseline}
.gd-ad2__h2--plain{display:block}
.gd-ad2__num{font-family:'Panchang','Satoshi',sans-serif;font-size:15px;color:#C4A662;flex:0 0 auto;letter-spacing:.06em}
.gd-ad2__prompt{background:#F4F3EF;border-left:3px solid #C4A662;padding:16px 18px;border-radius:0 8px 8px 0}
.gd-ad2__fig{margin:32px 0}
.gd-ad2__placeholder{background:#EDEBE5;border:1px dashed #C9C4B8;border-radius:12px;padding:36px 22px;text-align:center;font-family:'Satoshi',sans-serif;font-size:13px;color:#8A918D;line-height:1.5}
.gd-ad2__cta{background:#1B3A2F;border-radius:14px;padding:26px 24px;margin:38px 0;text-align:center}
.gd-ad2__cta-line{font-family:'Satoshi',sans-serif;font-weight:700;font-size:19px !important;color:#FAFAF8 !important;margin:0 0 16px !important}
.gd-ad2__cta-note{font-family:'Satoshi',sans-serif;font-size:13px !important;color:rgba(250,250,248,.6) !important;margin:12px 0 0 !important}
.gd-ad2__formula{background:#F4F3EF;border-radius:10px;padding:18px 20px;margin:0 0 14px}
.gd-ad2__formula p{margin:0 0 6px !important;font-size:17px !important}
.gd-ad2__claim{color:#5C6660 !important;font-size:15px !important;margin:0 !important}
.gd-ad2__offer{background:#F4F3EF;border-radius:16px;padding:30px 24px;margin:40px 0}
.gd-ad2__anchor{font-size:15px !important;color:#5C6660 !important}
.gd-ad2__faq{border-bottom:1px solid #E4E1D9;padding:14px 0}
.gd-ad2__faq summary{font-family:'Satoshi',sans-serif;font-weight:700;font-size:17px;color:#1B3A2F;cursor:pointer;list-style:none}
.gd-ad2__faq summary::-webkit-details-marker{display:none}
.gd-ad2__faq summary::after{content:'+';float:right;color:#C4A662}
.gd-ad2__faq[open] summary::after{content:'−'}
.gd-ad2__faq p{font-size:17px !important;margin:12px 0 4px !important}
.gd-ad2 .gd-quiz-legal{color:#9A948B}
.gd-ad2 .gd-preorder-clarity{background:#FAFAF8}
.gd-ad2__sticky{position:fixed;left:0;right:0;bottom:0;z-index:900;background:#1B3A2F;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;box-shadow:0 -4px 20px rgba(0,0,0,.18)}
.gd-ad2__sticky-price{font-family:'Satoshi',sans-serif;font-weight:700;font-size:14px;color:#FAFAF8}
.gd-ad2__sticky-btn{background:#C4A662;color:#1B3A2F;font-family:'Satoshi',sans-serif;font-weight:700;font-size:14px;border-radius:8px;padding:12px 20px;text-decoration:none;white-space:nowrap}
@media (min-width:768px){.gd-ad2__sticky{display:none}}
@media (max-width:600px){.gd-ad2__hero{padding:100px 20px 22px}.gd-ad2__h1{font-size:31px}.gd-ad2__standfirst{font-size:19px}.gd-ad2__body{padding:0 20px 110px}.gd-ad2__body p{font-size:18px}.gd-ad2__lead{font-size:19px !important}.gd-ad2__h2{font-size:24px;margin:40px 0 14px}}


/* Consent banner, reject must be as reachable as accept (PECR). */
.gd-cookie-reject{background:transparent !important;border:1px solid rgba(250,250,248,.35) !important;color:inherit !important;margin-right:8px}
.gd-ty__share,.gd-ty__survey{max-width:640px;margin:28px auto 0;padding:22px 24px;background:#F4F3EF;border-radius:14px}
.gd-ty__share p,.gd-ty__survey p{font-family:'Satoshi',sans-serif;font-size:15px;line-height:1.6;color:#4A5450;margin:0 0 14px}
.gd-ty__share .gd-quiz-h3,.gd-ty__survey .gd-quiz-h3{color:#1B3A2F}
.gd-ty__share-row{display:flex;gap:10px;flex-wrap:wrap}
.gd-ty__survey .gd-capture__input{background:#fff;border-color:#DCD8CE;color:#1A1A18}
.gd-ty__survey .gd-capture__input::placeholder{color:#9A948B}
/* [hidden] must win over display:flex, or the exit modal shows on page load. */
.gd-exit[hidden],.gd-ad2__sticky[hidden]{display:none !important}

/* Lander header, mobile fix. Pre-existing: the logo is fixed-width and the CTA
   sits on top of it below ~420px, so the wordmark is half-covered on the exact
   devices paid traffic lands on. Shrink the logo and tighten the CTA instead. */
@media (max-width:480px){
	.lp-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-left:16px;padding-right:16px}
	.lp-header__logo{height:20px;width:auto;max-width:150px}
	.lp-header .btn{font-size:13px;padding:9px 14px;white-space:nowrap;flex:0 0 auto}
}

/* article-hero without a background photo. The base class assumes a full-bleed
   image and styles its text white, so an image-less hero renders as a tall
   empty block with invisible type. Forest fill until the real shot lands. */
.article-hero--plain{background:#1B3A2F !important;background-image:linear-gradient(165deg,#1B3A2F 0%,#152E25 100%) !important;min-height:0 !important;height:auto !important;display:block !important;padding:56px 24px 52px !important;text-align:center}
.article-hero--plain::before,.article-hero--plain::after{display:none !important}
.article-hero--plain .article-hero__category{position:static !important;display:inline-block;margin:0 0 18px;transform:none !important}
.article-hero--plain .article-hero__title{position:static !important;max-width:720px;margin:0 auto 16px;transform:none !important}
.article-hero--plain .article-hero__standfirst{position:static !important;max-width:620px;margin:0 auto 20px;color:rgba(250,250,248,.82) !important;transform:none !important}
.article-hero--plain .article-hero__meta{position:static !important;justify-content:center;transform:none !important}
.article-hero--plain .article-hero__category{color:#C4A662 !important;border-color:rgba(196,166,98,.45) !important}
.article-hero--plain .article-hero__meta{color:rgba(250,250,248,.65) !important}

/* Founding Fathers LP. Every surface declares BOTH its background and its text
   colour, so nothing depends on an ancestor and dark-on-dark cannot happen. */
.gd-ffp-wrap{max-width:680px;margin:0 auto;padding:0 24px}
.gd-ffp-hero{background:#1B3A2F;background-image:linear-gradient(168deg,#1B3A2F 0%,#14281F 100%);color:#FAFAF8;padding:64px 0 66px;text-align:center}
.gd-ffp-eyebrow{display:block;font-family:'Panchang','Satoshi',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:#C4A662;margin-bottom:20px}
.gd-ffp-h1{font-family:'Satoshi',sans-serif;font-weight:700;font-size:40px;line-height:1.14;letter-spacing:-.025em;color:#FAFAF8;margin:0 0 18px}
.gd-ffp-lede{font-family:'Satoshi',sans-serif;font-size:18px;line-height:1.65;color:rgba(250,250,248,.84);margin:0 auto 32px;max-width:520px}
.gd-ffp-counter{background:rgba(250,250,248,.08);border:1px solid rgba(250,250,248,.18);border-radius:14px;padding:18px 20px;margin:0 0 26px;text-align:left}
.gd-ffp-counter__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.gd-ffp-counter__label{font-family:'Satoshi',-apple-system,system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:rgba(250,250,248,.8)}
.gd-ffp-counter__num{font-family:'Satoshi',sans-serif;font-weight:700;font-size:17px;color:#C4A662}
.gd-ffp-counter__track{height:6px;border-radius:99px;background:rgba(250,250,248,.16);overflow:hidden}
.gd-ffp-counter__fill{height:100%;border-radius:99px;background:#C4A662}
.gd-ffp-btn{display:block;width:100%;max-width:420px;margin:0 auto;background:#C4A662;color:#1B3A2F;font-family:'Satoshi',sans-serif;font-weight:700;font-size:17px;border:0;border-radius:10px;padding:18px 30px;text-align:center;text-decoration:none;transition:transform .15s ease}
.gd-ffp-btn:hover{transform:translateY(-1px);color:#1B3A2F}
.gd-ffp-btn--dark{background:#1B3A2F;color:#FAFAF8}
.gd-ffp-btn--dark:hover{color:#FAFAF8}
.gd-ffp-micro{font-family:'Satoshi',sans-serif;font-size:13px;color:rgba(250,250,248,.6);margin:14px 0 0}
.gd-ffp-light{background:#FAFAF8;color:#1A1A18;padding:60px 0 64px}
.gd-ffp-h2{font-family:'Panchang','Satoshi',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:#C4A662;margin:0 0 22px}
.gd-ffp-light .gd-ffp-h2:not(:first-child){margin-top:52px}
.gd-ffp-plans{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gd-ffp-plan{position:relative;background:#fff;border:1px solid #E4E1D9;border-radius:14px;padding:24px 20px;text-align:center}
.gd-ffp-plan--best{border-color:#C4A662;box-shadow:0 0 0 3px rgba(196,166,98,.14)}
.gd-ffp-plan__flag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#C4A662;color:#1B3A2F;font-family:'Panchang','Satoshi',sans-serif;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:4px 12px;border-radius:99px;white-space:nowrap}
.gd-ffp-plan__name{font-family:'Satoshi',sans-serif;font-weight:700;font-size:18px;color:#1B3A2F}
.gd-ffp-plan__unit{font-family:'Satoshi',sans-serif;font-size:12px;color:#8A918D;margin:2px 0 12px}
.gd-ffp-plan__price{font-family:'Satoshi',sans-serif;font-weight:700;font-size:32px;color:#1B3A2F;line-height:1}
.gd-ffp-plan__was{font-family:'Satoshi',sans-serif;font-size:12px;color:#9A948B;margin-top:8px}
.gd-ffp-note{font-family:'Satoshi',sans-serif;font-size:14px;line-height:1.6;color:#5C6660;margin:16px 0 0;text-align:center}
.gd-ffp-steps{list-style:none;counter-reset:s;margin:0;padding:0}
.gd-ffp-steps li{counter-increment:s;position:relative;padding:14px 0 14px 44px;border-bottom:1px solid #E4E1D9;font-family:'Satoshi',sans-serif;font-size:16px;line-height:1.55;color:#4A5450}
.gd-ffp-steps li::before{content:counter(s);position:absolute;left:0;top:14px;width:28px;height:28px;border-radius:50%;background:rgba(196,166,98,.18);color:#8A6F2E;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
.gd-ffp-steps strong{display:block;color:#1B3A2F}
.gd-ffp-assure{list-style:none;margin:26px 0 30px;padding:0;display:grid;gap:10px}
.gd-ffp-assure li{position:relative;padding-left:26px;font-family:'Satoshi',sans-serif;font-size:15px;color:#4A5450}
.gd-ffp-assure li::before{content:'✓';position:absolute;left:0;color:#C4A662;font-weight:700}
.gd-ffp-close{background:#1B3A2F;color:#FAFAF8;padding:56px 0 60px;text-align:center}

/* Hero split: product on the left, offer on the right. Warm traffic has already
   had the education, so the product needs to be visible above the fold. */
.gd-ffp-hero .gd-ffp-wrap{max-width:1040px}
.gd-ffp-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;text-align:left}
/* No tinted frame around the shot: the product photo is on white, so a padded
   dark frame just reads as a white slab floating on the forest. */
.gd-ffp-shot{border-radius:18px;overflow:hidden;line-height:0}
.gd-ffp-shot img{display:block;width:100%;height:auto}
.gd-ffp-offer .gd-ffp-lede{margin-left:0;margin-right:0}
.gd-ffp-offer .gd-ffp-btn{margin-left:0}
.gd-ffp-offer .gd-ffp-micro{text-align:left}

/* AM / PM cards. Light surface, so both colours are declared here. */
.gd-ffp-formulas{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 28px}
.gd-ffp-formula{background:#fff;border:1px solid #E4E1D9;border-radius:16px;overflow:hidden}
.gd-ffp-formula__img{background:#F4F3EF}
.gd-ffp-formula__img img{display:block;width:100%;height:auto}
.gd-ffp-formula__body{padding:20px}
.gd-ffp-formula__tag{display:inline-block;font-family:'Satoshi',sans-serif;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#FAFAF8;background:#1B3A2F;border-radius:99px;padding:4px 11px;margin-bottom:12px}
.gd-ffp-formula__name{font-family:'Satoshi',sans-serif;font-weight:700;font-size:20px;color:#1B3A2F;margin:0 0 6px;line-height:1.25}
.gd-ffp-formula__line{font-family:'Satoshi',sans-serif;font-size:14px;color:#8A918D;margin:0 0 10px}
.gd-ffp-formula__copy{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:300;font-size:16px;line-height:1.45;color:#4A5450;margin:0}

.gd-ffp-specs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.gd-ffp-specs li{position:relative;padding-left:26px;font-family:'Satoshi',sans-serif;font-size:15px;line-height:1.45;color:#4A5450}
.gd-ffp-specs li::before{content:'✓';position:absolute;left:0;color:#8A6F2E;font-weight:700}

.gd-ffp-light--alt{background:#F4F3EF}

/* On the light surface the gold drops to its dark variant: #C4A662 on cream
   is roughly 2.3:1 and fails badly at small sizes. */
.gd-ffp-light .gd-ffp-h2{color:#8A6F2E}
.gd-ffp-quote{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:300;font-size:24px;line-height:1.4;color:#C4A662;margin:0 0 26px}
.gd-ffp-light .gd-ffp-quote{color:#1B3A2F;text-align:center;margin-top:38px}
.gd-ffp-micro--dark{color:#6B736E;text-align:center}

@media (max-width:860px){
.gd-ffp-split{grid-template-columns:1fr;gap:30px;text-align:center}
.gd-ffp-shot{order:-1;max-width:340px;margin:0 auto;padding:16px}
.gd-ffp-offer .gd-ffp-lede{margin-left:auto;margin-right:auto}
.gd-ffp-offer .gd-ffp-btn{margin-left:auto}
.gd-ffp-offer .gd-ffp-micro{text-align:center}
}
@media (max-width:600px){.gd-ffp-h1{font-size:30px}.gd-ffp-hero{padding:48px 0 52px}.gd-ffp-plans{grid-template-columns:1fr;gap:18px}.gd-ffp-plan__flag{white-space:nowrap}.gd-ffp-formulas{grid-template-columns:1fr}.gd-ffp-specs{grid-template-columns:1fr}}

/* Quiz result. Dark card is the ONLY dark surface; everything after it is on
   cream with dark type. No ancestor-dependent colour anywhere. */
.gd-quiz-meaning{font-family:'Satoshi',sans-serif;font-size:18px;line-height:1.6;color:rgba(250,250,248,.9);margin:0 0 22px}
.gd-quiz-scorebar{display:inline-flex;align-items:baseline;gap:9px;background:rgba(250,250,248,.1);border:1px solid rgba(250,250,248,.2);border-radius:99px;padding:9px 20px}
.gd-quiz-scorebar__num{font-family:'Satoshi',sans-serif;font-weight:700;font-size:20px;color:#C4A662}
.gd-quiz-scorebar__lbl{font-family:'Panchang','Satoshi',sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(250,250,248,.7)}
.gd-quiz-peers{background:#fff;border:1px solid #E4E1D9;border-radius:14px;padding:26px 24px;margin:0 0 26px}
.gd-quiz-peers__stat{font-family:'Satoshi',sans-serif;font-weight:700;font-size:18px;line-height:1.5;color:#1B3A2F;margin:0 0 16px}
.gd-quiz-peers__quote{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:300;font-size:19px;line-height:1.55;color:#4A5450;margin:0;padding:0 0 0 16px;border-left:3px solid #C4A662}
.gd-quiz-peers__cite{font-family:'Satoshi',sans-serif;font-size:12px;color:#9A948B;margin:10px 0 0;padding-left:19px}
.gd-quiz-next{background:rgba(196,166,98,.1);border-radius:12px;padding:20px 22px;margin:26px 0 0}
.gd-quiz-next p{font-family:'Satoshi',sans-serif;font-size:16px;line-height:1.6;color:#4A5450;margin:0}
/* Founding Father box on the CREAM offer section: dark type, light surface. */
.gd-quiz-ff{background:#fff;border:1px solid #E4E1D9;border-radius:12px;padding:18px 20px;margin:0 0 20px}
.gd-quiz-ff__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:11px}
.gd-quiz-ff__label{font-family:'Panchang','Satoshi',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:#1B3A2F}
.gd-quiz-ff__num{font-family:'Satoshi',sans-serif;font-weight:700;font-size:15px;color:#8A6F2E}
.gd-quiz-ff__track{height:6px;border-radius:99px;background:rgba(27,58,47,.12);overflow:hidden}
.gd-quiz-ff__fill{height:100%;border-radius:99px;background:#C4A662}
.gd-quiz-ff__note{font-family:'Satoshi',sans-serif;font-size:13px;line-height:1.5;color:#5C6660;margin:11px 0 0}

/* .article-layout is a 1fr + 220px TOC grid. Without a sidebar the content
   sits in the left column with a 220px void beside it, reading as off-centre.
   --narrow collapses it to a single centred column. */
.article-layout--narrow{grid-template-columns:minmax(0,720px) !important;justify-content:center !important;gap:0 !important;padding-bottom:48px}
.article-layout--narrow .article-body{width:100%}

/* Founding Father badge variants, used while take-up is below the threshold. */
.gd-quiz-ff--badge .gd-quiz-ff__label{display:block}
.gd-quiz-ff--badge .gd-quiz-ff__note{margin-top:8px}
.gd-ffp-counter--badge{text-align:left}
.gd-ffp-counter--badge .gd-ffp-counter__label{display:block}
.gd-ffp-counter__note{font-family:'Satoshi',sans-serif;font-size:13px;line-height:1.55;color:rgba(250,250,248,.72);margin:8px 0 0}

/* ── Cookie notice ───────────────────────────────────────────────
   Compact bottom-left card rather than a full-width bar. The old banner
   took a ~70px strip across the whole viewport (worse on mobile once the
   copy wrapped) on every first visit.

   Both buttons carry equal visual weight on purpose: under UK PECR
   refusing has to be as easy as accepting, so no "manage preferences"
   indirection on the reject path. */
.gd-cookie{
  position:fixed;
  left:16px;
  bottom:calc(var(--gd-cookie-offset,16px) + env(safe-area-inset-bottom,0px));
  z-index:9999;
  width:min(340px,calc(100vw - 32px));
  background:#FAFAF8;
  border:1px solid rgba(27,58,47,.14);
  border-radius:14px;
  box-shadow:0 8px 30px rgba(13,26,20,.16);
  padding:14px 16px;
}
.gd-cookie__text{
  font-family:'Satoshi',-apple-system,system-ui,sans-serif;
  font-size:13px;line-height:1.45;color:#4A5450;margin:0 0 12px;
}
.gd-cookie__text a{color:#1B3A2F;text-decoration:underline;text-underline-offset:2px}
.gd-cookie__actions{display:flex;gap:8px}
.gd-cookie__btn{
  flex:1 1 0;
  font-family:'Satoshi',-apple-system,system-ui,sans-serif;
  font-size:13px;font-weight:700;
  border-radius:8px;padding:9px 12px;
  border:1px solid #1B3A2F;background:#1B3A2F;color:#FAFAF8;
  cursor:pointer;transition:opacity .15s ease;
}
.gd-cookie__btn:hover{opacity:.9}
.gd-cookie__btn--ghost{background:transparent;color:#1B3A2F}

/* The PDP has its own fixed purchase bar at bottom:0, so lift clear of it. */
.single-product .gd-cookie{--gd-cookie-offset:88px}

@media (max-width:600px){
  .gd-cookie{left:12px;right:12px;width:auto}
}

/* [hidden] must win: the banner is a block element and any display rule would
   otherwise override the attribute, which is how the exit modal once shipped
   visible on page load. */
.gd-cookie[hidden]{display:none !important}
.gd-cookie:not([hidden]){animation:gdCookieIn .28s ease-out}
@keyframes gdCookieIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* ── PDP: two columns of single-line ticks on mobile ─────────────
   Stacking to one column made the block taller, the opposite of the goal.
   minmax(0,...) lets the tracks shrink; without it nowrap forced the grid
   wider than the viewport and overflowed the page. */
@media (max-width:767px){
  .pdp-hero-v2 .pdp-v2-info{min-width:0;max-width:100%}
  .pdp-hero-v2 .pdp-v2-usps{gap:8px 12px}
  .pdp-hero-v2 .pdp-v2-usp{min-width:0}
  .pdp-hero-v2 .pdp-v2-usp span{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* The grid columns, slide width and proof position used to be set here too,
   with .pdp-hero-v2 descendant selectors that outrank the plain class
   selectors in app.css no matter which file loads last. They silently won
   every time app.css was edited. app.css owns all three now. */
/* Gift line inline with its icon rather than wrapping under it. */
.pdp-hero-v2 .pdp-v2-gift-link{display:flex;align-items:center;gap:9px;flex-wrap:nowrap;text-align:left}
.pdp-hero-v2 .pdp-v2-gift-link svg{flex:0 0 18px;width:18px;height:18px}
.pdp-hero-v2 .pdp-v2-gift-link-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}

/* ── Quiz results v2 (2026-08-12): ungated results, survey distribution ──
   The peer quote now reuses .article-pullquote (the site's testimonial
   treatment: oversized Fraunces mark, tinted panel, NO left border). The old
   .gd-quiz-peers__quote left-border style below this block is retired; kept
   only so any cached page renders sanely until the edge fully refreshes. */
.gd-quiz-dist{background:#fff;border:1px solid #E4E1D9;border-radius:14px;padding:26px 24px 20px;margin:0 0 26px}
.gd-quiz-dist__intro{font-family:'Satoshi',sans-serif;font-size:15px;line-height:1.6;color:#4A5450;margin:0 0 24px}
.gd-quiz-dist__chart{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.gd-quiz-dist__col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}
.gd-quiz-dist__tag{visibility:hidden;font-family:'Panchang','Satoshi',sans-serif;font-weight:700;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#1B3A2F;background:#C4A662;border-radius:99px;padding:3px 9px}
.gd-quiz-dist__col.is-you .gd-quiz-dist__tag{visibility:visible}
.gd-quiz-dist__pct{font-family:'Satoshi',sans-serif;font-weight:700;font-size:13px;color:#8A918D;font-variant-numeric:tabular-nums}
.gd-quiz-dist__col.is-you .gd-quiz-dist__pct{color:#1B3A2F}
.gd-quiz-dist__barwrap{width:100%;height:96px;display:flex;align-items:flex-end}
.gd-quiz-dist__bar{width:100%;background:rgba(27,58,47,.16);border-radius:6px 6px 2px 2px;transition:height .5s ease}
.gd-quiz-dist__col.is-you .gd-quiz-dist__bar{background:#C4A662}
.gd-quiz-dist__score{font-family:'Satoshi',sans-serif;font-weight:700;font-size:13px;color:#8A918D}
.gd-quiz-dist__col.is-you .gd-quiz-dist__score{color:#1B3A2F}
.gd-quiz-dist__labels{display:flex;justify-content:space-between;font-family:'Satoshi',sans-serif;font-size:12px;color:#9A948B;margin-top:10px}
.gd-quiz-dist__cite{font-family:'Panchang','Satoshi',sans-serif;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#B0AA9F;margin:16px 0 0;text-align:right}
.gd-quiz-peers__stat{font-family:'Satoshi',sans-serif;font-weight:700;font-size:17px;line-height:1.5;color:#1B3A2F;margin:0}
.gd-quiz-pullquote{margin:16px 0 0}
.gd-quiz-pullquote p{font-size:18px}
.gd-quiz-capture{margin:36px 0 0}
.gd-quiz-skip{display:block;background:none;border:0;color:rgba(250,250,248,.55);font-family:'Satoshi',sans-serif;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:14px 4px 2px;margin:0}
.gd-quiz-skip:hover{color:rgba(250,250,248,.8)}
.gd-quiz-band{font-size:32px}
@media (max-width:600px){.gd-quiz-dist__chart{gap:8px}.gd-quiz-dist__barwrap{height:72px}.gd-quiz-dist__pct{font-size:11px}.gd-quiz-band{font-size:27px}}

/* ── Quiz CTA layer (2026-08-12) ────────────────────────────── */
.gd-quiz-bridge{margin:30px 0 0;text-align:center}
.gd-quiz-bridge .gd-quiz-btn--gold{margin-top:0}
.gd-quiz-bridge__hint{font-family:'Satoshi',sans-serif;font-size:13px;color:#8A918D;margin:10px 0 0}
.gd-capture__link{display:inline-block;font-family:'Satoshi',sans-serif;font-weight:700;font-size:15px;color:#C4A662;text-decoration:none;margin-top:14px}
.gd-capture__link:hover{text-decoration:underline;text-underline-offset:3px}
.gd-quiz-stickybar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:14px;background:#0D1A14;padding:12px 18px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px rgba(13,26,20,.18)}
.gd-quiz-stickybar__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.gd-quiz-stickybar__name{font-family:'Satoshi',sans-serif;font-weight:700;font-size:14px;color:#FAFAF8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gd-quiz-stickybar__price{font-family:'Satoshi',sans-serif;font-size:12px;color:#C4A662}
.gd-quiz-stickybar__btn{flex:none;background:#C4A662;color:#1B3A2F;font-family:'Satoshi',sans-serif;font-weight:700;font-size:14px;border-radius:99px;padding:11px 20px;text-decoration:none;white-space:nowrap}
.gd-quiz-stickybar__btn:hover{filter:brightness(1.05)}
/* The bar overlaps the page end; give the offer legal line clearance. */
.gd-quiz-legal{margin-bottom:64px}
[x-cloak]{display:none !important}
.gd-quiz-back{display:inline-block;background:none;border:0;padding:0;margin:0 0 18px;font-family:'Satoshi',sans-serif;font-size:14px;font-weight:500;color:#8A918D;cursor:pointer}
.gd-quiz-back:hover{color:#1B3A2F}
.gd-quiz-back--result{margin:-14px 0 24px}
.gd-quiz-offer__img{display:block;margin:0 auto 20px;width:200px;height:auto}

/* ── Quiz offer v2 + desktop results layout (2026-08-12) ─────── */
.gd-quiz-offer__grid{display:block}
.gd-quiz-offer__media{margin:0 0 22px}
.gd-quiz-offer__img{display:block;width:min(300px,80%);height:auto;margin:0 auto;border-radius:14px}
.gd-quiz-offer__list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:12px}
.gd-quiz-offer__list li{background:#fff;border:1px solid #E4E1D9;border-radius:12px;padding:14px 18px}
.gd-quiz-offer__list strong{display:block;font-family:'Satoshi',sans-serif;font-weight:700;font-size:15px;color:#1B3A2F;margin:0 0 2px}
.gd-quiz-offer__list span{font-family:'Satoshi',sans-serif;font-size:14px;line-height:1.55;color:#4A5450}
.gd-quiz-offer__price{background:rgba(196,166,98,.12);border-radius:12px;padding:16px 18px;margin:0 0 22px}
.gd-quiz-offer__price strong{display:block;font-family:'Satoshi',sans-serif;font-weight:700;font-size:22px;color:#1B3A2F;margin:0 0 3px}
.gd-quiz-offer__price span{font-family:'Satoshi',sans-serif;font-size:14px;line-height:1.5;color:#4A5450}
.gd-quiz-offer__journey{font-size:15px !important;margin-bottom:22px !important}
.gd-quiz-trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 16px;margin:18px 0 0;padding:0}
.gd-quiz-trust li{font-family:'Satoshi',sans-serif;font-size:13px;font-weight:500;color:#4A5450}
.gd-quiz-trust li::before{content:'✓';color:#C4A662;font-weight:700;margin-right:6px}
.gd-quiz-claims__more{font-family:'Satoshi',sans-serif;font-size:14px;line-height:1.55;color:#8A918D;margin:14px 0 0;font-style:italic}

@media (min-width:900px){
	.gd-quiz-inner--result{max-width:960px}
	.gd-quiz-grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin:0 0 26px}
	.gd-quiz-grid2 .gd-quiz-dist,.gd-quiz-grid2 .gd-quiz-peers{margin:0;height:100%;box-sizing:border-box}
	.gd-quiz-claims{display:grid;grid-template-columns:1fr 1fr;gap:12px}
	.gd-quiz-claims .gd-quiz-h3,.gd-quiz-claims__more{grid-column:1 / -1}
	.gd-quiz-claims .gd-quiz-claim{margin:0}
	.gd-quiz-offer__grid{display:grid;grid-template-columns:320px 1fr;gap:36px;align-items:start}
	.gd-quiz-offer__media{position:sticky;top:90px;margin:0}
	.gd-quiz-offer__img{width:100%}
	.gd-quiz-result-card{padding:52px 40px}
	.gd-quiz-band{font-size:38px}
}

/* ── Quiz results v3 (2026-08-12): dark → light → dark composition ──
   One arc: verdict card (forest) → evidence on plain cream → one coverage
   card → offer as a single dark panel → quiet mailcard. Earlier bridge and
   card-in-card treatments retired. */
.gd-quiz-edit{display:block;margin:22px auto 0;background:none;border:0;font-family:'Satoshi',sans-serif;font-size:13px;color:rgba(250,250,248,.55);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.gd-quiz-edit:hover{color:rgba(250,250,248,.85)}
.gd-quiz-evidence{margin:40px 0 0}
.gd-quiz-peers{background:none;border:0;border-radius:0;padding:0;margin:0}
.gd-quiz-peers .gd-quiz-h3{margin-top:4px}
.gd-quiz-voices{display:grid;gap:0;margin:8px 0 0}
.gd-quiz-voices .gd-quiz-pullquote{margin:14px 0 0}
.gd-quiz-claims{margin:44px 0 0}
.gd-quiz-claims__card{background:#fff;border:1px solid #E4E1D9;border-radius:14px;padding:6px 22px}
.gd-quiz-claims__card .gd-quiz-claim{background:none;border:0;border-radius:0;border-bottom:1px solid #F0EEE8;padding:18px 0;margin:0}
.gd-quiz-claims__card .gd-quiz-claims__more{border-top:0;padding:16px 0 18px;margin:0}
.gd-quiz-offer{background:#1B3A2F;background-image:linear-gradient(168deg,#1B3A2F 0%,#12271F 100%);border-top:0;border-radius:18px;padding:40px 34px;margin:44px 0 0;color:#FAFAF8}
.gd-quiz-offer .gd-quiz-eyebrow{color:#C4A662;margin-bottom:14px}
.gd-quiz-offer__lede{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:300;font-size:22px;line-height:1.5;color:#FAFAF8;margin:0 0 28px;max-width:56ch}
.gd-quiz-offer__what{font-family:'Satoshi',sans-serif;font-size:16px;line-height:1.6;color:rgba(250,250,248,.85);margin:0 0 18px}
.gd-quiz-offer__list li{background:rgba(250,250,248,.05);border:1px solid rgba(250,250,248,.12)}
.gd-quiz-offer__list strong{color:#FAFAF8}
.gd-quiz-offer__list span{color:rgba(250,250,248,.72)}
.gd-quiz-offer__price{background:rgba(196,166,98,.16)}
.gd-quiz-offer__price strong{color:#C4A662}
.gd-quiz-offer__price span{color:rgba(250,250,248,.78)}
.gd-quiz-ff--dark{background:rgba(250,250,248,.05);border:1px solid rgba(250,250,248,.12);margin:0 0 22px}
.gd-quiz-ff--dark .gd-quiz-ff__label{color:rgba(250,250,248,.7)}
.gd-quiz-ff--dark .gd-quiz-ff__num{color:#C4A662}
.gd-quiz-offer .gd-quiz-trust li{color:rgba(250,250,248,.75)}
.gd-quiz-offer__ship{font-family:'Satoshi',sans-serif;font-size:13px;line-height:1.6;color:rgba(250,250,248,.6);margin:18px 0 0}
.gd-quiz-offer .gd-quiz-legal{color:rgba(250,250,248,.4);margin-bottom:0}
.gd-quiz-offer__img{border-radius:12px}
.gd-quiz-mailcard{background:#F4F3EF;border-radius:14px;padding:28px 26px;margin:26px 0 64px}
.gd-quiz-mailcard__title{font-family:'Satoshi',sans-serif;font-weight:700;font-size:20px;color:#1B3A2F;margin:0 0 6px}
.gd-quiz-mailcard__sub{font-family:'Satoshi',sans-serif;font-size:14px;line-height:1.6;color:#4A5450;margin:0 0 16px}
.gd-quiz-mailcard__form{display:grid;gap:12px}
.gd-quiz-skip--light{color:#8A918D;padding-left:0}
.gd-quiz-skip--light:hover{color:#1B3A2F}
.gd-quiz-legal{margin-bottom:0}
@media (min-width:900px){
	.gd-quiz-mailcard__form{grid-template-columns:1fr 1fr auto}
	.gd-quiz-voices{grid-template-columns:1fr 1fr;gap:14px}
	.gd-quiz-voices .gd-quiz-pullquote{margin:0}
	.gd-quiz-offer{padding:52px 46px}
}

/* ── Quiz nav row + micro-PDP gallery + offer CTAs (2026-08-12) ── */
.gd-quiz-nav{display:flex;gap:12px;margin-top:26px}
.gd-quiz-btn--back{background:transparent;border:1px solid #E4E1D9;color:#4A5450}
.gd-quiz-btn--back:hover{border-color:#C4A662;color:#1B3A2F;transform:translateY(-1px)}
.gd-quiz-nav__next{flex:1;text-align:center}
.gd-quiz-gal{position:relative;aspect-ratio:819/1024;border-radius:12px;overflow:hidden;background:rgba(250,250,248,.06)}
.gd-quiz-gal__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}
.gd-quiz-gal__img.is-on{opacity:1}
.gd-quiz-gal__dots{display:flex;justify-content:center;gap:8px;margin-top:12px}
.gd-quiz-gal__dot{width:8px;height:8px;border-radius:99px;border:0;padding:0;background:rgba(250,250,248,.25);cursor:pointer;transition:all .2s ease}
.gd-quiz-gal__dot.is-on{background:#C4A662;width:22px}
.gd-quiz-offer__receipt{font-family:'Satoshi',sans-serif;font-size:14px;line-height:1.6;color:rgba(250,250,248,.75);margin:0 0 22px}
.gd-quiz-offer__receipt s{color:rgba(250,250,248,.55);text-decoration-color:#C4A662}
.gd-quiz-ctas{display:grid;gap:12px;margin:0 0 14px}
.gd-quiz-ctas .gd-quiz-btn--gold{margin-top:0}
.gd-quiz-btn--ghost{background:transparent;border:1px solid rgba(250,250,248,.3);color:#FAFAF8;text-align:center}
.gd-quiz-btn--ghost:hover{border-color:#C4A662;color:#C4A662}
.gd-quiz-links{font-family:'Satoshi',sans-serif;font-size:14px;margin:0 0 20px;text-align:center}
.gd-quiz-links a{color:#C4A662;font-weight:700;text-decoration:none}
.gd-quiz-links a:hover{text-decoration:underline;text-underline-offset:3px}
.gd-quiz-links span{color:rgba(250,250,248,.4);padding:0 8px}
.gd-quiz-offer .gd-quiz-trust{display:grid;gap:8px}
@media (min-width:900px){
	.gd-quiz-ctas{grid-template-columns:1fr 1fr}
	.gd-quiz-offer .gd-quiz-trust{grid-template-columns:1fr 1fr}
	.gd-quiz-links{text-align:left}
}

/* ── Quiz: quote carousel + coverage balance (2026-08-12) ────── */
.gd-quiz-qgal{position:relative;min-height:230px}
.gd-quiz-qgal__item{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;pointer-events:none;margin:16px 0 0}
.gd-quiz-qgal__item.is-on{opacity:1;pointer-events:auto}
.gd-quiz-qgal__dots{justify-content:flex-start;margin-top:14px}
.gd-quiz-gal__dot--ink{background:rgba(27,58,47,.18)}
.gd-quiz-gal__dot--ink.is-on{background:#C4A662}
.gd-quiz-coverage{margin:44px 0 0}
.gd-quiz-coverage .gd-quiz-claims{margin:0 0 26px}
.gd-quiz-covers .gd-quiz-claim__sym{margin-bottom:6px}
@media (min-width:900px){
	.gd-quiz-coverage{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
	.gd-quiz-coverage .gd-quiz-claims{margin:0}
	.gd-quiz-coverage .gd-quiz-claims__card{height:100%;box-sizing:border-box}
	.gd-quiz-qgal{min-height:250px}
}
@media (max-width:599px){.gd-quiz-qgal{min-height:270px}}

/* ── Quiz: same-score testimonial card + coverage equalising ──── */
.gd-quiz-qcard{background:#1B3A2F;background-image:linear-gradient(165deg,#1B3A2F 0%,#152E25 100%);border-radius:14px;padding:24px 24px 18px;margin-top:16px;color:#FAFAF8;display:flex;flex-direction:column;flex:1}
.gd-quiz-qcard__tag{display:inline-block;align-self:flex-start;font-family:'Panchang','Satoshi',sans-serif;font-weight:700;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#1B3A2F;background:#C4A662;border-radius:99px;padding:5px 12px;margin:0 0 18px}
.gd-quiz-qcard__view{position:relative;flex:1;min-height:190px}
.gd-quiz-qcard__q{position:absolute;inset:0;display:flex;align-items:center;opacity:0;transition:opacity .45s ease;pointer-events:none;margin:0}
.gd-quiz-qcard__q.is-on{opacity:1;pointer-events:auto}
.gd-quiz-qcard__q p{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:300;font-size:21px;line-height:1.5;color:#FAFAF8;margin:0}
.gd-quiz-qcard__nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.gd-quiz-qcard__arrow{width:34px;height:34px;border-radius:99px;border:1px solid rgba(250,250,248,.3);background:none;color:#FAFAF8;font-size:20px;line-height:1;cursor:pointer;transition:all .15s ease}
.gd-quiz-qcard__arrow:hover{border-color:#C4A662;color:#C4A662}
.gd-quiz-qcard__dots{margin:0}
.gd-quiz-qcard__cite{font-family:'Panchang','Satoshi',sans-serif;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,250,248,.4);margin:14px 0 0;text-align:center}
/* The old inline qgal treatment is superseded. */
.gd-quiz-qgal{display:none}
/* Equalise the two coverage cards; pin the italic closer to the bottom. */
.gd-quiz-coverage .gd-quiz-claims{display:flex;flex-direction:column}
.gd-quiz-coverage .gd-quiz-claims__card{flex:1;display:flex;flex-direction:column}
.gd-quiz-coverage .gd-quiz-claims__card .gd-quiz-claims__more{margin-top:auto;padding-top:16px}
/* Let the quote card fill to the chart's height on desktop. */
@media (min-width:900px){
	.gd-quiz-grid2 .gd-quiz-peers{display:flex;flex-direction:column;height:100%}
	.gd-quiz-qcard__q p{font-size:23px}
}

/* ═══════════════════════════════════════════════════════════════════════
   Journal article body: lists, tables, takeaways, split card, sources
   (2026-08-18). Tailwind's preflight strips list markers and table
   borders, and no article before #11 used either, so the prose styles
   never covered them.
   ═══════════════════════════════════════════════════════════════════ */
.prose-journal ul{list-style:disc}
.prose-journal ol{list-style:decimal}
.prose-journal ul,.prose-journal ol{padding-left:26px}
.prose-journal li{padding-left:4px}
.prose-journal li::marker{color:#C4A662;font-weight:600}
.prose-journal ol li::marker{font-family:'Satoshi',sans-serif;font-size:15px}
.prose-journal li strong{color:#1A1A18;font-weight:600}

/* Key takeaways: the block answer engines lift, so it gets a box. */
.prose-journal .gd-takeaways{margin:28px 0 40px;padding:24px 26px 18px;background:#F4F3EF;border:1px solid #E3E1D8;border-radius:16px}
.prose-journal .gd-takeaways p{margin:0 0 12px;font-family:'Panchang',sans-serif;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#1B3A2F}
.prose-journal .gd-takeaways ul{margin:0;font-size:15.5px;line-height:1.7}
.prose-journal .gd-takeaways li{margin-bottom:10px;color:#3A3A38}
.prose-journal .gd-takeaways li:last-child{margin-bottom:0}

/* Tables: scroll wrapper on phones, quiet grid, small caps head. */
.prose-journal .table-scroll{margin:32px 0 40px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #E3E1D8;border-radius:14px;background:#FFFFFF}
.prose-journal table{width:100%;min-width:640px;border-collapse:collapse;table-layout:fixed;font-family:'Satoshi',sans-serif;font-size:13.5px;line-height:1.5;color:#3A3A38}
.prose-journal th:nth-child(1),.prose-journal td:nth-child(1){width:22%}
.prose-journal th:nth-child(2),.prose-journal td:nth-child(2){width:16%}
.prose-journal th:nth-child(3),.prose-journal td:nth-child(3){width:28%}
.prose-journal th:nth-child(4),.prose-journal td:nth-child(4){width:13%}
.prose-journal th:nth-child(5),.prose-journal td:nth-child(5){width:21%}
.prose-journal caption{caption-side:top;text-align:left;padding:16px 18px 12px;font-family:'Satoshi',sans-serif;font-size:13px;color:#595959;border-bottom:1px solid #E3E1D8;background:linear-gradient(to bottom,#F8F6F0,#FAFAF8)}
.prose-journal caption::before{content:'';display:inline-block;width:16px;height:2px;background:#C4A662;vertical-align:middle;margin-right:10px;border-radius:1px}
.prose-journal th{font-family:'Panchang',sans-serif;font-size:9px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:#1B3A2F;background:#F4F3EF;text-align:left;padding:12px 12px;border-bottom:1px solid #E3E1D8;vertical-align:bottom}
.prose-journal td{padding:11px 12px;border-bottom:1px solid #ECEAE3;vertical-align:top;overflow-wrap:break-word;hyphens:auto}
.prose-journal tbody tr:last-child td{border-bottom:0}
.prose-journal tbody tr:nth-child(even) td{background:#FCFBF8}
.prose-journal td:first-child{font-weight:600;color:#1A1A18}
@media (max-width:640px){
	.prose-journal .table-scroll{margin-left:-16px;margin-right:-16px;border-radius:0;border-left:0;border-right:0}
	.prose-journal table{font-size:13px}
	.prose-journal th,.prose-journal td{padding:10px 12px}
}

/* AM / PM split card: the article's own "day at a glance". */
.prose-journal .gd-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:36px 0 44px}
.prose-journal .gd-split__col{border-radius:16px;padding:22px 22px 20px;color:#FAFAF8}
.prose-journal .gd-split__col--am{background:linear-gradient(160deg,#C4A662 0%,#A98A45 100%)}
.prose-journal .gd-split__col--pm{background:linear-gradient(160deg,#1B3A2F 0%,#0D1A14 100%)}
.prose-journal .gd-split__tag{display:block;font-family:'Panchang',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;opacity:.85;margin-bottom:6px}
.prose-journal .gd-split__h{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:400;font-size:22px;line-height:1.2;margin:0 0 14px;color:#FAFAF8}
.prose-journal .gd-split ul{list-style:none;padding:0;margin:0;font-size:14.5px;line-height:1.55;color:rgba(250,250,248,.92)}
.prose-journal .gd-split li{position:relative;padding-left:16px;margin-bottom:7px}
.prose-journal .gd-split li::before{content:'';position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}
.prose-journal .gd-split li::marker{content:''}
.prose-journal .gd-split__why{margin:14px 0 0;padding-top:12px;border-top:1px solid rgba(250,250,248,.22);font-size:13px;line-height:1.55;color:rgba(250,250,248,.8)}
@media (max-width:640px){.prose-journal .gd-split{grid-template-columns:1fr}}

/* Sources list after the H2#sources: compact reference register. */
.prose-journal h2#sources{font-family:'Panchang',sans-serif;font-style:normal;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#595959;margin-top:56px;padding-top:32px;border-top:1px solid #E0DDD6}
.prose-journal h2#sources + ol{font-size:13px;line-height:1.7;color:#595959;padding-left:22px}
.prose-journal h2#sources + ol li{margin-bottom:8px;padding-left:2px}
.prose-journal h2#sources + ol li::marker{color:#9A9A94;font-weight:400;font-size:12px}
.prose-journal h2#sources + ol a{word-break:break-all}

/* Blockquote attribution (design system already styles cite; give it air). */
.prose-journal blockquote cite{margin-top:16px}

/* ═══════════════════════════════════════════════════════════════════════
   Aurora grounds for dark SECTIONS (2026-08-20). The site footer already
   carries this construction (gold radial washes over a vertical forest
   fade) and it reads as considered where the flat panels read as unfinished.
   This extends the same recipe to every section-scale dark surface.
   Interactive components (buttons, pills, badges, sticky bar, nav) stay
   flat on purpose: UI wants crisp fills, grounds want atmosphere.
   CSS-only: zero added page weight, and the gold washes are what keep the
   gradient from banding on large panels.
   ═══════════════════════════════════════════════════════════════════ */

/* Forest surfaces (were flat #1B3A2F): exact footer recipe. */
body .hp-receipt-cta,
body .ev2-callout__inner,
body .pdp-v2-cta,
body .supp-facts {
	background:
		radial-gradient(ellipse 80% 50% at 70% 0%, rgba(196, 166, 98, 0.08) 0%, transparent 60%),
		radial-gradient(ellipse 60% 40% at 20% 10%, rgba(196, 166, 98, 0.05) 0%, transparent 50%),
		linear-gradient(180deg, #1F4234 0%, #1B3A2F 35%, #152E24 100%);
}

/* Deep surfaces (were flat #0D1A14): the same language, one register darker. */
body .hp-ritual-bar,
body .about-hero,
body .about-pullquote,
body .about-marquee,
body .about-manufacturing,
body .about-cta,
body .sci-bioavail,
body .sci-honesty-quote,
body .sci-quality,
body .rpt-hero,
body .rpt-section--dark,
body .rpt-pull-quote,
body .depletion-section,
body .sleep-viz,
body .vb-section,
body .journal-newsletter,
body .inline-cta,
body .contact-hero,
body .error-hero {
	background:
		radial-gradient(ellipse 80% 50% at 70% 0%, rgba(196, 166, 98, 0.07) 0%, transparent 60%),
		radial-gradient(ellipse 60% 40% at 18% 8%, rgba(196, 166, 98, 0.04) 0%, transparent 50%),
		linear-gradient(180deg, #12251C 0%, #0D1A14 40%, #0A130E 100%);
}