:root{--bg:#f4f5f7;--panel:#fff;--border:#dde1e7;--text:#1f2430;--muted:#6b7384;--accent:#3d8bfd;--accent-soft:#e6f0ff;color:var(--text);background:var(--bg);font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:#1f6fe5}.top{z-index:1;background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:flex;position:sticky;top:0}.top span:not(.grow){color:var(--muted)}.grow{flex:1}.button{border:1px solid var(--border);white-space:nowrap;border-radius:5px;padding:4px 12px;text-decoration:none}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.layout{grid-template-columns:220px minmax(0,46em);justify-content:center;gap:40px;padding:24px 16px 60px;display:grid}.toc{align-self:start;font-size:13px;position:sticky;top:64px}.toc h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px;font-size:11px}.toc ol{margin:0;padding-left:1.5em}.toc a{color:var(--text);text-decoration:none}.toc a:hover{color:var(--accent)}h1{margin:0 0 8px;font-size:28px}h2{align-items:center;gap:10px;margin:0 0 10px;font-size:20px;display:flex}.n{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:14px;display:inline-grid}section{background:var(--panel);border:1px solid var(--border);border-radius:8px;margin-top:28px;padding:20px 24px;scroll-margin-top:60px}.lead{font-size:16px}.hint{color:var(--muted);font-size:13px}figure{border:1px solid var(--border);background:#fff;border-radius:6px;margin:16px 0;padding:12px}figure img{max-width:100%;height:auto;margin:0 auto;display:block}figcaption{color:var(--muted);margin-top:8px;font-size:13px}.dl{white-space:nowrap;margin-left:6px}.ui{border:1px solid var(--border);white-space:nowrap;background:#f2f3f5;border-radius:4px;padding:0 6px;font-size:.88em;line-height:1.5;display:inline-block}kbd{border:1px solid var(--border);background:#fff;border-bottom-width:2px;border-radius:3px;padding:0 5px;font:.82em ui-monospace,monospace;display:inline-block}code{background:#f2f3f5;border-radius:3px;padding:1px 4px;font:.88em ui-monospace,monospace}pre{border:1px solid var(--border);background:#f7f8fa;border-radius:6px;padding:12px;overflow-x:auto}pre code{background:0 0;padding:0}ol.steps li{margin:4px 0}dt{margin-top:10px;font-weight:600}dd{margin-left:1.2em}.tilde{display:inline-block;position:relative}.tilde:after{content:"~";font-size:.8em;position:absolute;top:-.75em;left:.05em}.mock{color:var(--muted);grid-template:"bar bar bar""pal stage insp"150px/1fr 2fr 1fr;gap:4px;margin:12px 0;font-size:12px;display:grid}.mock>div{border:1px solid var(--border);background:var(--bg);border-radius:5px;padding:6px 8px;overflow:hidden}.mock b{color:var(--text);display:block}.m-bar{grid-area:bar}.m-pal{grid-area:pal}.m-stage{grid-area:stage;background:#fff radial-gradient(#c9ced6 1px,#0000 1px) 0 0/10px 10px!important}.m-insp{grid-area:insp}footer{color:var(--muted);margin-top:32px;font-size:13px}@media (width<=860px){.layout{grid-template-columns:minmax(0,1fr);gap:0}.toc{position:static}section{padding:16px}.mock{grid-template:"bar bar""pal insp""stage stage"90px/1fr 1fr}}