:root{color-scheme:dark;--bg:#081923;--panel:#112a36;--text:#eaf8fc;--muted:#bed4df;--line:#3a697c;--cyan:#89e5e5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 system-ui,sans-serif}a{color:var(--cyan);text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}header{position:sticky;top:0;z-index:5;background:#081923f5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.bar{max-width:1180px;margin:auto;display:flex;align-items:center;gap:18px;padding:10px 22px;flex-wrap:wrap}.brand{font-weight:800;letter-spacing:.08em;text-decoration:none;color:var(--text);margin-right:auto}.bar a,.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px}.bar a[aria-current]{border:1px solid var(--line);border-radius:9px}.wrap{max-width:1180px;margin:auto;padding:38px 22px 55px}.eyebrow{letter-spacing:.13em;font-size:12px;color:var(--cyan);font-weight:700}h1{font-size:clamp(32px,5.4vw,62px);line-height:1.12;letter-spacing:-.035em;margin:16px 0 22px;max-width:850px}h2{font-size:clamp(24px,3vw,34px);line-height:1.25;margin:0 0 20px}p{margin:0 0 18px}.lead{font-size:clamp(18px,2.1vw,23px);max-width:800px;color:var(--muted)}.button{border:1px solid var(--cyan);border-radius:9px;text-decoration:none;font-weight:700;background:#1b4656}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:34px;margin-top:38px}.toc{position:sticky;top:95px;align-self:start;font-size:14px}.toc strong{display:block;margin-bottom:10px}.toc a{display:block;padding:8px 0;min-height:40px}.content{min-width:0}section{padding:28px;margin-bottom:24px;background:var(--panel);border:1px solid var(--line);border-radius:16px;scroll-margin-top:95px}ol{padding-left:24px;margin:0}li{padding-left:4px;margin-bottom:13px}li:last-child{margin-bottom:0}.tip{border-left:3px solid var(--cyan);padding:10px 15px;margin:22px 0 0;background:#081923;color:var(--muted);font-size:15px}.screen{margin:25px 0 0}.screen img{display:block;width:100%;max-height:490px;object-fit:contain;border-radius:12px;background:#07151e}.screen figcaption,.note{font-size:13px;color:var(--muted);margin-top:12px}.screen a{display:inline-block;padding:8px 0;min-height:44px}.media{margin-top:34px}.media video{width:100%;max-height:520px;border:1px solid var(--line);border-radius:12px;background:#000;display:block}.media h3{font-size:20px;margin:0 0 14px}.clip{margin:25px 0}.note{max-width:860px}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:10px;z-index:10;background:var(--panel);padding:10px}footer{border-top:1px solid var(--line);padding:25px 22px;color:var(--muted);font-size:14px}footer p{max-width:1136px;margin:auto}code{font:inherit;color:var(--cyan)}@media(max-width:800px){.layout{display:block}.toc{position:static;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.toc strong{flex-basis:100%}.toc a{border:1px solid var(--line);border-radius:8px;padding:7px 10px;min-height:44px}.wrap{padding:28px 16px 36px}.bar{padding:8px 12px;gap:4px}.bar .brand{flex:1 0 100%;padding-left:0;justify-content:flex-start}.bar a{font-size:14px}section{padding:20px 16px}.screen img{max-height:570px}.note{font-size:12px}html{scroll-padding-top:135px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}