/* ══════════════════════════════════════════════════════════════════════════════════
   MESAscale · light theme · /results
   The --rs-* tokens re-pointed: ink type and hairlines on white, white cards with a hairline and a soft lift. Metadata grey is #5d5d64 (6.4:1 on
   white); body #3f3f46 (10:1); the scale pill's text #2a2a2e. The channel chip on the photographs stays frosted dark glass in both themes.
   ══════════════════════════════════════════════════════════════════════════════════ */
html[data-theme="light"] .rs { --rs-ink: #0e0e0e; --rs-body: #3f3f46; --rs-meta: #5d5d64; --rs-line: rgba(14, 14, 14, .12); --rs-card: #fff; --rs-card-edge: rgba(14, 14, 14, .1);
  --rs-tag: rgba(14, 14, 14, .045); --rs-tag-line: rgba(14, 14, 14, .09); --rs-tag-ink: #2a2a2e; --rs-bar-off: rgba(14, 14, 14, .18); --rs-media: #ececef; }
html[data-theme="light"] .rs .rs-btn { background: #0e0e0e; color: #fff; }
html[data-theme="light"] .rs-btn:hover { background: #2b2b2e; }
html[data-theme="light"] .rs-btn:active { background: #000; }
html[data-theme="light"] .rc { box-shadow: inset 0 0 0 1px var(--rs-card-edge), 0 18px 36px -30px rgba(14, 14, 14, .28); }
@media (hover: hover) { html[data-theme="light"] .rc:hover { box-shadow: inset 0 0 0 1px rgba(14, 14, 14, .18), 0 26px 50px -30px rgba(14, 14, 14, .32); } }