/* Styles for Blended Rate Calculator */
.memblend-wrap{--bg:#ffffff;--text:#111827;--muted:#6b7280;--brand:#0ea5e9;--ring:#93c5fd;--card:#f3f4f6;--border:#e5e7eb}
.memblend-wrap{background:var(--bg);color:var(--text);max-width:980px;margin:auto;border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 10px 18px rgba(0,0,0,.05)}
.memblend-help{color:var(--muted);margin:0 0 12px}
.memblend-grid{display:grid;grid-template-columns:1fr;gap:12px}
.memblend-loans{border:1px solid var(--border);border-radius:14px;overflow:hidden}
.memblend-loanhead,.memblend-row{display:grid;grid-template-columns:110px 1fr 1fr 1fr;gap:10px;align-items:center;padding:10px}
.memblend-loanhead{background:var(--card);font-weight:800}
.memblend-row{border-top:1px solid var(--border)}
.memblend-label{font-weight:700}
.memblend-row input{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px;font-size:16px}
.memblend-row input:focus{outline:none;box-shadow:0 0 0 4px var(--ring)}
.memblend-actions{display:flex;gap:10px;margin-top:4px}
.memblend-btn{background:var(--brand);border:none;color:#fff;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:700}
.memblend-btn.memblend-ghost{background:#e5e7eb;color:#111827}
.memblend-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.memblend-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px}
.memblend-kpi{font-size:24px;font-weight:800;margin-top:4px}
.memblend-kpi-label{color:var(--muted);font-size:14px}
.memblend-kpi-sub{color:var(--muted);font-size:12px;margin-top:4px}
.memblend-details{margin-top:12px}
.memblend-table-wrap{max-height:360px;overflow:auto;border:1px solid var(--border);border-radius:12px}
.memblend-table{width:100%;border-collapse:separate;border-spacing:0}
.memblend-table th,.memblend-table td{padding:10px;border-bottom:1px solid var(--border);text-align:right;font-variant-numeric:tabular-nums}
.memblend-table th:first-child,.memblend-table td:first-child{text-align:left}
.memblend-disclaimer{color:var(--muted);font-size:12px;margin-top:12px}
@media (max-width:900px){
  .memblend-loanhead,.memblend-row{grid-template-columns:1fr}
  .memblend-cards{grid-template-columns:1fr}
}