:root { color-scheme: light; font: 100%/1.5 system-ui, sans-serif; } body { max-width: 60rem; margin: 0 auto; padding: 1rem; color: #17202a; } nav { display:flex; gap:1rem; flex-wrap:wrap; padding-bottom:1rem; border-bottom:2px solid #17202a; } main { padding-block:1rem; } label { display:block; font-weight:700; margin-top:1rem; } input, select, button { font:inherit; padding:.55rem; max-width:100%; } button { margin-top:1rem; cursor:pointer; } a { color:#0645ad; } :focus-visible { outline:3px solid #e06c00; outline-offset:3px; } .skip-link { position:absolute; left:-10000px; } .skip-link:focus { left:1rem; top:1rem; background:#fff; padding:.5rem; } [role=alert] { border-left:.35rem solid #a40000; padding:.75rem; margin-block:1rem; }