.monthly-finance {padding:0;overflow:hidden;margin-bottom:28px;background:#fff}
.monthly-finance-heading {
  margin:0;padding:22px 26px;background:#483477;color:#fff;font-size:21px;
  font-weight:700;line-height:1.45;letter-spacing:1px;text-transform:uppercase;
}
.monthly-finance-content {padding:24px 26px}
.monthly-finance-period {display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin:0 0 26px}
.monthly-finance-period label {display:flex;flex-direction:row;align-items:center;gap:14px;margin:0;font-size:18px;color:#283244}
.monthly-finance-period input {width:220px;margin:0;min-height:48px;background:#f7f9fc;font-size:17px}
.monthly-finance-period button {min-height:48px;background:#ece8f6;border-color:#c6bbdf;color:#3f2e68}
.monthly-finance-table {width:100%;border-collapse:collapse;font-size:17px;table-layout:auto}
.monthly-finance-table th,.monthly-finance-table td {padding:20px 22px;border:1px solid #ccd1db;vertical-align:middle}
.monthly-finance-table thead th {background:#eeeaf5;color:#302849;font-size:18px;font-weight:700;min-width:180px;white-space:nowrap;text-transform:none}
.monthly-finance-table thead th:first-child {background:#f5f3f8;min-width:340px}
.monthly-finance-table tbody th {font-weight:400;text-align:left;background:#fafbfc;color:#263348}
.monthly-finance-table tbody td {color:#263348;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}
.monthly-finance-table .finance-total th,.monthly-finance-table .finance-total td {font-weight:700}
.monthly-finance-table .finance-detail th {padding-left:42px}
.monthly-finance-table .finance-total:nth-child(2) th,.monthly-finance-table .finance-total:nth-child(2) td {background:#f2f5fa}
.finance-unavailable {font-size:14px;color:#616779}
.finance-explanation {margin-top:16px;line-height:1.65}
.finance-method {font-size:14px;line-height:1.65}
.finance-method summary {cursor:pointer;color:#493979}
.finance-warning {padding:12px;background:#fff3da;color:#61440a;line-height:1.6}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px) {
  .monthly-finance-heading {padding:18px;font-size:17px;letter-spacing:.5px}
  .monthly-finance-content {padding:18px}
  .monthly-finance-period {gap:14px}
  .monthly-finance-period label {width:100%}
  .monthly-finance-period input {flex:1;min-width:0;width:auto}
  .monthly-finance-period button {width:100%}
  .monthly-finance-table th,.monthly-finance-table td {padding:15px;font-size:15px}
  .monthly-finance-table thead th:first-child {min-width:260px}
}