.calculator-container {  font-family: Arial, sans-serif;  background: #fff;  padding: 2rem;  border-radius: 12px;  box-shadow: 0 2px 12px rgba(0,0,0,0.1);  max-width: 800px;  width: 100%;  margin: 0 auto;}.calculator-container h1 {  text-align: center;  color: #004080;  margin-bottom: 1rem;}.calculator-container .tabs {  display: flex;  justify-content: space-around;  margin-bottom: 1.5rem;}.calculator-container .tabs button {  flex: 1;  padding: 0.75rem;  background: #e6eef7;  border: none;  border-radius: 6px 6px 0 0;  cursor: pointer;  font-weight: bold;  transition: background 0.3s;}.calculator-container .tabs button[aria-selected="true"] {  background: #004080;  color: #fff;}.calculator-container form {  display: grid;  gap: 1rem;}.calculator-container label {  font-weight: bold;  color: #333;}.calculator-container input {  padding: 0.5rem;  border: 1px solid #ccc;  border-radius: 6px;  font-size: 1rem;}.calculator-container button[type="submit"] {  background: #004080;  color: #fff;  border: none;  padding: 0.75rem;  border-radius: 6px;  cursor: pointer;  transition: background 0.3s;}.calculator-container button[type="submit"]:hover {  background: #0066cc;}.calculator-container [role="status"] {  margin-top: 1rem;  text-align: center;  font-size: 1.2rem;  font-weight: bold;  color: #004080;}/* Amortization Table */.calculator-container table {  width: 100%;  border-collapse: collapse;  margin-top: 1rem;  font-size: 0.9rem;}.calculator-container th,.calculator-container td {  border: 1px solid #ddd;  padding: 0.5rem;  text-align: right;}.calculator-container th {  background: #004080;  color: #fff;  text-align: center;}.calculator-container tr:nth-child(even) {  background: #f2f6fa;}.disclosure{  margin-top: 1.5rem;  padding: 1rem 1.25rem;  border: 2px solid #002d62;  background: #f9f9f9;  font-size: 0.9rem;  line-height: 1.4;  color: #333;}.disclosure p{ margin: 0 0 .5rem 0; }.disclosure p:last-child{ margin-bottom: 0; }/* ======================================================   AMORTIZATION - DESKTOP TABLE + MOBILE CARD VIEW   ------------------------------------------------------   Desktop/tablet:   - show normal table   Mobile:   - show stacked card layout   ====================================================== *//* Desktop defaults */.amortization-table-wrap {  display: block;}.amortization-cards {  display: none;}/* Slightly improve numeric alignment in table/card values */.calculator-container td,.calculator-container th,.amort-row strong {  font-variant-numeric: tabular-nums;}/* Mobile card layout */.amort-card {  border: 1px solid #d9e2ec;  border-radius: 10px;  padding: 0.9rem 1rem;  margin-top: 0.9rem;  background: #f8fbff;  box-shadow: 0 1px 4px rgba(0,0,0,0.06);}.amort-card h3 {  margin: 0 0 0.75rem 0;  color: #004080;  font-size: 1rem;  border-bottom: 1px solid #d9e2ec;  padding-bottom: 0.4rem;}.amort-row {  display: flex;  justify-content: space-between;  align-items: baseline;  gap: 1rem;  padding: 0.28rem 0;  border-bottom: 1px solid #eef3f8;}.amort-row:last-child {  border-bottom: none;}.amort-row span {  color: #44546a;  font-size: 0.92rem;}.amort-row strong {  color: #111;  font-size: 0.94rem;  text-align: right;  white-space: nowrap;}/* Phone view: hide table, show cards */@media (max-width: 700px) {  .amortization-table-wrap {    display: none;  }  .amortization-cards {    display: block;    margin-top: 1rem;  }}