*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:112.5%}body{background:var(--bg);color:var(--text);overflow-wrap:anywhere;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--primary)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip{background:var(--surface);color:var(--text);z-index:10;padding:8px 12px;position:absolute;top:8px;left:-9999px}.skip:focus{left:8px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 16px;display:flex}.brand{margin:0;font-size:1.25rem;font-weight:700}.tool{align-items:center;gap:8px;display:flex}select,button,input,.btn{font:inherit;min-height:48px}select,input{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.btn,button{background:var(--primary);color:var(--on-primary);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}main{max-width:760px;margin:0 auto;padding:16px}main:focus{outline:none}footer{max-width:760px;color:var(--muted);margin:0 auto;padding:16px;font-size:.9rem}.hero{padding:24px 0 8px}.hero h1{margin:0 0 12px;font-size:1.75rem;line-height:1.25}.lead{color:var(--muted);font-size:1.1rem}h2{margin:32px 0 8px;font-size:1.3rem}.features{padding-left:1.2em}.features li{margin-bottom:8px}
