*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:var(--fs)/1.5 var(--font);min-height:100dvh;overscroll-behavior-y:none}
h1,h2,h3{line-height:1.25;margin:0 0 var(--s3)} h1{font-size:var(--fs-xl)} h2{font-size:var(--fs-lg)} h3{font-size:var(--fs)}
p{margin:0 0 var(--s3)} a{color:var(--accent)}
.muted{color:var(--soft)} .small{font-size:var(--fs-sm)} .nowrap{white-space:nowrap}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:1.5px solid var(--focus);outline-offset:1px;border-radius:4px}
.num{font-variant-numeric:tabular-nums}
.stack>*+*{margin-top:var(--s3)} .row{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap} .grow{flex:1 1 auto}
.skip{position:absolute;left:-999px;top:0;background:var(--surface);padding:var(--s3);z-index:100} .skip:focus{left:var(--s3);top:var(--s3)}
[hidden]{display:none !important}

.sk-title{height:28px;width:60%;margin-bottom:16px} .sk-input{height:44px} .mb3{margin-bottom:12px} .mb4{margin-bottom:16px}