/* Top menu, extracted from the homepage styles. Generated by patch_menu.py: do not edit by hand. */
#nav,#mobile-menu{font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:normal}
:where(#nav,#mobile-menu) a{color:inherit;text-decoration:none}
:where(#nav) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
#nav,#mobile-menu{--bg-0: #f1f2f3;--bg-1: #ebeced;--bg-2: #e4e5e7;--bg-panel: transparent;--ink-0: #0b1220;--ink-1: #1e293b;--ink-2: #475569;--ink-3: #94a3b8;--card-bg: rgba(255,255,255,.60);--bg: var(--bg-0);--line-0: rgba(15, 23, 42, 0.05);--line-1: rgba(15, 23, 42, 0.09);--line-2: rgba(15, 23, 42, 0.14);--accent: #2d5e8e;--accent-2: #3c6fa0;--accent-3: #244c74;--accent-4: #2d5e8e;--accent-5: #3c6fa0;--accent-6: #244c74;--hc-green: #1f9d70;--three-bldg-a: 0xedeef0;--three-bldg-b: 0xe8eaec;--three-bldg-c: 0xf2f3f5;--three-edge: 0x0b1220;--three-glow-a: 0x2d5e8e;--three-glow-b: 0x3c6fa0;--three-glow-c: 0x244c74;--three-road: 0xdde0e3;--three-particle: 0x3c6fa0;--three-ambient: 0xf1f2f3;--three-key: 0xffffff;--three-fill: 0x3c6fa0;--three-fog: 0xf6f9fc;--three-ground: 0xeef2f7;--three-tree: 0x06b6d4;--three-car: 0x2563eb}
[data-theme="dark"] #nav,[data-theme="dark"] #mobile-menu{--bg-0: #0b1220;--bg-1: #111a2c;--bg-2: #152238;--bg-panel: transparent;--ink-0: #eff6ff;--ink-1: #cfe0f5;--ink-2: #94a3b8;--ink-3: #7c8ba3;--card-bg: rgba(20,33,55,.55);--bg: var(--bg-0);--line-0: rgba(255,255,255,0.06);--line-1: rgba(255,255,255,0.10);--line-2: rgba(255,255,255,0.18);--accent: #6ba2d8;--accent-2: #84b3e2;--accent-3: #5a90c8;--accent-4: #6ba2d8;--accent-5: #84b3e2;--accent-6: #5a90c8;--hc-green: #43c495;--three-bldg-a: 0x152238;--three-bldg-b: 0x0f1d33;--three-bldg-c: 0x1a2a45;--three-edge: 0xeff6ff;--three-glow-a: 0x38bdf8;--three-glow-b: 0x7dd3fc;--three-glow-c: 0x60a5fa;--three-road: 0x1e2e47;--three-particle: 0x38bdf8;--three-ambient: 0x111a2c;--three-key: 0x7dd3fc;--three-fill: 0x22d3ee;--three-fog: 0x0b1220;--three-ground: 0x0f1d33;--three-tree: 0x22d3ee;--three-car: 0x60a5fa}
#mobile-menu .btn{display: inline-flex;
      align-items: center;
      gap: 9px;
      padding: 12px 20px;
      border-radius: 999px;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: -0.005em;
      transition: transform 0.2s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
      border: 1px solid transparent;}
#mobile-menu .btn-primary{background: var(--accent);
      color: #fff;
      box-shadow: 0 8px 22px -8px rgba(45, 94, 142, 0.10);}
[data-theme="dark"] #mobile-menu .btn-primary{color: var(--ink-0); box-shadow: 0 8px 22px -8px rgba(107, 162, 216, 0.09);}
#mobile-menu .btn-primary:hover{transform: translateY(-1px);
      box-shadow: 0 14px 32px -8px rgba(45, 94, 142, 0.10);}
