/* Savings calculator page. Uses the tokens in site.css. */
.sv-stats{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px;margin:40px 0 0;padding:0}
@media (min-width:900px){.sv-stats{grid-template-columns:repeat(4,1fr)}}
.sv-stats li{border-top:2px solid var(--signal);padding-top:12px}
.sv-stats strong{display:block;font-size:clamp(1.4rem,3vw,2rem);font-stretch:112%;color:#fff;letter-spacing:-.02em;line-height:1.1}
.sv-stats span{display:block;color:var(--muted-dark);font-size:.95rem;margin-top:4px}
.sv-layout{display:grid;gap:24px;align-items:start}
@media (min-width:960px){.sv-layout{grid-template-columns:1.15fr .85fr}.sv-result{position:sticky;top:96px}}
.sv-form{display:grid;gap:20px}
.sv-step{margin:0;min-width:0;display:grid;gap:14px}
.sv-step legend{font-weight:650;font-stretch:108%;font-size:1.2rem;padding:0 8px;margin-left:-8px;display:flex;align-items:center;gap:10px}
.sv-n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--hull);color:#fff;font-size:.95rem}
.sv-step label{display:grid;gap:6px;font-weight:600;font-size:.95rem}
.sv-row{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.sv-row[hidden]{display:none}
.sv-step input[type=number],.sv-step select{font:inherit;font-weight:500;min-height:48px;padding:10px 12px;border:1px solid #8793A0;border-radius:var(--r-s);background:#fff;color:var(--text);width:100%}
.sv-step input[type=range]{width:100%;min-height:32px;accent-color:var(--hull)}
.sv-hint{margin:0;font-size:.9rem;color:var(--steel)}
.sv-result{background:var(--hull);color:var(--on-dark);border-color:var(--hull)}
.sv-result .eyebrow{color:var(--muted-dark);margin:0 0 6px}
.sv-big{font-size:clamp(2.2rem,6vw,3.4rem);font-weight:700;font-stretch:115%;letter-spacing:-.03em;line-height:1.05;color:var(--signal);margin:0 0 6px;overflow-wrap:anywhere}
.sv-big.is-neg{color:#FF9C96}
.sv-sub{color:#C4D2DC;margin:0 0 18px}
.sv-lines{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:14px}
.sv-lines li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:baseline}
.sv-lines small{display:block;color:var(--muted-dark);font-size:.82rem}
.sv-lines strong{color:#fff;font-stretch:108%}
.sv-bar{grid-column:1/-1;display:block;height:6px;border-radius:3px;background:var(--line-dark);position:relative;overflow:hidden}
.sv-bar::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w,0%);background:var(--signal);border-radius:3px;transition:width .3s}
.sv-bar.is-neg::after{background:#FF9C96}
.sv-cost{font-size:.92rem;color:#C4D2DC;border-top:1px solid var(--line-dark);padding-top:14px;margin:0 0 18px}
.sv-result .btn{width:100%}
.sv-fine{font-size:.82rem;color:var(--muted-dark);margin:14px 0 0}
@media (prefers-reduced-motion:reduce){.sv-bar::after{transition:none}}