/* Page-specific styles for minimum-wage-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). */

  /* ---------- minimum-wage-calculator (scoped) ---------- */

  /* Your pay against the minimum for your hours. Before the script sizes
     them, the bars show the defaults: £480.77 and £476.63. */
  .calc-shell #nmwBars { margin-top: 14px; }
  .calc-shell #nmwBars .hbar:first-child .hbar-fill { width: 100%; background: var(--growth); }
  .calc-shell #nmwBars .hbar:nth-child(2) .hbar-fill { width: 99.14%; background: var(--base); }

  /* The rates table picks out the row for the age chosen above. */
  .calc-shell .nmw-rates tr.is-yours th, .calc-shell .nmw-rates tr.is-yours td { background: var(--base-soft); font-weight: 700; }
  .calc-shell .nmw-rates td { white-space: nowrap; }