:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", "SF Mono", ui-monospace, Consolas, monospace;--font-logo:var(--font-sans);--font-hero:var(--font-sans);--font-heading:var(--font-sans);--font-body:var(--font-sans);--font-code:var(--font-mono);--font-meta:var(--font-sans);--font-interview:var(--font-sans);--bg:#f6f7f9;--bg-elev:#fff;--surface:#fff;--surface-2:#f1f3f6;--border:#e2e5ea;--border-strong:#cdd2db;--text:#0e1116;--muted:#4c5666;--faint:#6b7688;--accent:#3b6cf6;--accent-2:#0ea5e9;--accent-3:#a86a00;--accent-soft:#eaf0ff;--accent-text:#2a4fc4;--danger:#c8384f;--ok:#0f8a5f;--on-accent:#fff;--shadow:0 1px 2px #1012180f, 0 8px 24px -12px #10121829;--shadow-lg:0 18px 44px #1012181f, 0 4px 12px #1012180f;--grid:#0e11160a;--radius:12px;--nav-h:60px;--focus:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);--ease:cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(900px 420px at 8% -20%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 60%), radial-gradient(700px 360px at 92% 0%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 55%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%}.icon-btn svg,.type-btn svg,.search-icon,.ghost-icon svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;max-width:none;height:18px}code,pre,.mono{font-family:var(--font-code)}:focus-visible{box-shadow:var(--focus);outline:none}.skip-link{background:var(--accent);color:var(--on-accent);z-index:80;border-radius:8px;padding:8px 12px;position:absolute;top:-40px;left:12px}.skip-link:focus{top:12px}.app-shell{flex-direction:column;min-height:100%;display:flex}.main{flex:1;width:min(1120px,100% - 40px);margin:0 auto;padding:32px 0 88px}.page-wide{width:min(1280px,100% - 24px)}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.035em;margin:0 0 12px;font-weight:650;line-height:1.18}.kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-text);margin:0 0 8px;font-size:11px;font-weight:500}.muted{color:var(--muted)}.badge{background:var(--surface-2);font-size:11.5px;font-family:var(--font-meta);color:var(--muted);border:0;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-weight:550;display:inline-flex}.badge.beginner{color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, var(--surface))}.badge.intermediate{color:var(--accent-3);background:color-mix(in srgb, var(--accent-3) 14%, var(--surface))}.badge.advanced,.badge.expert{color:var(--accent);background:var(--accent-soft)}.btn{transition:background .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 15px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:color-mix(in srgb, var(--accent) 88%, black)}.btn-secondary{border-color:var(--border-strong);color:var(--text);background:0 0}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{background:var(--surface);border-color:var(--border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:0 1px 2px #1012180a}a.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.stack{flex-direction:column;gap:0;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.input,.select{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;width:100%;padding:10px 12px}.nav{z-index:40;min-height:var(--nav-h);-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);background:color-mix(in srgb, var(--bg-elev) 82%, transparent);border-bottom:1px solid var(--border);position:sticky;top:0}.nav-inner{min-height:var(--nav-h);align-items:center;gap:16px;width:min(1480px,100% - 28px);margin:0 auto;display:flex}.brand{color:var(--text);flex-shrink:0;align-items:center;gap:10px;display:flex}.brand:hover{text-decoration:none}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 8px 18px -10px var(--accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.brand-mark svg{display:block}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-text strong{letter-spacing:-.03em;font-size:15px;font-weight:750}.brand-text strong em{color:var(--accent-text);font-style:normal;font-weight:650}.brand-text small{color:var(--faint);font-size:11px;font-weight:500}.nav-links{flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.nav-links a{color:var(--muted);white-space:nowrap;border-radius:10px;padding:.4rem .7rem;font-size:13.5px;font-weight:500;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--surface-2)}.nav-links a.active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;inset:auto .5rem -1px}.nav-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.search-wrap{flex:1;min-width:200px;max-width:340px;position:relative}.search-icon{color:var(--faint);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.nav-search{border:1px solid var(--border);background:var(--bg);border-radius:10px;width:100%;height:36px;padding:0 36px 0 34px;font-size:13.5px}.nav-search:focus{border-color:var(--accent);background:var(--bg-elev);box-shadow:var(--focus);outline:none}.kbd-hint{font-family:var(--font-mono);color:var(--faint);border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:1px 6px;font-size:11px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.progress-chip{height:36px;color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:4px;padding:0 10px;font-size:13px;font-weight:650;display:inline-flex}.progress-chip span{color:var(--faint);font-size:11px;font-weight:500}.progress-chip:hover{color:var(--accent-text)}.icon-btn,.type-btn{min-height:36px;color:var(--muted);transition:background .12s var(--ease), color .12s var(--ease), border-color .12s var(--ease);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.ghost-icon{width:36px;height:36px}.icon-btn:hover,.type-btn:hover,.ghost-icon:hover{background:var(--surface-2);color:var(--text)}.type-btn{gap:7px;width:auto;padding:0 11px}.font-name{font-size:12.5px;font-weight:600}.footer{border-top:1px solid var(--border);background:var(--bg-elev);padding:40px 0 28px}.footer-inner{grid-template-columns:1.5fr repeat(3,1fr);gap:24px;width:min(1120px,100% - 40px);margin:0 auto;display:grid}.footer a{color:var(--muted);font-size:14px}.footer a:hover{color:var(--accent-text)}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:48px;padding:20px 0 8px;display:grid}.hero h1{font-size:clamp(36px,5vw,56px);font-weight:720}.hero h1 em{color:var(--accent-text);font-style:normal}.hero .tagline{color:var(--muted);margin:0 0 14px;font-size:clamp(16px,2vw,20px);font-weight:500}.terminal{color:#d7e2ec;box-shadow:var(--shadow-lg);font-family:var(--font-code);background:#0c1117;border:1px solid #243140;border-radius:14px;overflow:hidden}.terminal-bar{color:#8aa0b5;background:#141b23;border-bottom:1px solid #243140;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.r{background:#c45c63}.dot.y{background:#c9a24a}.dot.g{background:#3aa87a}.terminal-body{min-height:220px;padding:14px 16px 18px;font-size:13.5px}.prompt{color:#6f95ff}.term-input{color:#d7e2ec;width:min(100%,520px);font-family:var(--font-code);background:0 0;border:0;outline:none}.learn-layout{grid-template-columns:220px minmax(0,1fr) 200px;gap:28px;display:grid}.toc a{color:var(--muted);padding:5px 0;font-size:13px;display:block}.toc a:hover{color:var(--text)}.sidebar-nav a{color:var(--muted);border-radius:8px;padding:6px 8px;font-size:13.5px;display:block}.sidebar-nav a.active{background:var(--accent-soft);color:var(--accent-text)}.codeblock{border:1px solid var(--border);color:#dbe6f0;background:#0d131a;border-radius:12px;overflow:hidden}[data-theme=light] .codeblock,[data-theme=paper] .codeblock,[data-theme=light] .terminal,[data-theme=paper] .terminal{background:#161d26}.codeblock-head{color:#93a6b8;font-size:12px;font-family:var(--font-mono);background:#141c25;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.codeblock pre{margin:0;padding:14px;font-size:13px;overflow:auto}.diagram{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:16px}.diagram button.node,.diagram .node{border:1px solid var(--border-strong);background:var(--bg-elev);text-align:left;border-radius:8px;padding:8px 10px}.roadmap{flex-direction:column;gap:12px;display:flex}.level-card{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;grid-template-columns:88px 1fr;gap:16px;padding:18px 4px;display:grid;position:relative}.level-card:after{display:none}.search-panel{background:var(--bg-elev);border:1px solid var(--border);width:min(420px,90vw);box-shadow:var(--shadow-lg);z-index:50;border-radius:12px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0}.sr-item{border-radius:8px;align-items:center;gap:8px;padding:9px 10px;font-size:13.5px;display:flex}.sr-item:hover{background:var(--accent-soft)}.mobile-only{display:none}.path-item{border-bottom:1px solid var(--border);grid-template-columns:56px 1fr;gap:8px 16px;padding:18px 4px;list-style:none;display:grid}.path-item:first-child{border-top:1px solid var(--border)}.path-num{font-family:var(--font-mono);color:var(--faint);padding-top:4px;font-size:12px}.path-item h3{margin:0 0 4px;font-size:17px}.path-item h3 a:hover{color:var(--accent-text)}.path-list{margin:24px 0;padding:0}.callout{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 10px 10px 0;padding:12px 14px}.callout.warn{border-left-color:var(--accent-3)}.callout.danger{border-left-color:var(--danger)}.progress-bar{background:var(--surface-2);border-radius:99px;height:6px;overflow:hidden}.progress-bar>span{background:var(--accent);height:100%;display:block}.perm-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;display:grid}.perm-cell{border:1px solid var(--border);background:var(--bg-elev);text-align:center;font-family:var(--font-code);border-radius:8px;padding:10px 6px}.perm-cell.active{border-color:var(--accent);color:var(--accent)}.quiz-choice{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:10px;width:100%;padding:12px}.quiz-choice.correct{border-color:var(--ok)}.quiz-choice.wrong{border-color:var(--danger)}@media (width<=1240px){.nav-links a.wide{display:none}}@media (width<=980px){.hero,.learn-layout,.footer-inner,.grid-3{grid-template-columns:1fr}.learn-layout .on-page,.nav-links{display:none}.mobile-only{display:inline-flex}.search-wrap:not(.search-wrap--mobile),.font-name,.brand-text small{display:none}}@media (width<=720px){.grid-2,.level-card{grid-template-columns:1fr}.main{width:min(100% - 24px,1120px)}.progress-chip span{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.atmosphere{z-index:-1;pointer-events:none;opacity:.45;background-image:linear-gradient(color-mix(in srgb, var(--text) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--text) 4%, transparent) 1px, transparent 1px), radial-gradient(900px 480px at 12% -10%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 58%), radial-gradient(720px 420px at 92% 8%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 55%);animation:atmosphere-drift 28s var(--ease) infinite alternate;background-size:48px 48px,48px 48px,auto,auto;position:fixed;inset:0}@keyframes atmosphere-drift{0%{transform:translate(0,0)}to{transform:translateY(-18px)}}.page-enter{animation:rise .45s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.takeaway{background:color-mix(in srgb, var(--accent-soft) 80%, transparent);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));border-radius:12px;padding:12px 14px}.concept-block{animation:rise .5s var(--ease);margin-top:36px;padding-top:8px}.filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.sheet-table{border-collapse:collapse;width:100%}.sheet-table td{vertical-align:top;padding:8px 12px 8px 0}.sheet-table td:first-child{font-family:var(--font-code);white-space:nowrap}kbd{font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:1px 6px;font-size:11px}.terminal-actions{color:#8aa0b5;border-top:1px solid #243140;flex-wrap:wrap;gap:8px;padding:8px 12px;font-size:12px;display:flex}.live-fab{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:45;border:1px solid var(--border);background:color-mix(in srgb, var(--bg-elev) 82%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:650;display:inline-flex;position:fixed}.live-fab span{font-family:var(--font-mono);color:var(--accent-text)}.live-fab em{font-size:13px;font-style:normal}.palette-scrim{z-index:80;background:color-mix(in srgb, var(--text) 28%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rise .2s var(--ease);place-items:start center;padding:10vh 16px 24px;display:grid;position:fixed;inset:0}.palette{background:color-mix(in srgb, var(--bg-elev) 88%, transparent);border:1px solid var(--border);width:min(720px,100%);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;padding:14px}.palette-tabs{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.palette-tabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:8px 10px;font-weight:600}.palette-tabs button.on{background:var(--accent-soft);color:var(--accent-text)}.palette-kbd{color:var(--faint);align-items:center;gap:4px;margin-left:auto;font-size:12px;display:flex}.palette-x{font-size:12px!important}.palette-input{border:1px solid var(--border);background:var(--bg);border-radius:10px;width:100%;height:44px;padding:0 12px}.palette-hits{max-height:40vh;margin-top:8px;overflow:auto}.palette-hit{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px;display:flex}.palette-hit:hover{background:var(--accent-soft)}.chip-row{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);border-radius:999px;padding:6px 10px;font-size:12px}.drawer-bash{text-align:left;width:100%;color:var(--accent-text);background:0 0;border:0;margin-top:12px;padding:14px 4px;font-weight:650;display:block}@media (width<=980px){.hide-sm{display:none!important}.filters{grid-template-columns:1fr}.sheet-table td:first-child{white-space:normal}.learn-layout{grid-template-columns:1fr}.palette-scrim{place-items:stretch stretch;padding:12px}.palette{width:100%;max-height:calc(100dvh - 24px);overflow:auto}.live-fab em{display:none}.btn,.icon-btn,.type-btn,.quiz-choice{min-height:44px}}@media (width<=720px){.hero .row,.row[style*=space-between]{flex-direction:column;align-items:stretch}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--bg-elev:#fff;--surface:#fff;--surface-2:#f1f3f6;--border:#e2e5ea;--border-strong:#cdd2db;--text:#0e1116;--muted:#4c5666;--faint:#6b7688;--accent:#3b6cf6;--accent-2:#0ea5e9;--accent-3:#a86a00;--accent-soft:#eaf0ff;--accent-text:#2a4fc4;--danger:#c8384f;--ok:#0f8a5f;--shadow:0 1px 2px #1012180f, 0 8px 24px -12px #10121829;--shadow-lg:0 18px 44px #1012181f;--grid:#0e11160a;--on-accent:#fff}[data-theme=paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf8f3;--bg-elev:#fffdf9;--surface:#fffdf9;--surface-2:#efe8dc;--border:#e4dacb;--border-strong:#cfc0ab;--text:#241d14;--muted:#55483a;--faint:#7a6b59;--accent:#a2662a;--accent-2:#3f6b4e;--accent-3:#9a6a12;--accent-soft:#f6ead8;--accent-text:#82501c;--danger:#b0452f;--ok:#4a7c26;--shadow:0 16px 36px #40301414;--grid:#503c280f;--on-accent:#fffdf9}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d12;--bg-elev:#12161e;--surface:#12161e;--surface-2:#171c26;--border:#222834;--border-strong:#323a4a;--text:#e8ecf3;--muted:#a7b1c2;--faint:#7d879a;--accent:#6f95ff;--accent-2:#38bdf8;--accent-3:#f0b357;--accent-soft:#16203a;--accent-text:#9db8ff;--danger:#f87f92;--ok:#34d399;--shadow:0 8px 20px #00000073;--shadow-lg:0 22px 50px #0000008c;--grid:#b4c8ff0d;--on-accent:#08101f}[data-theme=midnight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a18;--bg-elev:#14142c;--surface:#14142c;--surface-2:#1a1a38;--border:#262450;--border-strong:#383567;--text:#e9e7fb;--muted:#aeaad6;--faint:#8480ad;--accent:#a78bfa;--accent-2:#93b4ff;--accent-3:#fbbf5c;--accent-soft:#221d45;--accent-text:#c4b1ff;--danger:#fb7185;--ok:#4ade80;--shadow:0 22px 50px #0009;--grid:#beafff0f;--on-accent:#120c26}[data-theme=forest]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a1210;--bg-elev:#111e1a;--surface:#111e1a;--surface-2:#16261f;--border:#1f342c;--border-strong:#2e4a3f;--text:#e4efe8;--muted:#a3bcae;--faint:#7c968a;--accent:#4fd1a5;--accent-2:#74c8e0;--accent-3:#e3b95f;--accent-soft:#102a23;--accent-text:#7ee0bd;--danger:#f38a8a;--ok:#5eead4;--shadow:0 22px 50px #00000094;--grid:#96dcbe0f;--on-accent:#06170f}[data-theme=contrast]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--bg-elev:#0d0d0d;--surface:#0d0d0d;--surface-2:#141414;--border:#4a4a4a;--border-strong:#6e6e6e;--text:#fff;--muted:#e4e4e4;--faint:#bdbdbd;--accent:#ffd400;--accent-2:#7ec8ff;--accent-3:#ffc247;--accent-soft:#2a2200;--accent-text:#ffdf3d;--danger:#ff7a8a;--ok:#4ef08a;--shadow:none;--grid:#ffffff14;--on-accent:#000}[data-font=sans]{--font-logo:var(--font-sans);--font-hero:var(--font-sans);--font-heading:var(--font-sans);--font-body:var(--font-sans);--font-meta:var(--font-sans);--font-interview:var(--font-sans)}[data-font=serif]{--font-logo:Georgia, "Source Serif 4", serif;--font-hero:Georgia, "Source Serif 4", serif;--font-heading:Georgia, "Source Serif 4", serif;--font-body:Georgia, "Source Serif 4", serif;--font-meta:var(--font-sans);--font-interview:Georgia, "Source Serif 4", serif}[data-font=mono]{--font-logo:var(--font-mono);--font-hero:var(--font-mono);--font-heading:var(--font-mono);--font-body:var(--font-mono);--font-meta:var(--font-mono);--font-interview:var(--font-mono)}html{background:var(--bg)}.btn-primary{color:var(--on-accent,#fff)}.appear-wrap{align-items:center;gap:4px;display:inline-flex;position:relative}.appear-panel{background:var(--bg-elev);border:1px solid var(--border);width:min(280px,100vw - 24px);box-shadow:var(--shadow-lg);z-index:60;border-radius:14px;padding:14px;position:absolute;top:calc(100% + 8px);right:0}.panel-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0 0 8px;font-size:.66rem}.panel-title:not(:first-child){margin-top:14px}.theme-grid,.font-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.theme-swatch,.font-swatch{text-align:left;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px;font-size:12.5px;display:flex}.theme-swatch:hover,.font-swatch:hover{background:var(--surface-2);color:var(--text)}.theme-swatch.active,.font-swatch.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.swatch{border-radius:4px;flex-shrink:0;width:16px;height:16px}.font-swatch{flex-direction:column;align-items:flex-start}.drawer{display:none}.search-wrap--mobile{max-width:none;margin-bottom:12px}@media (width<=980px){.drawer{inset:var(--nav-h) 0 0 0;background:color-mix(in srgb, var(--bg) 96%, black);z-index:35;border-top:1px solid var(--border);padding:16px 16px 40px;display:block;position:fixed;overflow:auto}.drawer a{border-bottom:1px solid var(--border);color:var(--text);padding:14px 4px;font-size:16px;display:block}.learn-layout aside.sidebar-nav,.learn-layout>aside:first-child{gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.learn-layout aside a,.sidebar-nav a{white-space:nowrap;flex:none}.search-panel{width:auto;left:0;right:0}.hero .row .btn{width:100%}.terminal-body{min-height:180px}.perm-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.appear-panel{top:calc(var(--nav-h) + 8px);width:auto;position:fixed;left:12px;right:12px}}@media (width<=720px){.nav-inner{gap:8px}.main{padding:18px 0 96px}}