/* compound-interest-calculator.css v2-r4 */

.ci-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.9rem}
@media(max-width:500px){.ci-grid{grid-template-columns:1fr}}
.ci-results{padding:1rem;border:1px solid rgba(37,99,235,.25);background:var(--accent-soft);margin-top:1rem}
.ci-main{font-size:2.2rem;font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:.3rem}
.ci-sub{font-size:.82rem;color:var(--text-muted)}
.ci-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.8rem}
.ci-item{padding:.55rem .7rem;border:1px solid var(--border);background:#fff}
.ci-item-lbl{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.2rem}
.ci-item-val{font-size:1rem;font-weight:600}