/* Pension Annuity calculator, per-slug stylesheet.
   The base line-chart classes (calc-chart-bg / -line / -gridlines / -legend / -swatch) and the shared
   .calc-sr-only hiding rule come from calculator.css + calculator-charts.css, which the page also links.
   This sheet styles the two income lines: a SOLID neutral "cash income" line (the nominal annuity income,
   using the same neutral solid line as Pension Drawdown and Compound Interest so the time-series pages read
   as one family), and a DASHED, faded "today's money" line (the SAME income adjusted for inflation, so it
   shares the nominal line's colour but is dashed and semi-transparent to read as a derived view), plus their
   legend swatches. */

.calc-page[data-calc-slug="pension-annuity"] .calc-chart-line {
    stroke: var(--chart-neutral-line);
}

.calc-page[data-calc-slug="pension-annuity"] .calc-chart-line-real {
    fill: none;
    stroke: var(--chart-neutral-line);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 5 4;
    opacity: 0.5;
}

.calc-page[data-calc-slug="pension-annuity"] .calc-chart-swatch-annuity-nominal {
    background: var(--chart-neutral-line);
}

.calc-page[data-calc-slug="pension-annuity"] .calc-chart-swatch-annuity-real {
    background: var(--chart-neutral-line);
    opacity: 0.5;
}

/* The assumptions panel: the numbers that MOVE the quote but are not user inputs (the provider's assumed
   investment return and margin, the mortality basis, the payment shape). It shares the full-width flex
   geometry of .calc-commentary / .calc-callout-* (so the page reads as one product) but is styled quieter,
   as "fine print" context rather than a headline: a softer border, a lighter tint, smaller text, and a
   two-column label/value grid. Defined here (page-specific sheet) so the Rule D linked-stylesheet guard is
   satisfied; only this page links pension-annuity.css. */
.calc-page[data-calc-slug="pension-annuity"] .calc-assumptions {
    flex: 1 1 100%;
    margin: 5px;
    padding: 0.85rem 1.2rem;
    background: floralwhite;
    border: 1px solid #d5dbe0;
    border-radius: 8px;
    color: #333;
}

.calc-page[data-calc-slug="pension-annuity"] .calc-assumptions-title {
    margin: 0 0 0.7rem 0;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    color: #555;
}

.calc-page[data-calc-slug="pension-annuity"] .calc-assumptions-list {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.4rem 1.4rem;
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.4;
}

/* The label cell holds the text plus the (i) tooltip button, aligned on one line. */
.calc-page[data-calc-slug="pension-annuity"] .calc-assumptions-list dt {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    color: #555;
}

.calc-page[data-calc-slug="pension-annuity"] .calc-assumptions-list dd {
    margin: 0;
    color: #333;
}

/* Stack label above value on narrow screens, where a long mortality-basis value would crush the label. */
@media (max-width: 520px) {
    .calc-page[data-calc-slug="pension-annuity"] .calc-assumptions-list {
        grid-template-columns: 1fr;
        gap: 0.15rem;
    }

    .calc-page[data-calc-slug="pension-annuity"] .calc-assumptions-list dd {
        margin: 0 0 0.5rem 0;
    }
}