:root{--bg:#fbfaf7;--fg:#1a1a1a;--brand:#283880;--muted:#6b6b6b;--line:#e6e3dc}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);flex-direction:column;min-height:100vh;margin:0;font-family:system-ui,sans-serif;display:flex}main{width:100%;max-width:640px;margin:0 auto;padding:2rem 1.25rem}h1{color:var(--brand)}label{margin:.75rem 0 .25rem;font-size:.9rem;display:block}input{border:1px solid var(--line);border-radius:6px;width:100%;padding:.6rem;font-size:1rem}button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:6px;margin-top:1rem;padding:.6rem 1rem;font-size:1rem}button:disabled{opacity:.6;cursor:default}.error{color:#b00020;margin-top:.75rem}.muted{color:var(--muted)}table{border-collapse:collapse;width:100%;margin-top:1rem}td,th{text-align:left;border-bottom:1px solid var(--line);padding:.5rem;font-size:.9rem}code{background:#f0eee8;border-radius:4px;padding:.15rem .35rem}.skip-link{color:#173c30;z-index:50;background:#fff;padding:12px;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}:focus-visible{outline-offset:4px;outline:3px solid #d6744e}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}