/* ============================================================
 * Utilities Bunker — 401(k) Calculator Styles (v2.1)
 * File: /assets/css/modules/calculators/financialcalculators/401k-calculator.v2.1.css
 * Purpose:
 *  - Tool-only styling: KPI tiles, work formatting, rail list skins
 *  - Mobile-first, accessible focus, 44x44 targets
 * Notes:
 *  - DO NOT edit ub-toolkit.v2.1.css
 * ============================================================ */
:root{
  --k401-radius: 16px;
  --k401-gap: 14px;
  --k401-soft: rgba(0,0,0,.06);
}
.ub-kpis{display:flex;flex-wrap:wrap;gap: 10px;}
.ub-kpi{min-width: 160px;padding: 10px 12px;border-radius: 14px;border: 1px solid var(--ub-border);background: var(--ub-card-bg);}
.ub-kpi .k{font-size: 11px;font-weight: 900;text-transform: uppercase;letter-spacing: .06em;color: var(--ub-muted);}
.ub-kpi .v{font-family: var(--ub-mono);font-weight: 950;font-size: 16px;margin-top: 4px;}
@media (max-width:520px){
.ub-kpi{ min-width: 140px; }
}
.ub-work{font-family: var(--ub-mono);font-size: 13px;line-height: 1.55;white-space: pre-wrap;overflow-wrap: anywhere;}
.ub-collapsible summary{cursor:pointer;font-weight: 950;min-height: 44px;display:flex;align-items:center;}
.ub-collapsible summary:focus{outline:none;box-shadow: 0 0 0 4px var(--ub-focus);border-radius: 12px;}
.ub-btn--block{ width:100%; }
.ub-related-list,.ub-common-list{margin: 0;padding-left: 18px;}
.ub-related-list li,.ub-common-list li{margin: 8px 0;}
.hint{margin-top: 6px;font-size: 12px;color: var(--ub-muted);}
.ub-inline-error{margin-top: 6px;font-size: 12px;color: var(--ub-danger);font-weight: 800;min-height: 16px;}
@media (max-width:480px){
.ub-card{ padding: 12px; }
}