#retirement-budget-tool fieldset{border:1px solid #8eaa9b;margin:24px 0;padding:16px}
#retirement-budget-tool legend{font-weight:bold}#retirement-budget-tool .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#retirement-budget-tool label{display:block}#retirement-budget-tool input{display:block;width:100%;box-sizing:border-box;font:inherit;padding:8px}
#retirement-budget-tool button{font:inherit;padding:10px 14px;margin:6px 4px;border:1px solid #315f49;border-radius:4px;background:#315f49;color:white;max-width:100%;white-space:normal}
#retirement-budget-tool small{display:block}#retirement-budget-tool #error{color:#98231b}#retirement-budget-tool #result{border-left:4px solid #315f49;padding:16px}
#retirement-budget-tool .table-scroll{overflow-x:auto}#retirement-budget-tool #comparison td,#retirement-budget-tool #annual td{white-space:nowrap}#retirement-budget-tool dt{font-weight:bold}#retirement-budget-tool dd{margin:0 0 14px}
#retirement-budget-tool :focus-visible{outline:3px solid #ad6423;outline-offset:3px}
@media(max-width:560px){#retirement-budget-tool .fields{grid-template-columns:1fr}#retirement-budget-tool fieldset{padding:10px}#retirement-budget-tool #result{padding:10px}}
/* Local candidate only. No text, calculation, image or site changes. */
#retirement-budget-tool #annual th {
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
}

/* Frozen revision3: bridge heading, explanatory paragraph, then this table. */
#budget-bridge + p + .wp-block-table th,
#budget-bridge + p + .wp-block-table td {
  word-break: normal;
  overflow-wrap: normal;
}

@media (max-width: 560px) {
  #retirement-budget-tool #result details th,
  #retirement-budget-tool #result details td {
    padding-inline: 6px;
  }
}

/* Local markup companion: real helper text referenced by aria-describedby. */
#retirement-budget-tool .retirement-table-scroll-hint {
  display: block;
  margin-block: 0 8px;
  font-size: 0.875em;
  line-height: 1.6;
  white-space: normal;
}
