/* Contrast repairs after the 2026-08-26 warm -> indigo palette swap.
   Backgrounds were remapped mechanically and several foregrounds were left
   behind, including two crisis phone numbers and the primary CTA.
   Every ratio below was measured in the live page, not estimated.

   !important is used deliberately. The originals carry higher specificity
   (footer .stay-note a, #stay .stay .stay-note a, and similar), and this
   file exists for one purpose: to keep text legible. Matching each
   selector by hand would be fragile against the next design pass. */

/* Primary CTA. Background became indigo, text stayed dark ink. 2.87 -> 4.79 */
a.pill.pill-yellow, button.pill.pill-yellow,
a.pill.pill-yellow:hover, button.pill.pill-yellow:hover { color: #FFFFFF !important; }

/* Links on the dark bands. Indigo on near-black; two are crisis numbers.
   2.87 and 3.35 -> 8.94 and 10.46 */
div.stay a, footer a, footer .stay-note a, #stay .stay .stay-note a { color: #C9CEF9 !important; }

/* Small labels on pale tinted panels. Indigo at 12-13px falls under AA.
   4.15 / 4.33 / 3.12 -> 12:1+ */
.rail-q, .rail-btn .rail-q, .item-card .eyebrow, .sage-panel .eyebrow,
.item-card .kicker, .sage-panel .kicker { color: #171E45 !important; }

/* Fine print on the item card was the faintest text on the page. 4.38 -> 7.4 */
.item-card .fine, aside.item-card p.fine { color: #3F5560 !important; }

/* ---- utility bar restyle 2026-08-26: professional, not alarming ----------
   Was: 51px, everything bold 600 white, pipe separators, stranded toggle.
   Now: 34px strip; crisis info regular-weight with the numbers as quiet
   links; utility links muted and gaining white on hover; icon-only theme
   toggle. Hierarchy through weight and tone instead of volume. */
.util{background:#131A40}
.util .util-in{display:flex;align-items:center;justify-content:space-between;
  gap:16px;max-width:1240px;margin:0 auto;
  padding:8px 24px !important;min-height:34px;height:auto !important}
.util .crisis,.util .util-crisis{font-size:12.5px;font-weight:400;letter-spacing:.01em;
  color:rgba(255,255,255,.82)}
.util .crisis a,.util .util-crisis a{color:#FFFFFF;font-weight:600;text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.35)}
.util .crisis a:hover,.util .util-crisis a:hover{border-bottom-color:#FFFFFF}
.util .util-right{display:flex;align-items:center;gap:18px;white-space:nowrap}
.util .util-link{font-size:12.5px;font-weight:500;color:rgba(255,255,255,.62);
  text-decoration:none}
.util .util-link:hover{color:#FFFFFF}
.util .sep{display:none}
.util .themebtn{display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;padding:0;border:0;border-radius:50%;
  background:transparent;color:rgba(255,255,255,.62);cursor:pointer}
.util .themebtn:hover{background:rgba(255,255,255,.12);color:#FFFFFF}
.util .themebtn svg{width:15px !important;height:15px !important;
  min-width:15px;display:block}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (max-width:720px){
  .util .util-link{display:none}
  .util .util-in{padding:7px 18px;min-height:30px}
}