*{box-sizing:border-box}html{color-scheme:dark;background:#171020;color:#ddd4e7;font:16px/1.8 system-ui,sans-serif}body{margin:0}header,main,footer{max-width:900px;margin:auto;padding:24px}header,footer{border-bottom:1px solid #46334f}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#d2b4ed;text-underline-offset:4px}a:focus-visible{outline:3px solid #f1c8ae;outline-offset:4px}h1,h2{color:#fff;line-height:1.3}h1{font-size:clamp(2rem,5vw,3rem)}h2{margin-top:32px;font-size:1.2rem}.intro{color:#b7a9c9}footer{font-size:13px;color:#b7a9c9}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;background:#171020;padding:12px}