:root{--ink:#1c2530;--muted:#55606e;--line:#d5dbe3;--accent:#1d5fa8;--panel:#f3f6fa;--error:#b00020}body{color:var(--ink);margin:0;font-family:system-ui,sans-serif;line-height:1.5}main{max-width:68rem;margin:2rem auto;padding:0 1rem}h1{margin:0 0 1.5rem}.layout{grid-template-columns:minmax(0,28rem) minmax(0,1fr);align-items:start;gap:2rem;display:grid}@media (width<=52rem){.layout{grid-template-columns:minmax(0,1fr)}}.field,fieldset{margin:0 0 1rem}.field label{margin-bottom:.25rem;font-weight:600;display:block}.box{align-items:center;gap:.5rem;display:flex}.box input{font:inherit;border:1px solid #8a94a3;border-radius:4px;flex:1;padding:.5rem}.box input[aria-invalid=true]{border-color:var(--error);border-width:2px}fieldset{border:1px solid var(--line);border-radius:4px}.radio{padding:.15rem 0;display:block}.error{color:var(--error);margin:.25rem 0 0}button{font:inherit;color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:4px;padding:.55rem 1.5rem}:focus-visible{outline-offset:2px;outline:3px solid #f2a900}.result{margin-top:1.5rem;font-size:1.25rem}.result p{margin:.25rem 0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1rem 1.5rem}.panel h2{margin-top:0}.panel h3{margin:1.25rem 0 .25rem;font-size:1rem}.panel p,.panel ul{margin:.25rem 0}.panel dt{margin-top:.4rem;font-weight:600}.panel dd{color:var(--muted);margin:0}.table-host{margin-top:2rem}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}caption{text-align:left;margin-bottom:.5rem;font-weight:600}th,td{border-bottom:1px solid var(--line);text-align:right;padding:.35rem .75rem}th[scope=row],thead th:first-child{text-align:left}thead th{background:var(--panel)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}