/* Savings page only; no shared, Month Work, or Monthly Plan styles are changed. */
#savings .savings-account-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;max-width:100%}
#savings .savings-account-button{max-width:100%;min-width:120px;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
#savings .savings-account-button.active{background:var(--navy);border-color:var(--navy);color:#fff}
#savings .savings-account-button:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
#savings .savings-account-details{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
#savings .savings-account-details>div{min-width:0;max-width:100%;overflow-wrap:anywhere}
#savings .savings-account-details h2{margin:4px 0 7px}
#savings .savings-detail-label{display:block;font-size:var(--ops-fs-label);color:var(--muted)}
#savings .savings-bank-link strong{display:block;margin:5px 0}
#savings .savings-bank-link small{display:block;color:var(--muted);font-size:var(--ops-fs-meta)}
#savings .savings-operations{margin:0 0 14px;gap:8px}
#savings #savingsLedgerStats{grid-template-columns:repeat(4,minmax(0,1fr))}
#savings .savings-ledger td:nth-child(3),#savings .savings-ledger td:nth-child(4),#savings .savings-ledger td:nth-child(5){direction:ltr;unicode-bidi:isolate;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:720px){
 #savings .savings-account-button{flex:1 1 140px;min-width:0}
 #savings .savings-account-details{align-items:flex-start;gap:12px}
 #savings .savings-account-details>div{width:100%}
 #savings .savings-operations button{flex:1 1 140px;min-width:0;white-space:normal}
 #savings #savingsLedgerStats{grid-template-columns:repeat(2,minmax(0,1fr))}
}