:root{font-family:system-ui,sans-serif;color:#f7edd5;background:#092a25;color-scheme:dark;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}header,main,footer{max-width:820px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #54725b}header>a{font-weight:900;text-decoration:none}nav{display:flex;gap:18px}a{color:#ffda77;text-underline-offset:4px;overflow-wrap:anywhere}a:focus-visible{outline:3px solid #60e2c4;outline-offset:5px}h1{font-size:clamp(30px,6vw,44px);line-height:1.1;color:#ffe2a0}h2{font-size:23px;margin:34px 0 12px;color:#ffdf92}p,li{font-size:16px;line-height:1.75}li{margin:12px 0}ul{padding-left:23px}.intro{font-size:18px}footer{color:#b1c7b5;border-top:1px solid #54725b;font-size:13px}@media(max-width:420px){header,main,footer{padding:20px}header{flex-wrap:wrap}}