/* silverbythepound.com — site-specific additions over style-navygold.css.
   Tokens and components come from the Navy/Gold theme. */

/* ---------------------------------------------------------------------------
   SILVER ACCENTS (user request 2026-09-24). The Navy/Gold theme routes every
   accent through the --gold* tokens, so re-pointing them turns the site silver
   without forking the theme or touching goldbullionpricechart. The token NAMES
   stay "gold"; the values are silver. Contrast computed (WCAG), not eyeballed:
     silver #C4CCD6 on navy #1A2B45        8.78  (eyebrows, logo, footer heads)
     navy-dk #111D2E on silver #C4CCD6    10.46  (buttons, announcement bar)
     slate  #4A5A6D on white / #F4F7FA    7.06 / 6.57 (small accent text on light)
     slate  #6B7C90 on white               4.28  (chart line, check marks: graphics, 3:1)
   Light silver on white is 1.62:1, so it is never used as text on light panels,
   and silver buttons carry a darker edge so they hold their shape on white cards. */
:root{
  --gold:#C4CCD6; --gold-light:#E3E8EE; --gold-dark:#6B7C90; --gold-ink:#4A5A6D;
  --pc-line:#6B7C90; --pc-fill:rgba(107,124,144,.14);
}
.btn--gold{background:linear-gradient(180deg,#E3E8EE 0%,#C4CCD6 55%,#B3BCC8 100%);
  color:var(--navy-dark);border:1px solid #8E9AA8}
.btn--gold:hover{background:linear-gradient(180deg,#EEF2F6 0%,#D3D9E0 100%);color:var(--navy-dark)}
.btn--ghost:hover{background:rgba(196,204,214,.14)}
.announce{background:linear-gradient(180deg,#D3D9E0,#C4CCD6)}
.disclosure-banner{background:#F2F5F8;border-color:#AEB8C4}
/* Light-silver rules vanish on white; accent rules on light panels use the slate. */
.faq-card,.toc,blockquote{border-left-color:var(--gold-dark)}
.byline{border-left-color:var(--gold-dark)}
.pt-rec{border-top-color:var(--gold-dark)}

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

/* Pound cards on the homepage: the label is a sentence ("1 lb of 90% junk silver"). */
.cards .card__label{line-height:1.35}

/* Augusta fact block on the pillar sits in an article panel. */
.panel--article .pt-rec{margin:1.2em 0 1.6em}

/* Hero card on guide pages: secondary figure line under the main price. */
.pc-hero .pc-change{margin:.2em 0 .4em}

/* The Augusta fact grid has two short facts then two wide ones; auto-fit left an
   empty grey third cell beside "Minimum". Two columns on wider screens. */
@media (min-width:640px){.panel--article .pt-rec .review-facts{grid-template-columns:repeat(2,1fr)}}

/* "Where to Buy Silver by the Pound" — directly below the hero chart (user request
   2026-09-24). A white card on the navy hero, like the price card, with an accent top rule. */
.where-buy{max-width:820px;margin:28px auto 0;background:#fff;border-radius:var(--radius-lg,16px);
  border-top:4px solid var(--gold-dark);padding:26px 28px;text-align:center;box-shadow:var(--shadow)}
.where-buy .partner__eyebrow{color:var(--gold-ink)}
.where-buy h2{margin:.2em 0 .5em;color:var(--navy)}
.where-buy__body,.where-buy__fit{color:var(--ink,#3A4E65);max-width:62ch;margin:0 auto .9em;text-align:left}
.where-buy__facts{list-style:none;padding:0;margin:0 0 1em;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.where-buy__facts li{background:#F4F7FA;border:1px solid #E2E8F0;border-radius:999px;padding:6px 14px;
  font-size:.88rem;font-weight:600;color:var(--navy)}
.where-buy .cta-row{justify-content:center;margin-top:6px}
.steps-buy{justify-content:center;margin-top:26px}
@media (max-width:600px){.where-buy{padding:22px 18px}}