/* styles.css — usa base.css + ajustes */
.sep{border:none;border-top:1px solid #2a2f36;margin:12px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.grid .span2{grid-column:span 2}
@media (max-width:680px){.grid .span2{grid-column:auto}}
.muted{color:var(--muted);font-size:.9rem}
.hint{margin-top:6px}
.tight input[type=range]{width:100%}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.actions.center{justify-content:center}
.result-grid{display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:700px){.result-grid{grid-template-columns:repeat(3,1fr)}}
.metric{text-align:center;padding:12px;border:1px dashed #2a2f36;border-radius:12px}
.metric-title{font-size:.95rem;opacity:.85;margin-bottom:4px}
.metric-value{font-size:clamp(22px,5vw,32px);font-weight:800;line-height:1.1}
button.cta{background:var(--brand);color:#071018;border:none;font-weight:700;padding:10px 14px;border-radius:10px;cursor:pointer}
button.ghost{background:#0f1114;border:1px solid #2a2f36;color:inherit;padding:10px 14px;border-radius:10px;cursor:pointer}