*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:15px/1.5 var(--font);background:var(--c-bg);color:var(--c-text)}
a{color:var(--c-primary)}h1{font-size:1.5rem;margin:.3em 0 .5em}h2{font-size:1.05rem;margin:0 0 .6em}
:focus-visible{outline:3px solid var(--c-primary);outline-offset:2px}
img,svg{max-width:100%}
input,select,textarea{font:inherit;padding:7px 9px;border-radius:8px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text)}
input[type=checkbox]{accent-color:var(--c-primary)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;z-index:99;background:var(--c-surface);padding:8px}