/* Common Layout (based on Education Goal Planner) */

/* same base styles for consistency */
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#f1f5f9;color:#0f172a}
.wrap{max-width:1100px;margin:28px auto;padding:0 16px}
h1{margin:0 0 10px;font-size:clamp(22px,3.2vw,36px)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:900px){.grid{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 8px 22px rgba(2,8,23,.06)}
.label{font-weight:600;margin:8px 0 6px}
.row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:4px 0 12px}
input[type=number],select{width:160px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;font-size:15px}
input[type=range]{width:100%}
.btn{border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer}
.btn.outline{background:#fff;color:#2563eb}
.kv{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border:1px dashed #e5e7eb;border-radius:12px;background:#f8fafc}
.kv.total{background:#fff3f3;border-color:#fecaca}
.num{font-variant-numeric:tabular-nums}
.small{font-size:12px;color:#64748b}