html{background:#14121c;color:#f2f0f8;font-family:system-ui,sans-serif}body{margin:0;min-height:100vh;display:flex;flex-direction:column}header,main,footer{width:min(760px,100% - 32px);margin-inline:auto}header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.brand{font-size:28px;font-weight:900;letter-spacing:1px;color:#ffd23f;text-decoration:none;-webkit-text-stroke:1px #0b0912}.lang{display:flex;gap:6px}.lang button{font:inherit;font-weight:800;padding:6px 12px;border-radius:10px;border:2px solid #4a4560;background:#2c2838;color:#f2f0f8;cursor:pointer}.lang button[aria-pressed=true]{border-color:#ffd23f;color:#ffd23f}.lang button:focus-visible{outline:3px solid #ffd23f88;outline-offset:2px}main{flex:1;padding:8px 0 32px}article{background:#16131f;border:1px solid #ffffff1a;border-radius:18px;padding:clamp(20px,4vw,40px)}article[hidden],footer [hidden]{display:none}h1{margin:0;font-size:clamp(30px,6vw,42px);font-weight:900}h2{margin:28px 0 8px;font-size:19px;color:#ffd23f}p,li{line-height:1.65;color:#d9d5e6}p{margin:0 0 10px}ul,ol{margin:0 0 10px;padding-left:22px}li{margin-bottom:6px}ol li::marker{color:#ffd23f;font-weight:800}b{color:#f2f0f8}.updated{color:#8a84a0;font-size:14px;margin-top:6px}a{color:#8fd3ff}a:focus-visible{outline:3px solid #ffd23f88;outline-offset:2px;border-radius:4px}footer{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;padding:0 0 32px;font-weight:700}