/* Page-specific styles for rental-income-tax-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 two-column layout is
   the shared .layout-split; the headline is the shared .result-tiles,
   the breakdown is table.tax-table, the doughnut is .split-wrap and the
   two comparisons (old rules, April 2027) are .result-compare tiles. */

  .calc-shell #roomMethod { margin-top: 2px; }

  /* The doughnut key as written in the page, before the script draws it
     (the script colours each dot itself). */
  .calc-shell .legend-dot.k-exp { background: var(--accent); }
  .calc-shell .legend-dot.k-int { background: var(--loan); }

  /* The comparison cards' explanation sits under the tiles. */
  .calc-shell .result-compare { margin: 14px 0 0; }