:root{font-family:system-ui,sans-serif;color:#17202a;background:#fff;line-height:1.6}body{margin:0}main{max-width:80rem;margin:auto;padding:clamp(1rem,3vw,2.5rem)}.skip{position:absolute;transform:translateY(-200%)}.skip:focus{position:static;transform:none}form{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}label{display:grid;gap:.25rem}input,button{font:inherit;padding:.65rem}button{background:#3d245c;color:#fff;border:0;border-radius:.35rem}nav ul{columns:2}section{padding:1rem 0;border-top:1px solid #ccd2d8}.offline{border:2px solid #9b341c;padding:1rem}a:focus,button:focus,input:focus,[tabindex="-1"]:focus{outline:3px solid #005fcc;outline-offset:3px}@media(max-width:45rem){nav ul{columns:1}}