:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.65;color:#eef1f7;background:#080c12}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:52rem;margin:auto;padding:1.25rem}header{border-bottom:1px solid #626c80}nav{display:flex;flex-wrap:wrap;gap:1rem}a{color:#adc5ff;text-underline-offset:.2em;overflow-wrap:anywhere}a:focus-visible{outline:3px solid #ffc857;outline-offset:5px}h1{font-size:clamp(1.8rem,6vw,2.5rem);line-height:1.25}h2{margin-top:2rem;line-height:1.35}p,li{overflow-wrap:anywhere}li{margin-block:.5rem}.notice{padding:1rem;border:1px solid #ffc857;border-radius:.5rem;background:#282416}.button{display:inline-block;padding:.8rem 1rem;background:#294fa9;border-radius:.5rem;color:white;font-weight:600;min-height:48px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#080c12;padding:1rem}footer{border-top:1px solid #626c80;font-size:.95rem}@media(prefers-color-scheme:light){:root{background:#fff;color:#162135}a{color:#174eb1}.notice{background:#fff8df}.skip:focus{background:#fff}.button{color:white}}@media print{nav,.skip,.button{display:none}:root{background:white;color:black}a{color:black}}
