/* ========================================================================== ShopCardHub — site-wide override sheet. Loaded LAST in of every page (injected by tools/apply-site-fixes.mjs). Purpose: fix UX-audit findings without touching ~80 pages of inline CSS. Keep this file small and generic — nothing page-specific belongs here. ========================================================================== */ /* 1. Muted-text contrast. Every page defines --text-dim (and the set-index pages also --dim) as #5a7880, which is ~4.2:1 on #07090C — under WCAG AA for small text. #7a969e is ~6.3:1 on the same ground and keeps the same hue. */ :root { --text-dim:#7a969e; --dim:#7a969e; } /* 2. Reduced motion — one global block for the whole site. */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration:0.001ms !important; animation-iteration-count:1 !important; animation-delay:0ms !important; transition-duration:0.001ms !important; transition-delay:0ms !important; scroll-behavior:auto !important; } } /* 3. Horizontal-scroll wrapper for s that had no scroll container. tools/apply-site-fixes.mjs wraps such tables in

. When the page's own CSS put a vertical margin on the table, the script moves it to the wrapper (inline style + .tbl-scroll--mg) so margin collapsing with neighbours behaves as before. */ .tbl-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%; } .tbl-scroll--mg > table { margin-top:0; margin-bottom:0; } /* 4. Minimum legible text size on phones. The list below is every selector on the site whose inline CSS sets a font-size under 11px (tickers, chips, eyebrows, table headers, stat labels…). Each selector is prefixed with `body` (+1 type specificity) so it beats the original rule even when that rule lives in a