/* Page-specific styles for statutory-sick-pay-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). */

  /* ---------- statutory-sick-pay-calculator (scoped) ---------- */

  /* Normal pay, SSP, and the rules before April 2026. Before the script
     sizes them, the bars show the defaults: £673.08, £123.25 and £47.50. */
  .calc-shell #sspBars { margin-top: 14px; }
  .calc-shell #sspBars .hbar:first-child .hbar-fill { width: 100%; }
  .calc-shell #sspBars .hbar:nth-child(2) .hbar-fill { width: 18.31%; background: var(--accent); }
  .calc-shell #sspBars .hbar:nth-child(3) .hbar-fill { width: 7.06%; background: var(--base); }

  /* The working-out table: the step names can be long, so the figures
     keep to a narrow column of their own. */
  .calc-shell #howBody td { width: 6em; white-space: nowrap; }