#mobile-menu .btn-primary{color:#fff}
[data-theme="dark"] #mobile-menu .btn-primary{color:#0b1220}
[data-theme="dark"] #mobile-menu .btn-primary{color:#0b1220}
#oi18n-toggle{display:none!important}
#nav,#mobile-menu{--bg:#ffffff;--bg-0:#ffffff;--bg-1:#ffffff;--bg-2:#ffffff;--ink-3:#5f6c80;--line-0:rgba(15,23,42,.07);--line-1:rgba(15,23,42,.11);--line-2:rgba(15,23,42,.17)}
[data-theme="dark"] #nav,[data-theme="dark"] #mobile-menu{--line-1:rgba(255,255,255,.12)}
#nav .theme-toggle{display:inline-flex}
html:root .nav{position: fixed;top: 0;left: 0;right: 0;height: 64px;z-index: 60;display: flex;align-items: center;padding: 0 clamp(16px,3vw,32px);background: color-mix(in oklab,var(--bg-0) 74%,transparent);backdrop-filter: blur(14px) saturate(140%);-webkit-backdrop-filter: blur(14px) saturate(140%);border-bottom: 1px solid var(--line-0);transition: background 0.4s ease,border-color 0.4s ease;}
html:root .nav.is-scrolled{background: color-mix(in oklab,var(--bg-0) 92%,transparent);border-bottom-color: var(--line-1);}
html:root .nav-links a.is-active{color: var(--accent);position: relative;}
html:root .nav-links a.is-active::after{content: '';position: absolute;left: 50%;bottom: -4px;width: 4px;height: 4px;border-radius: 999px;background: var(--accent);transform: translateX(-50%);}
html:root .nav-inner{width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 clamp(24px,5vw,80px);display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 24px;}
html:root .nav-left{display: inline-flex;align-items: center;gap: 10px;}
html:root .github-pill{height: 36px;display: inline-flex;align-items: center;gap: 7px;padding: 0 14px;border-radius: 999px;border: 1px solid color-mix(in oklab,var(--ink-0) 18%,var(--line-1));background: color-mix(in oklab,var(--ink-0) 4%,transparent);color: var(--ink-0);font-size: 12.5px;font-weight: 600;letter-spacing: 0.01em;text-decoration: none;transition: transform 0.2s ease,background 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;}
html:root .github-pill:hover{transform: translateY(-1px);background: color-mix(in oklab,var(--ink-0) 8%,transparent);border-color: color-mix(in oklab,var(--ink-0) 30%,var(--line-1));box-shadow: 0 6px 16px -8px rgba(15,23,42,0.25);}
:root[data-theme="dark"] .github-pill{background: color-mix(in oklab,#ffffff 6%,transparent);border-color: color-mix(in oklab,#ffffff 12%,var(--line-1));color: var(--ink-0);}
:root[data-theme="dark"] .github-pill:hover{background: color-mix(in oklab,#ffffff 12%,transparent);}
html:root .github-pill .gh-star-sep{width: 1px;height: 14px;margin: 0 2px 0 4px;background: color-mix(in oklab,var(--ink-0) 22%,transparent);display: inline-block;}
html:root .github-pill .gh-star-icon{color: #f5b400;filter: drop-shadow(0 1px 1px rgba(180,130,0,0.25));flex-shrink: 0;}
html:root .github-pill .gh-star-count{font-variant-numeric: tabular-nums;font-weight: 700;font-size: 12.5px;letter-spacing: 0.01em;color: var(--ink-0);}
:root[data-theme="dark"] .github-pill .gh-star-sep{background: color-mix(in oklab,#ffffff 22%,transparent);}
html:root .brand{display: inline-flex;align-items: center;gap: 10px;font-family: 'Inter Tight','Inter',sans-serif;font-weight: 600;font-size: 15px;letter-spacing: -0.01em;color: var(--ink-0);}
html:root .brand-name{display: inline-flex;}
html:root .brand-seg-1{color: var(--ink-0);}
html:root .brand-seg-2{color: var(--accent);}
html:root .brand-seg-3{color: var(--ink-0);}
:root[data-theme="dark"] .brand-seg-3{color: var(--ink-0);}
html:root .lang-toggle{height: 36px;padding: 0 11px;border-radius: 999px;border: 1px solid var(--line-1);color: var(--ink-1);display: inline-flex;align-items: center;gap: 6px;font-family: 'JetBrains Mono',ui-monospace,monospace;font-size: 11px;letter-spacing: 0.08em;cursor: pointer;background: transparent;transition: border-color 0.2s ease,color 0.2s ease,background 0.2s ease;}
html:root .lang-toggle:hover{border-color: var(--accent);color: var(--accent);background: color-mix(in oklab,var(--accent) 6%,transparent);}
html:root .lang-toggle .lang-code{font-weight: 500;}
html:root .lang-flag{width: 20px;height: 15px;border-radius: 2px;object-fit: cover;box-shadow: 0 0 0 1px rgba(15,23,42,0.08);display: block;}
:root[data-theme="dark"] .lang-flag{box-shadow: 0 0 0 1px rgba(255,255,255,0.15);}
html:root .nav-links{display: inline-flex;align-items: center;gap: clamp(10px,1.5vw,18px);font-size: 13.5px;color: var(--ink-1);font-weight: 500;}
html:root .nav-links a{transition: color 0.2s ease;}
html:root .nav-links a:hover{color: var(--accent);}
html:root .nav-right{justify-self: end;display: inline-flex;align-items: center;gap: 7px;}
html:root .theme-toggle{width: 36px;height: 36px;border-radius: 999px;border: 1px solid var(--line-1);color: var(--ink-0);display: inline-flex;align-items: center;justify-content: center;transition: border-color 0.2s ease,background 0.2s ease,transform 0.2s ease;}
html:root .theme-toggle:hover{border-color: var(--line-2);background: color-mix(in oklab,var(--ink-0) 5%,transparent);}
html:root .theme-toggle svg{width: 16px;height: 16px;display: block;}
html:root .theme-toggle .icon-sun{display: inline-block;}
html:root .theme-toggle .icon-moon{display: none;}
:root[data-theme="dark"] .theme-toggle .icon-sun{display: none;}
:root[data-theme="dark"] .theme-toggle .icon-moon{display: inline-block;}
html:root .install-pill{display: inline-flex;align-items: center;gap: 8px;padding: 9px 16px;border-radius: 999px;background: var(--accent);color: #fff;font-size: 13px;font-weight: 500;letter-spacing: -0.005em;transition: transform 0.2s ease,background 0.25s ease,box-shadow 0.25s ease;box-shadow: 0 6px 18px -6px rgba(45,94,142,0.10);}
:root[data-theme="dark"] .install-pill{color: #0b1220;box-shadow: 0 6px 18px -6px rgba(107,162,216,0.09);}
html:root .install-pill:hover{transform: translateY(-1px);box-shadow: 0 10px 22px -6px rgba(45,94,142,0.10);}
html:root .install-pill .arrow{transition: transform 0.2s ease;}
html:root .install-pill:hover .arrow{transform: translateX(2px);}
html:root .demo-pill{display: inline-flex;align-items: center;gap: 7px;padding: 8px 14px;margin-right: 8px;border-radius: 999px;background: rgba(45,94,142,0.08);color: var(--accent);border: 1px solid rgba(45,94,142,0.28);font-size: 13px;font-weight: 600;letter-spacing: -0.005em;white-space: nowrap;transition: transform 0.2s ease,background 0.25s ease,border-color 0.25s ease,color 0.25s ease;}
html:root .demo-pill:hover{transform: translateY(-1px);background: rgba(45,94,142,0.14);border-color: rgba(45,94,142,0.45);color: var(--accent);}
html:root .demo-pill svg{color: var(--accent);flex-shrink: 0;}
:root[data-theme="dark"] .demo-pill{background: rgba(107,162,216,0.09);color: var(--accent);border-color: rgba(107,162,216,0.09);}
:root[data-theme="dark"] .demo-pill:hover{background: rgba(107,162,216,0.09);border-color: rgba(107,162,216,0.09);}
@media (max-width: 720px){html:root .demo-pill span{display: none;}
html:root .demo-pill{padding: 8px 10px;margin-right: 4px;}}
@media (max-width: 1320px){html:root .nav-links-slot{display: none;}}
@media (max-width: 820px){html:root .nav-inner{grid-template-columns: auto 1fr auto;gap: 10px;}
html:root .nav-right .github-pill,html:root .nav-right .demo-pill,html:root .nav-right .install-pill{display: none;}}
html:root .nav-burger{display: none;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 10px;border: 1px solid var(--line-1);background: color-mix(in oklab,#ffffff 60%,transparent);cursor: pointer;color: var(--ink-0);transition: background 0.2s ease,border-color 0.2s ease;}
html:root .nav-burger:hover{border-color: color-mix(in oklab,var(--accent) 40%,var(--line-1));}
html:root .nav-burger svg{width: 18px;height: 18px;}
html:root .nav-burger .icon-close{display: none;}
html:root body.nav-open .nav-burger .icon-open{display: none;}
html:root body.nav-open .nav-burger .icon-close{display: block;}
@media (max-width: 1320px){html:root .nav-burger{display: inline-flex;}}
html:root .mobile-menu{position: fixed;inset: 0;z-index: 50;background: color-mix(in oklab,var(--bg-0) 90%,transparent);backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px);padding: 80px 28px 40px;display: flex;flex-direction: column;gap: 6px;opacity: 0;pointer-events: none;transform: translateY(-8px);transition: opacity 0.3s ease,transform 0.3s ease;}
html:root body.nav-open .mobile-menu{opacity: 1;pointer-events: auto;transform: translateY(0);}
html:root .mobile-menu a{font-family: 'Inter Tight',sans-serif;font-weight: 500;font-size: 24px;letter-spacing: -0.02em;color: var(--ink-0);text-decoration: none;padding: 16px 4px;border-bottom: 1px solid var(--line-1);display: flex;align-items: center;justify-content: space-between;transition: color 0.2s ease,padding-left 0.2s ease;}
html:root .mobile-menu a:hover,html:root .mobile-menu a:focus-visible{color: var(--accent);padding-left: 12px;}
html:root .mobile-menu a .arrow{width: 18px;height: 18px;color: var(--ink-3);transition: color 0.2s ease,transform 0.2s ease;}
html:root .mobile-menu a:hover .arrow{color: var(--accent);transform: translateX(4px);}
html:root .mobile-menu .cta-row{margin-top: 20px;display: flex;gap: 10px;}
html:root .mobile-menu .cta-row .btn{flex: 1;justify-content: center;}
@media (max-width: 620px){html:root .install-pill span{display: none;}
html:root .install-pill{padding: 9px 10px;}}
@media (max-width: 520px){html:root .nav-inner{padding: 0 14px;gap: 8px;}
html:root .nav-left{gap: 6px;}
html:root .brand{font-size: 14px;}
html:root .lang-toggle{padding: 0 8px;height: 34px;}
html:root .lang-toggle .lang-code{font-size: 11.5px;}
html:root .theme-toggle{width: 34px;height: 34px;}
html:root .nav-burger{width: 38px;height: 38px;}}
@media (max-width: 380px){html:root .brand{font-size: 13px;gap: 6px;}
html:root .brand-seg-2{max-width: 0;overflow: hidden;white-space: nowrap;display: inline-block;vertical-align: baseline;}}
html:root .install-pill:focus-visible{outline-offset: 3px;border-radius: 999px;}
html:root .github-pill:has(.gh-star-count:empty) .gh-star-sep,html:root .github-pill:has(.gh-star-count:empty) .gh-star-icon,html:root .github-pill .gh-star-count:empty{display:none;}
html:root .nav{--nb-h:38px;--nb-r:11px;--nb-bd:var(--line-2);--nb-bg:color-mix(in oklab,var(--bg-0,#fff) 82%,transparent)}
html:root .nav .lang-toggle,html:root .nav .theme-toggle,html:root .nav .nav-right .github-pill,html:root .nav .nav-right .demo-pill,html:root .nav .nav-right .nav-acad,html:root .nav .nav-right a.install-pill{height:var(--nb-h);min-height:var(--nb-h);border-radius:var(--nb-r);box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;font:600 13.5px/1 Inter,system-ui,sans-serif;letter-spacing:-.005em;text-decoration:none;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
html:root .nav .lang-toggle,html:root .nav .theme-toggle,html:root .nav .nav-right .github-pill{border:1px solid var(--nb-bd);background:var(--nb-bg);color:var(--ink-1);box-shadow:0 1px 2px rgba(11,18,32,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html:root .nav .lang-toggle{padding:0 12px 0 10px}
html:root .nav .lang-toggle .lang-flag{width:20px;height:15px;border-radius:3px;box-shadow:0 0 0 1px rgba(11,18,32,.12)}
html:root .nav .lang-toggle .lang-code{font:600 12px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.06em}
html:root .nav .theme-toggle{width:var(--nb-h);padding:0;justify-content:center}
html:root .nav .nav-right .github-pill{padding:0 13px}
html:root .nav .lang-toggle:hover,html:root .nav .theme-toggle:hover,html:root .nav .nav-right .github-pill:hover{border-color:color-mix(in oklab,var(--accent) 45%,var(--nb-bd));color:var(--ink-0);transform:translateY(-1px);box-shadow:0 8px 18px -10px rgba(11,18,32,.35)}
:root[data-theme="dark"] .nav{--nb-bg:rgba(255,255,255,.04)}
:root[data-theme="dark"] .nav .lang-toggle,:root[data-theme="dark"] .nav .theme-toggle,:root[data-theme="dark"] .nav .nav-right .github-pill{box-shadow:none}
html:root .nav .nav-right{gap:8px}
html:root .nav .nav-right>a{margin:0!important}
html:root .nav .nav-right .demo-pill,html:root .nav .nav-right .github-pill,html:root .nav .nav-right a.install-pill,html:root .nav .nav-right .nav-acad{padding:0 14px 0 12px!important;gap:8px}
html:root .nav .nav-right .github-pill>svg:first-child{width:14px;height:14px;opacity:.85}
html:root .nav .nav-right .github-pill .gh-star-icon{width:11px;height:11px}
html:root .nav .nav-right .github-pill .gh-star-count{font-size:12.5px}
html:root .nav .nav-right .nav-acad{position:relative;padding:0 14px 0 11px;color:var(--ink-0);border:1px solid transparent;background:linear-gradient(var(--bg-0,#fff),var(--bg-0,#fff)) padding-box,linear-gradient(120deg,var(--accent),color-mix(in oklab,var(--hc-green,#1f9d70) 80%,var(--accent))) border-box}
:root[data-theme="dark"] .nav .nav-right .nav-acad{background:linear-gradient(#0f1a2d,#0f1a2d) padding-box,linear-gradient(120deg,var(--accent),var(--hc-green,#2bb673)) border-box}
html:root .nav .nav-acad-mark{display:grid;place-items:center;width:17px;height:15px;flex:none;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);color:#fff;background:linear-gradient(150deg,var(--accent-2,var(--accent)),var(--hc-green,#1f9d70));transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
html:root .nav .nav-acad-mark svg{width:8px;height:8px;margin-inline-start:1px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
html:root .nav .nav-acad-txt{display:flex;flex-direction:column;gap:2px;line-height:1}
html:root .nav .nav-acad-sub{font:600 8.5px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--hc-green,#1f9d70)}
html:root .nav .nav-right .nav-acad:hover{transform:translateY(-1px);box-shadow:0 10px 22px -12px color-mix(in oklab,var(--hc-green,#1f9d70) 70%,transparent)}
html:root .nav .nav-right .nav-acad:hover .nav-acad-mark{transform:rotate(60deg) scale(1.05)}
html:root .nav .nav-right .nav-acad:hover .nav-acad-mark svg{transform:rotate(-60deg)}
html:root .nav .nav-right .demo-pill{padding:0 14px 0 12px;color:var(--accent);border:1px solid color-mix(in oklab,var(--accent) 55%,transparent);background:color-mix(in oklab,var(--accent) 7%,var(--bg-0,#fff))}
html:root .nav .nav-right .demo-pill>svg{display:none}
html:root .nav .nav-right .demo-pill .demo-live{position:relative;width:8px;height:8px;border-radius:50%;background:#22c55e;flex:none}
html:root .nav .nav-right .demo-pill .demo-live::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #22c55e;opacity:0;animation:navLive 2s ease-out infinite}
html:root .nav .nav-right .demo-pill:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 10px 22px -12px color-mix(in oklab,var(--accent) 80%,transparent)}
:root[data-theme="dark"] .nav .nav-right .demo-pill{background:color-mix(in oklab,var(--accent) 12%,transparent);border-color:color-mix(in oklab,var(--accent) 55%,transparent);color:var(--accent-2,var(--accent))}
:root[data-theme="dark"] .nav .nav-right .demo-pill:hover{background:var(--accent);color:#0b1220}
html:root .nav .nav-right a.install-pill{position:relative;overflow:hidden;padding:0 16px 0 14px;border:0;color:#fff;background:linear-gradient(135deg,var(--accent-2,var(--accent)),var(--accent-3,var(--accent)));box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 20px -10px color-mix(in oklab,var(--accent) 90%,transparent)}
html:root .nav .nav-right a.install-pill::before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .7s ease}
html:root .nav .nav-right a.install-pill:hover::before{left:130%}
html:root .nav .nav-right a.install-pill svg{transition:transform .25s ease}
html:root .nav .nav-right a.install-pill:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 14px 26px -12px color-mix(in oklab,var(--accent) 95%,transparent)}
html:root .nav .nav-right a.install-pill:hover svg{transform:translateY(2px)}
:root[data-theme="dark"] .nav .nav-right a.install-pill{color:#0b1220;background:linear-gradient(135deg,#9cc4ec,var(--accent))}
html:root .nav .nav-right :is(.nav-acad,.demo-pill,.install-pill,.github-pill):focus-visible,html:root .nav :is(.lang-toggle,.theme-toggle):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (max-width:1360px){html:root .nav .nav-acad-sub{display:none}}
@media (max-width:1180px){html:root .nav .nav-right .nav-acad{padding:0 11px}
html:root .nav .nav-acad-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
html:root .nav .nav-right .github-pill [data-i18n="nav.github"]{display:none}}
@media (max-width:820px){html:root .nav .nav-right .nav-acad{display:none}}
@media (min-width:1321px) and (max-width:1560px){html:root #nav.nav .nav-inner{padding-inline:20px!important;max-width:none!important}
html:root .nav .nav-right .github-pill :is(.gh-star-sep,.gh-star-icon,.gh-star-count){display:none!important}}
@media (min-width:1321px) and (max-width:1400px){html:root .nav .nav-right .github-pill [data-i18n="nav.github"]{display:none!important}
html:root .nav .nav-links{gap:10px!important}}
@media (prefers-reduced-motion:reduce){html:root .nav .nav-right .demo-pill .demo-live::after{animation:none}
html:root .nav .nav-right a.install-pill::before{display:none}}
html:root .demo-pill,html:root .install-pill,html:root .github-pill{border-radius: 12px !important;}
:root[data-theme="dark"] .nav-burger{background:rgba(255,255,255,.04);}
@media (max-width:820px){html:root .nav .nav-right .demo-pill,html:root .nav .nav-right .github-pill,html:root .nav .nav-right a.install-pill{display:none!important;}}
/* Pages carry leftover rules of older menus; pin what they used to change. */
html:root #nav,html:root #mobile-menu{font-size:16px;color:var(--ink-0)}
html:root #nav .nav-inner{justify-content:normal}
html:root #nav .nav-inner>*{min-width:max-content}
html:root #nav .nav-left>*,html:root #nav .nav-right>*{flex-shrink:0}
html:root #nav .nav-links a{padding:0;font-weight:500;color:var(--ink-1)}
html:root #nav .nav-links a:hover{color:var(--accent)}