:root{
--font:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
--font-head:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
--primary:#56256f;
--primary-dark:#431b57;
--on-primary:#ffffff;
--accent:#b45f12;
--bg:#ffffff;
--panel:#f7f4f9;
--tint:#efe8f3;
--ink:#1e1424;
--ink-2:#3d3244;
--muted:#62576a;
--line:#e0d8e5;
--ftr-bg:#1f1226;
--ftr-ink:#e2dbe6;
}
.tool .calc-field{margin:0 0 1.3rem;max-width:32rem}
.tool .calc-field>label{display:block;font-weight:650;margin:0 0 .45rem;cursor:default}
.tool input[type=number]{font:inherit;font-size:1rem;width:9rem;padding:.55rem .7rem;border:1px solid var(--muted);border-radius:3px;background:#fff;color:var(--ink)}
.tool input[type=range]{display:block;width:100%;accent-color:var(--primary);margin:.3rem 0}
.tool input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.tool label.is-off{opacity:.6;cursor:not-allowed}
.calc-hint{font-size:.9rem;color:var(--muted);margin:.35rem 0 0}
.calc-out{font-weight:650;color:var(--ink)}
.calc-warn{border-left:3px solid var(--accent);background:var(--panel);padding:.7rem .9rem;margin:0 0 1rem}
.tool-result td.num,.tool-result th.num{text-align:right;white-space:nowrap}
.calc-notes{font-size:.9rem;color:var(--muted);margin:.6rem 0 0;padding-left:1.2rem}
.hdr .cta-m{display:none}
@media(max-width:56rem){.hdr .cta-m{display:inline-block}}
@media(max-width:40rem){.tool{padding:1rem}.tool-result{padding:.9rem .75rem}.tool-result table{font-size:.86rem}.tool-result th,.tool-result td{padding:.5rem .3rem}}