/* goldvaluechart.com — "Dark Gold" skin and site components, loaded after
   style-navygold.css. The theme is token-driven, so the skin is a set of token
   overrides: its variable NAMES are kept (--navy is now a warm near-black) and no
   component rule is forked. Every text/background pair was computed with the WCAG
   formula at Gate 3 (03-structure.md §3) and is re-checked by verify_site.py.

     white on #221A0E 17.18 · white on #15100A 18.91 · gold #C9A84C on #221A0E 7.52
     sand #CDBE9A on #221A0E 9.35 / on #15100A 10.29 / on #33270F 7.95
     ink-soft #4A4032 on white 10.14 / on cream #FAF6EC 9.40
     gold-ink #7A5A1E on white 6.35 / on cream 5.88
   Gold #C9A84C is never text on white or cream (2.29:1); --gold-ink is.            */
:root{
  --navy:#221A0E; --navy-dark:#15100A; --navy-light:#33270F;
  --steel:#CDBE9A; --steel-light:#E2D6B8;
  --ink:#221A0E; --ink-soft:#4A4032;
  --line:#E6DDC8; --bg-alt:#FAF6EC;
  --brand:#221A0E; --teal:#221A0E;
  --shadow:0 4px 24px rgba(34,26,14,.14);
  --pc-grid:#EDE6D6; --pt-accent:#221A0E;
}

/* The premium and budget calculators show three results; keep them in one tidy column. */
.pt-calc .pt-result + .pt-result{margin-top:8px}

/* Hero: price card, green button row, chart, then the Augusta box. */
.hero-buy{gap:12px;flex-wrap:wrap;margin-top:4px}
.hero .hero-chart{margin-top:18px}
.pc-hero .pc-change{margin:.2em 0 .4em}
.pt-rec__eyebrow{color:var(--gold-ink)}
.cta-row--center{justify-content:center}

/* ---------------------------------------------------------------------------
   The Augusta highlight box: directly under the homepage price chart. A white card
   with a gold top rule on the dark hero panel; every colour set here, so nothing
   inherits the hero's white text (ink on white 17.18:1). */
.augusta-box{max-width:880px;margin:26px auto 4px;background:#fff;color:var(--ink);border-radius:var(--radius-lg);
  border-top:4px solid var(--gold);padding:26px 30px 22px;text-align:center;box-shadow:var(--shadow)}
.augusta-box .partner__eyebrow{color:var(--gold-ink);font-weight:700;letter-spacing:.14em;font-size:.78rem;
  text-transform:uppercase;margin:0}
.augusta-box h2{margin:.25em 0 .1em;color:var(--ink)}
.augusta-box__name{font-family:var(--font-head);font-weight:800;font-size:1.15rem;color:var(--gold-ink);margin:0 0 .6em}
.augusta-box__body{color:var(--ink-soft);max-width:66ch;margin:0 auto 1em;text-align:left}
.augusta-box__facts{list-style:none;padding:0;margin:0 0 1em;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.augusta-box__facts li{background:#FFF8E8;border:1px solid #EAD9A6;border-radius:999px;padding:6px 14px;
  font-size:.88rem;font-weight:600;color:var(--ink)}
.augusta-box .cta-row{justify-content:center;margin:6px 0 4px}
.augusta-box__disclosure{font-size:.8rem;color:var(--ink-soft);margin:.7em 0 0}
.augusta-box__disclosure a{color:var(--gold-ink)}
@media (max-width:600px){.augusta-box{padding:22px 16px 18px}}

/* Value-by-karat panel under the trust strip. */
.panel--karat .karat__intro{max-width:70ch}
.panel--karat .cta-row{margin-top:18px}

/* Full-width call-to-action band inside body sections: dark gold frame, green button. */
.cta-band{background:var(--navy);color:#fff;border-radius:var(--radius-lg);border-top:4px solid var(--gold);
  padding:26px 28px;margin:1.8em 0;text-align:center}
.cta-band__title{font-family:var(--font-head);font-weight:800;font-size:1.35rem;color:#fff;margin:0 0 .3em;line-height:1.25}
.cta-band__text{color:var(--steel);max-width:60ch;margin:0 auto 1em}
.cta-band .cta-row{justify-content:center;margin:0}

/* ---------------------------------------------------------------------------
   Affiliate (Augusta) buttons are GREEN (the owner's standing choice on the gold
   builds). They all carry .affiliate-cta; site navigation buttons don't, and stay gold.
     white text on #15803D 5.02:1 · on hover #166534 7.13:1
     #34C26A edge so the button keeps its shape on dark panels.
   The label is short but may wrap on phones. */
.btn.affiliate-cta,.btn--gold.affiliate-cta{background:#15803D;color:#fff;border:1px solid #34C26A;
  letter-spacing:.05em;font-weight:800;text-transform:uppercase;white-space:normal;text-align:center;line-height:1.25}
.btn.affiliate-cta:hover,.btn--gold.affiliate-cta:hover,.btn.affiliate-cta:focus-visible{background:#166534;color:#fff}
.hero-buy .affiliate-cta{min-width:0}


/* ---------------------------------------------------------------------------
   Exit popup. */
.exit-popup__card{text-align:center;max-width:460px}
.exit-popup__stamp{font-size:.78rem;color:var(--ink-soft);margin:-.4em 0 .9em}
.exit-popup__eyebrow{font-family:var(--font-body);font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-ink);font-size:.8rem;margin:0 0 .2em}
.exit-popup__card h2{font-size:clamp(1.4rem,4.5vw,1.9rem);line-height:1.2;margin:.1em 0 .5em}
.exit-popup__card h2 .accent{color:var(--gold-ink)}
.exit-popup__body p{margin:0 0 .9em}
.exit-popup__cta{display:flex;justify-content:center;width:100%}
/* The shared backdrop is navy-tinted; match the warm frame. */
.exit-popup__backdrop{background:rgba(21,16,10,.74)}