/* palette.css's grouped secondary-text selector contains nested detail spans.
   Those type selectors raise every branch's specificity. Add a component scope
   so the numeric meaning wins over muted text in both palettes and the copied
   portrait table. Original Nitro span colors are deliberately untouched. */
:is(body, body:has(#theme-toggle-input:checked)) .compare-sheet .compare-delta.positive { color: var(--positive, #176442); }
:is(body, body:has(#theme-toggle-input:checked)) .compare-sheet .compare-delta.negative { color: var(--negative, #a52835); }
:is(body, body:has(#theme-toggle-input:checked)) .compare-sheet .compare-delta.neutral { color: var(--muted, #5e5e56); }
.comparison-advanced-delta { display:block; margin-top:5px; font-size:12px; line-height:1.5; font-variant-numeric:tabular-nums; }
@media (max-width:700px), (orientation:portrait) and (max-width:1100px) {
  .comparison-advanced-delta { font-size:11px; }
}