*{box-sizing:border-box}body{margin:0;font:18px/1.65 system-ui,sans-serif;background:#101819;color:#e7f2ee}a{color:#a6edcf;text-underline-offset:4px}a:focus-visible{outline:3px solid #fff;outline-offset:5px}header,main,footer{max-width:900px;margin:auto;padding:28px}header{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;border-bottom:1px solid #354843}nav{display:flex;gap:24px}h1{font-size:clamp(2.5rem,7vw,4.4rem);line-height:1.1;letter-spacing:-.04em}h2{line-height:1.25;margin-top:2.5rem}.lead{font-size:1.35rem;color:#bdd4ca}.notice{padding:20px;border:1px solid #67867a;border-radius:12px}.status{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#a6edcf}section{margin:36px 0}footer{font-size:.85rem;border-top:1px solid #354843}li{margin:.7rem 0}.skip{position:absolute;left:-10000px}.skip:focus{left:16px;top:8px;background:#101819} @media(prefers-color-scheme:light){body{background:#f7faf8;color:#173029}a{color:#165944}.lead{color:#345e4c}.status{color:#245f49}.skip:focus{background:#fff}a:focus-visible{outline-color:#173029}}