.emi-page{margin:18px 0 40px}
.emi-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch;margin-bottom:20px}
.emi-intro{background:var(--card);border-radius:18px;padding:22px 22px 18px;border:1px solid #EFEBE3;box-shadow:var(--shadow)}
.emi-intro h1{margin:8px 0 10px;font-size:clamp(1.5rem,3vw,2.1rem);color:var(--ink)}
.emi-board{background:var(--card);border-radius:18px;padding:18px;border:1px solid #EFEBE3;box-shadow:var(--shadow)}
.emi-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.emi-field{margin:0 0 14px}
.emi-field label{display:flex;justify-content:space-between;font-weight:700;font-size:.88rem;margin-bottom:6px}
.emi-field input[type=number],.emi-field input[type=text]{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:16px}
.emi-field input[type=range]{width:100%;accent-color:var(--secondary)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chips button{border:1px solid var(--line);background:#F8F6F0;border-radius:999px;padding:6px 10px;font:inherit;font-weight:650;cursor:pointer}
.chips button.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.emi-results{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.emi-kpi{background:#F6F9F8;border-radius:14px;padding:14px}
.emi-kpi span{display:block;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.emi-kpi b{display:block;font-size:1.25rem;color:var(--ink);margin-top:4px}
.emi-kpi.main{grid-column:1/-1;background:linear-gradient(120deg,var(--primary),#0F8A78);color:#fff}
.emi-kpi.main span,.emi-kpi.main b{color:#fff}
.emi-kpi.main b{font-size:1.8rem}
.emi-chart{max-width:220px;margin:12px auto 0}
.emi-note{font-size:.85rem;color:var(--muted);margin-top:10px}
.emi-table-wrap{overflow:auto;margin-top:16px;border:1px solid var(--line);border-radius:12px}
.emi-table{width:100%;border-collapse:collapse;font-size:.88rem}
.emi-table th,.emi-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.emi-table th:first-child,.emi-table td:first-child{text-align:left}
.emi-table th{background:#F7F4EC}
@media(max-width:900px){
  .emi-hero,.emi-grid{grid-template-columns:1fr}
  .emi-results{grid-template-columns:1fr}
}
