:root{--heading:68px;--space:28px;--radius:18px;--accent:#6c38e0;--paper:#fff;--ink:#171717;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}main{max-width:780px;margin:auto;padding:40px 24px}nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}nav a{font-size:16px}nav .brand{font-size:25px;font-weight:900;text-decoration:none;color:var(--ink)}h1{font-size:clamp(40px,9vw,var(--heading));line-height:1;letter-spacing:-.065em;margin:0 0 20px;max-width:10em}.intro{font-size:23px;line-height:1.35;margin:0 0 36px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space);margin-bottom:24px}.inputs label:last-child{max-width:250px}label{font-size:16px;font-weight:700;display:block}input,select{display:block;font:inherit;color:var(--ink);background:#f5f4f7;border:1px solid #d9d7de;border-radius:12px;width:100%;padding:16px;margin-top:10px;min-height:56px}input:focus-visible,button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6c38e0;outline-offset:4px}button{font:700 20px Arial,sans-serif;background:var(--accent);color:#fff;border:0;border-radius:var(--radius);padding:20px 28px;min-height:64px;width:100%;cursor:pointer}#error{color:#a31431;font-size:16px;min-height:24px}h2{font-size:32px;letter-spacing:-.04em;margin:0 0 16px}#total{font-size:40px;text-decoration:underline;text-decoration-color:#FFE93C;text-underline-offset:6px}#result{margin:32px 0}#breakdown{font-size:20px;line-height:1.5}p{line-height:1.6}.small,footer{font-size:14px;line-height:1.6;color:#555}.resources{margin-top:48px}.resources p{font-size:18px}.resources p.small{font-size:14px}footer{margin-top:48px}a{color:var(--accent)}.skip-link{position:absolute;left:16px;top:-100px;background:#fff;padding:12px}.skip-link:focus{top:12px}#debug{position:fixed;right:16px;bottom:16px;background:#fff;color:#171717;box-shadow:0 6px 40px #0002;border-radius:14px;padding:16px;width:280px;max-height:80vh;overflow:auto;font-size:13px}#debug label{font-size:13px;margin-top:16px}#debug input,#debug select{padding:8px;min-height:36px}#debug input[type=checkbox]{display:inline;width:auto;min-height:auto}.motion button{transition:transform .15s}.motion button:hover{transform:translateY(-2px)}[hidden]{display:none!important}@media(max-width:560px){main{padding-top:28px}.inputs{grid-template-columns:1fr}.inputs label:last-child{max-width:none}#debug{width:min(280px,calc(100vw - 32px))}}@media(prefers-reduced-motion:reduce){.motion button{transition:none}.motion button:hover{transform:none}}