*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:#f7f2e3;color:#171719;font:18px/1.65 system-ui,sans-serif}main,header,footer{max-width:800px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}nav{display:flex;gap:16px;flex-wrap:wrap}a{color:#006778;text-underline-offset:4px}a:focus-visible{outline:3px solid #b70050;outline-offset:5px}h1{font-size:clamp(2rem,7vw,3.6rem);line-height:1.1}h2{font-size:1.3rem;color:#006778}section{margin:30px 0;padding:22px;background:#fffbee;border-radius:18px}small{font-size:.85rem}.brand{font-size:1.5rem;font-weight:750;text-decoration:none}.accent{color:#b70050}footer{border-top:1px solid #bbb}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px}@media(prefers-color-scheme:dark){body{background:#08080b;color:#f7f2e3}section{background:#17171c}a,h2{color:#35cadc}.accent{color:#ff6398}}
.brand{display:inline-flex;align-items:center;gap:.5rem}.brand img{display:block;border-radius:9px}header{flex-wrap:wrap}