.calculator-interest-help { align-self:end; margin:0; padding-bottom:8px; color:var(--muted); font-size:.75rem; line-height:1.4; }
/* Form and customer sheet remain separate; no internal rates in the result. */
.calculator-step { width:100%; max-width:900px; margin-inline:auto; }
.calculator-step-form { max-width:600px; }
.calculator-step .calculator-layout { display:flex; flex-direction:column; gap:0; }
.calculator-step .calculator-internal-details { display:block; margin:6px auto 0; }
.calculator-step .page-heading > button { min-height:44px; }
.calculator-step #calculator-result-title:focus { outline:none; }
.calculator-export-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.calculator-export-actions button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; margin:0; }
.calculator-export-actions svg { flex:none; }
.calculator-export-help { margin:10px 0 18px; color:var(--muted); font-size:.8125rem; line-height:1.5; }
.calculator-step-result .calculator-result { width:100%; border:1px solid #dce6ed; border-radius:18px; overflow:visible; }
.calculator-sheet-header { background:#086d82; color:#fff; border-radius:17px 17px 0 0; padding:24px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.calculator-sheet-brand { display:flex; align-items:center; gap:14px; min-width:0; }
.calculator-sheet-brand > svg { flex:none; box-sizing:content-box; padding:14px; width:26px; height:26px; background:#e7f6f8; color:#086d82; border-radius:14px; }
.calculator-sheet-brand strong { display:block; font-size:1.25rem; overflow-wrap:anywhere; }
.calculator-sheet-brand h2 { margin:4px 0 0; font-size:.875rem; font-weight:450; color:#def2f5; }
.calculator-sheet-amount { text-align:right; flex-shrink:0; font-variant-numeric:tabular-nums; }
.calculator-sheet-amount span { display:block; color:#def2f5; font-size:.6875rem; text-transform:uppercase; letter-spacing:.12em; }
.calculator-sheet-amount strong { display:block; margin-top:4px; font-size:1.6rem; }
.calculator-sheet-body { padding:12px 24px 18px; }
.calculator-sheet-brand-name { margin:0 0 10px; color:#587183; font-size:.8125rem; overflow-wrap:anywhere; }
.calculator-step-result .calculator-entry-note { padding:10px 12px; margin:0 0 12px; background:#eef8f7; color:#196a62; border-radius:8px; font-size:.8125rem; }
.calculator-tables { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
.calculator-table { width:100%; table-layout:fixed; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.calculator-table thead { background:#f2f6f9; }
.calculator-table th,.calculator-table td { padding:10px 14px; border-bottom:1px solid #dce6ed; font-size:.9375rem; line-height:1.4; overflow-wrap:anywhere; white-space:normal; }
.calculator-table thead th { color:#587183; font-size:.6875rem; text-transform:uppercase; letter-spacing:.06em; }
.calculator-table th:first-child { width:18%; text-align:left; }
.calculator-table th:not(:first-child),.calculator-table td { text-align:right; }
.calculator-table td { color:#587183; }
.calculator-table td strong,.calculator-table tbody th { color:#19344c; font-weight:650; }
.calculator-table tbody th { background:inherit; text-transform:none; letter-spacing:normal; }
.calculator-table tbody tr:nth-child(odd) { background:#f8fafc; }
.calculator-table tbody .calculator-table-debit { background:#edf8f7; }
.calculator-table .calculator-table-debit th { color:#13665f; }
.calculator-table .unavailable td strong { font-size:.8125rem; font-weight:450; color:#718394; }
.calculator-step-result .calculator-footnote { margin-top:16px; line-height:1.5; }
@media screen and (max-width:600px) {
 .calculator-export-actions { gap:8px; }
 .calculator-export-actions button { flex:1 1 auto; padding:9px 10px; font-size:.8125rem; }
 .calculator-export-help { margin-bottom:12px; }
 .calculator-sheet-header { padding:16px 12px; gap:10px; flex-wrap:wrap; }
 .calculator-sheet-brand { gap:8px; }
 .calculator-sheet-brand > svg { width:20px; height:20px; padding:9px; border-radius:10px; }
 .calculator-sheet-brand strong { font-size:1rem; }
 .calculator-sheet-brand h2 { font-size:.75rem; }
 .calculator-sheet-amount { margin-left:auto; }
 .calculator-sheet-amount strong { font-size:1.2rem; }
 .calculator-sheet-body { padding:10px 8px 14px; }
 .calculator-table th,.calculator-table td { padding:9px 6px; font-size:.8125rem; }
 .calculator-table thead th { font-size:.625rem; letter-spacing:.02em; }
 .calculator-table th:first-child { width:24%; }
 .calculator-table .unavailable td strong { font-size:.6875rem; }
}
/* Use the available width; tables keep their natural height instead of stretching rows. */
@media screen and (min-width:900px) {
 .main:has(.calculator-step-result) { min-width:0; }
 .main > .content:has(.calculator-step-result) { margin-block:0; padding:12px 24px 20px; }
 .calculator-step-result { max-width:1200px; }
 .calculator-page.calculator-step-result .page-heading { margin:0 0 6px; }
 .calculator-step-result .page-heading .eyebrow { display:none; }
 .calculator-step-result .page-heading h1 { font-size:1.5rem; }
 .calculator-step-result .calculator-export-help { margin:6px 0 10px; }
 .calculator-step-result .calculator-sheet-header { padding:8px 18px; }
 .calculator-step-result .calculator-sheet-brand > svg { padding:9px; width:22px; height:22px; border-radius:10px; }
 .calculator-step-result .calculator-sheet-brand strong { font-size:1.0625rem; }
 .calculator-step-result .calculator-sheet-brand h2 { margin-top:2px; font-size:.8125rem; }
 .calculator-step-result .calculator-sheet-amount strong { font-size:1.4rem; }
 .calculator-step-result .calculator-sheet-body { padding:8px 16px 10px; }
 .calculator-step-result .calculator-sheet-brand-name { margin-bottom:6px; }
 .calculator-step-result .calculator-entry-note { padding:6px 10px; margin-bottom:8px; }
 .calculator-step-result .calculator-tables { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; align-content:start; gap:20px; }
 .calculator-step-result .calculator-table th,.calculator-step-result .calculator-table td { padding:clamp(7px,1dvh,12px) 10px; font-size:.875rem; }
 .calculator-step-result .calculator-table thead th { font-size:.625rem; padding-block:6px; }
 .calculator-step-result .calculator-table th:first-child { width:20%; }
 .calculator-step-result .calculator-footnote { margin-top:8px; font-size:.75rem; }
}