*{box-sizing:border-box}html{color-scheme:light}body{margin:0;padding:1rem;background:#5b2eff;color:#fff;font:1rem/1.65 system-ui,sans-serif}header,main,footer{max-width:48rem;margin:1.5rem auto}main{background:#fff9f0;color:#160b33;border:3px solid #160b33;border-radius:1rem;padding:clamp(1rem,4vw,2.5rem);box-shadow:6px 6px 0 #160b33}h1{font-size:clamp(2rem,7vw,3rem);line-height:1.15}h2{font-size:1.35rem;line-height:1.3;margin-top:2rem}a{color:inherit;text-underline-offset:.2em;overflow-wrap:anywhere}nav{display:flex;flex-wrap:wrap;gap:.5rem 1rem}nav a,footer a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}a:focus-visible{outline:3px solid currentColor;outline-offset:4px}.brand{font-size:1.5rem;font-weight:900}.skip{position:absolute;left:-9999px}.skip:focus{position:static;background:#fff9f0;color:#160b33;padding:1rem}p,li{overflow-wrap:anywhere}footer{font-size:.9rem}