*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#09090b;color:#e4e4e7;font:16px/1.75 system-ui,-apple-system,sans-serif}a{color:#a7d8ba;text-underline-offset:4px}a:focus-visible{outline:3px solid #a7d8ba;outline-offset:5px}header,main,footer{width:min(100% - 40px,960px);margin:auto}header{padding:24px 0;border-bottom:1px solid #27272a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}nav{display:flex;flex-wrap:wrap;gap:20px}.brand{font-weight:750;color:#fafafa;text-decoration:none}main{padding:40px 0 64px}h1{font-size:clamp(2rem,6vw,3rem);line-height:1.2;color:#fafafa;margin:12px 0 20px}h2{font-size:1.4rem;color:#fafafa;margin-top:38px}h3{font-size:1.1rem;color:#fafafa}p{margin:12px 0}section{scroll-margin-top:20px}.meta{font-size:.9rem;color:#a1a1aa}.notice{border:1px solid #8a672c;background:#211c13;color:#f5d593;border-radius:12px;padding:16px 20px}.intro{font-size:1.1rem;max-width:75ch}.app{padding:18px 22px;background:#121215;border:1px solid #27272a;border-radius:12px;margin:18px 0;overflow-wrap:anywhere}.app h3{margin:0 0 8px}.app p{margin:6px 0}.lang{border-top:1px solid #3f3f46;padding-top:32px;margin-top:56px}footer{padding:24px 0 40px;border-top:1px solid #27272a;font-size:.9rem}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:12px;background:#18181b;padding:8px}li{margin:8px 0}code{overflow-wrap:anywhere}@media(max-width:480px){header,main,footer{width:calc(100% - 32px)}main{padding-top:28px}.app{padding:16px}nav{gap:14px}}@media print{body{background:white;color:black}h1,h2,h3,a,.brand{color:black}.app,.notice{background:white;color:black;border-color:#888}nav,.skip{display:none}}
