.cost-views .cost-view-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:14px auto 0}
.cost-view-controls button,.cost-view-play{font:inherit;font-size:11px;padding:7px 12px;border-radius:20px;background:var(--bg);color:var(--muted);border:1px solid var(--line)}
.cost-view-controls button[aria-pressed=true]{color:var(--accent);background:var(--tint);border-color:var(--accent)}
.cost-view-caption{font-size:12px;color:var(--muted);margin:22px 0 10px}
.cost-view-values{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:620px;margin:0 auto}
.cost-view-values>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.cost-view-values strong{font-size:clamp(27px,4vw,46px);line-height:1.15;letter-spacing:-.04em;color:var(--accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cost-view-values span,.cost-view-note{font-size:11px;line-height:1.5;color:var(--muted)}
.cost-view-note{max-width:590px;margin:18px auto 12px;min-height:34px}
.cost-view-assumptions{max-width:590px;margin:12px auto;text-align:left;font-size:11px;color:var(--muted)}
.cost-view-assumptions summary{text-align:center;cursor:pointer;color:var(--accent)}
.cost-view-assumptions p{margin:12px 0}.cost-view-assumptions>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cost-view-assumptions label{display:flex;flex-direction:column;gap:5px}.cost-view-assumptions input{width:100%;min-width:0;padding:7px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}
.cost-views .cost-view-play{display:block;margin:14px auto;background:none;border:0}
.cost-views>a{margin-top:16px!important}
@media(max-width:480px){.cost-views{padding:22px 15px!important}.cost-view-controls button{font-size:10px;padding:7px 9px}.cost-view-values{gap:10px}.cost-view-assumptions>div{grid-template-columns:1fr}.cost-view-note{min-height:50px}}
/* One calculator: inputs alongside results, results first on small screens. */
#calculator .cost-calculator{align-items:start}
#calculator .cost-views{padding:24px 18px;border:1px solid var(--line);border-radius:16px;background:var(--tint);text-align:center}
#calculator .metrics-heading{font-size:10px;letter-spacing:.1em;color:var(--muted)}
#calculator .cost-view-values strong{font-size:clamp(28px,3vw,42px)}
#calculator .cost-view-software{font-size:11px;line-height:1.5;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
@media(max-width:760px){#calculator .cost-calculator{display:flex;flex-direction:column}#calculator .cost-summary{order:-1;width:100%}#calculator .cost-controls{width:100%}}
#calculator .cost-calculator{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#calculator .cost-view-values strong{font-size:clamp(22px,2.2vw,32px);white-space:nowrap;overflow-wrap:normal}
#calculator .cost-view-assumptions>div{grid-template-columns:1fr}