.mortgage-grid-2 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.mortgage-chart {
  width:180px;
  height:180px;
  border-radius:50%;
  margin:0 auto 10px;
  background:conic-gradient(var(--primary) 0deg 250deg, var(--accent) 250deg 360deg);
}
.chart-key {
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
  margin:6px 0 14px;
}
.chart-key-item {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  color:var(--muted);
}
.chart-swatch {
  width:14px;
  height:14px;
  border-radius:999px;
  display:inline-block;
}
.swatch-principal { background: var(--primary); }
.swatch-interest { background: var(--accent); }
.swatch-tax { background: #3cb371; }
.swatch-insurance { background: #ff9800; }
.swatch-other { background: #7e57c2; }

.mortgage-mini-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.mortgage-summary-table {
  width:100%;
  border-collapse:collapse;
  border:1px solid var(--border);
  border-radius:16px;
  overflow:hidden;
}
.mortgage-summary-table th,
.mortgage-summary-table td {
  padding:12px 14px;
  border-bottom:1px solid var(--border);
  text-align:left;
  font-size:14px;
}
.mortgage-summary-table th {
  background:#f7fbff;
  color:var(--primary-dark);
}
.more-options-box {
  margin-top:16px;
}
.more-options-toggle {
  background:#f7fbff;
  border:1px solid var(--border);
  border-radius:14px;
  padding:12px 14px;
  font-weight:700;
  cursor:pointer;
  width:100%;
  text-align:left;
}
.more-options-panel {
  display:none;
  margin-top:14px;
}
.more-options-panel.active {
  display:block;
}
.additional-payments-grid {
  display:grid;
  gap:12px;
}
.additional-payment-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
@media (max-width:860px) {
  .mortgage-grid-2,
  .mortgage-mini-grid,
  .additional-payment-row {
    grid-template-columns:1fr;
  }
}