html{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#101415;color:#edf0e9;font:17px/1.7 system-ui,sans-serif}main{max-width:850px;margin:auto;padding:32px 22px 65px}a{color:#d6fa87;text-underline-offset:4px;overflow-wrap:anywhere}header,nav{display:flex;gap:24px;flex-wrap:wrap;align-items:center}header img{width:34px;height:40px}h1{font-size:clamp(32px,6vw,48px);line-height:1.15}h2{font-size:23px;line-height:1.3;color:#d6fa87;margin-top:38px}p{overflow-wrap:anywhere}nav{font-size:15px}small{color:#bec5b8}a:focus-visible{outline:3px solid #d6fa87;outline-offset:4px}.note{border-left:3px solid #d6fa87;padding:10px 20px;background:#1b211b}