/* Page-specific styles for budget-2026-calculator-app.html.
   Shared layout, colours and components live in brand-shared.css (the
   whole site) and calculator-shared.css (every calculator) — this file
   only holds what's unique to this calculator. The page uses the shared
   single-column layout (.layout-single). */

  /* ---------- budget-2026-calculator (scoped) ---------- */

  /* Change by change: the changes that reach the reader are picked out, a
     gain in green and more tax in red; the rest say why in quieter text. */
  .calc-shell #linesBody tr.is-yours th,
  .calc-shell #linesBody tr.is-yours td { background: var(--base-soft); }
  .calc-shell #linesBody td { white-space: nowrap; }
  .calc-shell #linesBody .b26-when { display: block; font-weight: 400; color: var(--ink-soft); font-size: var(--text-small); margin-top: 2px; }
  .calc-shell #linesBody td.b26-off { white-space: normal; color: var(--ink-soft); font-size: var(--text-small); }
  .calc-shell #linesBody td.b26-gain { color: var(--growth); font-weight: 700; }
  .calc-shell #linesBody td.b26-loss { color: var(--danger); font-weight: 700; }