/*
    CLIENT BRAND TOKENS - Anchor Chiropractic demo skin: deep indigo, warm sand and bone,
    soft coral accent (deepened to hold WCAG AA on the light grounds). Newsreader (display)
    + Work Sans (text). Only the skin lives here; structure and components come from base.css.
  */
  :root{
    --brand:#3f4479; --brand-deep:#262a52; --brand-soft:#e9e7f1;
    --accent:#b3442a; --accent-deep:#96371f; --accent-soft:#f4e3da;
    --paper:#fdfbf7; --paper-2:#f4eee1; --ink:#23253a; --muted:#5b5d71; --line:#e3dbc9;
    --font-display:"Newsreader",Georgia,"Times New Roman",serif;
    --font-text:"Work Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    --wt-head:500; --wt-h1:500; --radius:14px; --radius-sm:8px;
  }
  /*
    SKIN-LEVEL ADDITION: the two ruled price figures ($95 / $55). base.css carries a single
    trade "from" price (.cost-grid), not this side-by-side clinic pair, so this small block
    lives in the skin. Type is the design; no boxes.
  */
  .price-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-6);max-width:36em}
  .price-card{border-top:2px solid var(--brand-deep);padding-top:var(--space-4)}
  .price-card .amt{font-family:var(--font-display);font-size:var(--step-4);font-weight:var(--wt-head);color:var(--brand-deep);line-height:1}
  .price-card .what{font-size:var(--step--1);color:var(--muted);margin-top:var(--space-2);max-width:16em}
  @media(max-width:640px){.price-cards{grid-template-columns:1fr;gap:var(--space-5)}}