.loan-mode-tabs {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.loan-mode-tab {
  border:1px solid var(--border);
  background:#fff;
  padding:12px 16px;
  border-radius:14px;
  font-weight:700;
  cursor:pointer;
}
.loan-mode-tab.active {
  background:linear-gradient(135deg,var(--primary),var(--accent));
  color:#fff;
  border:none;
}
.loan-mode-panel { display:none; }
.loan-mode-panel.active { display:block; }
.inline-grid-2 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.loan-result-chart {
  width:180px;
  height:180px;
  border-radius:50%;
  margin:0 auto 16px;
  background:conic-gradient(var(--primary) 0deg 260deg, var(--accent) 260deg 360deg);
}
.loan-result-caption {
  text-align:center;
  color:var(--muted);
  font-size:14px;
}
.loan-mini-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.loan-help-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.stacked-links a {
  display:inline-block;
  margin:0 14px 10px 0;
  color:var(--primary-dark);
  font-weight:700;
}
@media (max-width:860px) {
  .inline-grid-2, .loan-mini-grid, .loan-help-grid {
    grid-template-columns:1fr;
  }
}


.chart-key {
  display:flex;
  justify-content:center;
  gap:18px;
  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;
}
.chart-swatch-principal { background: var(--primary); }
.chart-swatch-interest { background: var(--accent); }