/* Styles specific to the Pension Projection Tier-2 calculator. Sits alongside calculator.css
   (shared baseline) + mortgage-overpayment.css (shared chart base: .calc-chart, gridlines, ticks,
   the .calc-chart-area-* / .calc-chart-swatch-* band family incl. money-in, .calc-input-suffix,
   .calc-sr-only). Loaded only on /uk/calculators/pension-projection.

   The card sub-heading ("How you could take it at retirement") and the Lump Sum Allowance cap note
   both reuse the shared card vocabulary (.calc-chart-caption and .calc-chart-footnote) already used
   by the chart card on this same page, so this file carries no bespoke text sizing. */

/* Unit suffixes on this page ("years", "% / year") are multi-word, unlike the single "%" glyph the
   shared .calc-input-suffix box (mortgage-overpayment.css, width:1rem) was sized for. Render the unit
   on one line at the same 1.5rem as the typed digits so it reads as part of the value, and reserve
   enough right padding that the value never sits under it. Scoped to this slug as a stopgap: the
   cross-calculator unit-chip uniformity pass will hoist a width-flexible suffix rule into the shared
   calculator.css (next to .calc-input-prefix), fold this override into it, and tighten the padding
   per field so the shorter "years" chip does not leave a loose gap. */
.calc-page[data-calc-slug="pension-projection"] .calc-input-suffix {
    width: auto;
    white-space: nowrap;
    font-size: 1.5rem;
}
.calc-page[data-calc-slug="pension-projection"] .calc-input-wrap input[type="number"] {
    padding-right: 6rem;
}