@font-face{font-family:Roboto;src:url('./Roboto.ttf') format('truetype');font-weight:100;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;background:#181818;color:#ffffffcf;font:100 15px/1.85 Roboto,sans-serif}
header,main,footer{width:min(100% - 40px,800px);margin:auto}
header{display:flex;justify-content:space-between;align-items:center;padding:36px 0}
header img{height:auto}
a{color:#fff;text-underline-offset:4px}
nav{display:flex;gap:12px}
button{font:100 12px Roboto,sans-serif;color:#ffffffa6;border:1px solid transparent;border-radius:6px;padding:9px;background:none;cursor:pointer}
button[aria-pressed=true]{border-color:#ffffff30;color:white}
section{padding:24px 0 48px;border-bottom:1px solid #ffffff1a;overflow-wrap:anywhere}
h1{font:100 30px/1.4 Roboto,sans-serif;color:white;margin:0 0 14px}
h2{font:100 18px/1.5 Roboto,sans-serif;color:white;margin:32px 0 10px}
p{margin:10px 0}
.consent-version{font-size:12px;color:#ffffff80}
footer{padding:30px 0 50px}
button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:500px){h1{font-size:25px}
body{font-size:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}