/* Page-specific styles for pension-inheritance-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 page uses the shared
   two-column layout (.layout-split): the form left, the results right. */

  /* ---------- pension-inheritance-tax-calculator (scoped) ---------- */

  /* The pension split three ways. Before the script sizes them, the bars
     show the defaults: £165,080 kept, £74,920 Income Tax, £60,000
     Inheritance Tax. */
  .calc-shell #pensionBars { margin-top: 14px; }
  .calc-shell #pensionBars .hbar:first-child .hbar-fill { width: 100%; }
  .calc-shell #pensionBars .hbar:nth-child(2) .hbar-fill { width: 45.38%; background: var(--accent); }
  .calc-shell #pensionBars .hbar:nth-child(3) .hbar-fill { width: 36.35%; background: var(--danger); }

  /* "They earn different amounts": the line above the per-person income
     boxes sits clear of them, like a hint under any other box. */
  .calc-shell #heirIncomeList > .hint { margin: 0 2px var(--field-gap); }

  /* One row per person, one after another, each with its own × (the same
     rows-and-add-button look as PAYE's salary sacrifices). The Add button
     sits clear of the field below it. */
  .calc-shell .person-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: var(--field-gap-across);
    align-items: start;
  }
  .calc-shell #heirAdd { margin-bottom: var(--field-gap); }