.sv-nav-header,.sv-mobile-menu{--sv-ink:var(--ink,var(--text,#F5F9FF));--sv-muted:var(--muted,var(--ink-soft,#A9BDD5));--sv-bg:var(--paper,var(--bg,#050B18));--sv-line:var(--line,var(--border,#233954));--sv-surface:var(--surface,#0D1B30);--sv-blue:#3B82F6;--sv-cyan:#22D3EE;--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.sv-nav-header>.brand,.sv-menu-brand>.brand{display:inline-flex;align-items:center;gap:0;color:var(--sv-ink);font:750 20px/1.6 var(--font);letter-spacing:-.6px;text-decoration:none;white-space:nowrap}
.sv-nav-header .brand-accent,.sv-menu-head .brand-accent{color:var(--sv-cyan)}
.sv-nav-icon{width:20px;height:20px;display:inline-block;flex:0 0 20px;vertical-align:middle;color:var(--sv-cyan)}
/* Shared, intentionally identical logo and mobile navigation across all four labs. */
:is(.sv-nav-header,.sv-menu-head) .brandmark{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;margin-right:10px;border-radius:10px;background:linear-gradient(140deg,#22D3EE,#3B82F6);color:#04121c;font:800 16px/1 var(--font)}
:is(.sv-nav-header,.sv-menu-head) .brandmark{background:#050B18;box-shadow:inset 0 0 0 1px rgba(34,211,238,.4)}
:is(.sv-nav-header,.sv-menu-head) .brandmark svg{display:block;width:80%;height:80%}
:is(.sv-nav-header,.sv-menu-head) .brand-name{white-space:nowrap;font-size:20px;font-weight:750;letter-spacing:-.6px}
.sv-mobile-menu{display:none}
.sv-nav-header>.sv-menu-toggle{display:none}
@media(max-width:1023px){
  html.sv-menu-open{overflow:hidden}
  .sv-nav-header{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;height:64px!important;min-height:64px!important;padding:0 12px!important}
  .sv-nav-header>.brand{flex:1 1 auto!important;margin:0!important;min-width:0;overflow:visible}
  :is(.sv-nav-header,.sv-menu-head) .brand-name{display:inline!important}
  :is(.sv-nav-header,.sv-menu-head) .brand-divider,:is(.sv-nav-header,.sv-menu-head) .brand-lab{display:none!important}
  .sv-nav-header .brand-accent{color:var(--sv-cyan)}
  .sv-nav-header>#sv-save,.sv-nav-header>#sv-account{display:none!important}
  .sv-nav-header>#themeSlot{display:none!important}
  .sv-nav-header .head-nav,.sv-nav-header>.tabs,.sv-nav-header>.top-tools,.sv-nav-header .main-nav,.sv-nav-header .hdr-search,.sv-nav-header .hdr-cta,.sv-nav-header>nav{display:none!important}
  .sv-nav-header>.sv-menu-toggle{display:inline-grid!important;place-items:center;order:20;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid var(--sv-line);border-radius:10px;background:var(--sv-surface);color:var(--sv-ink);cursor:pointer}
  .sv-menu-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
  .sv-nav-header .search-btn{margin:0!important;flex:0 0 44px!important;width:44px!important;height:44px;min-height:44px;padding:10px}
  .sv-nav-header .search-btn .search-label,.sv-nav-header .search-btn kbd{display:none}
  .sv-mobile-menu[open]{display:flex;flex-direction:column;position:fixed;inset:0 0 0 auto;margin:0;width:min(100%,440px);max-width:100%;height:100vh;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid var(--sv-line);background:var(--sv-bg);color:var(--sv-ink);box-shadow:-20px 0 60px #0005;font:15px/1.5 var(--font)}
  .sv-mobile-menu::backdrop{background:#020817b3}
  .sv-menu-head{display:flex;align-items:center;justify-content:space-between;flex:none;gap:12px;height:64px;min-height:64px;padding:0 12px;border-bottom:0}
  .sv-menu-brand{min-width:0}.sv-menu-brand .brand{margin:0!important;text-decoration:none}
  .sv-menu-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--sv-line);border-radius:10px;background:var(--sv-surface);color:var(--sv-ink);font:30px/1 var(--font);cursor:pointer}
  .sv-menu-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:16px 16px max(24px,env(safe-area-inset-bottom));min-height:0}
  .sv-menu-search{display:block;margin-bottom:18px}.sv-menu-search input{width:100%;min-height:48px;padding:10px 14px;background:var(--sv-surface);border:1px solid var(--sv-line);border-radius:10px;font-size:16px;color:var(--sv-ink)}
  #sv-mobile-menu .sv-menu-links{display:flex;flex-direction:column;gap:4px}
  #sv-mobile-menu .sv-menu-links :is(ul,li){list-style:none;margin:0;padding:0}
  #sv-mobile-menu .sv-menu-links :is(a,summary,button){display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px;border:0;border-radius:10px;background:transparent;color:var(--sv-ink);font:500 14px/1.5 var(--font);text-align:left;text-decoration:none;cursor:pointer;overflow-wrap:anywhere}
  #sv-mobile-menu .sv-menu-links :is(a,button)[aria-current="page"]{background:var(--sv-blue);color:#fff}
  #sv-mobile-menu .sv-menu-links :is(a,summary,button):hover{background:var(--sv-surface)}
  #sv-mobile-menu .sv-menu-links :is(a,button)[aria-current="page"]:hover{background:var(--sv-blue)}
  #sv-mobile-menu .sv-menu-links details{border-bottom:1px solid var(--sv-line);padding:4px 0}
  #sv-mobile-menu .sv-menu-links summary{list-style:none;font-weight:700}#sv-mobile-menu .sv-menu-links summary::-webkit-details-marker{display:none}#sv-mobile-menu .sv-menu-links summary::after{content:'⌄';margin-left:auto;width:auto;height:auto;border:0;transform:none}#sv-mobile-menu .sv-menu-links details[open]>summary::after{content:'⌃';transform:none}
  #sv-mobile-menu .sv-menu-links details a,#sv-mobile-menu .sv-menu-links .sub a{padding-left:24px}
  #sv-mobile-menu .sv-menu-links :is(.side-count,kbd,.dot,.g-count){display:none}
  #sv-mobile-menu .sv-menu-links :is(.side-head,.side-sub){font-size:12px;color:var(--sv-muted);padding:10px 12px;font-weight:650}
  #sv-mobile-menu .sv-menu-links .side-head{display:flex}#sv-mobile-menu .sv-menu-links .side-foot{margin-top:10px;padding-top:10px;border-top:1px solid var(--sv-line)}
  #sv-mobile-menu .sv-menu-links .ico{width:20px;height:20px;flex:none}
  #sv-mobile-menu .sv-menu-links small{display:none}#sv-mobile-menu .sv-menu-links a>b{font-size:14px}#sv-mobile-menu .sv-menu-links a:has(b){flex-wrap:wrap}
  #sv-mobile-menu .sv-menu-links em{font-size:10px;font-style:normal;color:var(--sv-cyan)}
  .sv-menu-utils{margin-top:24px;border-top:1px solid var(--sv-line);padding-top:8px}
  .sv-menu-utils section{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;position:relative}
  .sv-menu-utils h2{width:100%;margin:0;color:var(--sv-muted);font:650 12px/1.5 var(--font);letter-spacing:.06em;text-transform:uppercase}
  .sv-menu-utils #themeSlot{width:100%}.sv-menu-utils .theme-seg{width:100%}.sv-menu-utils .theme-seg button{flex:1;justify-content:center;min-height:44px;padding:10px}.sv-menu-utils .theme-seg span{display:inline}
  .sv-menu-utils :is(.icon-btn,.toggle){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
  .sv-menu-utils .sim-ctl{display:flex;align-items:center;gap:10px;margin:0}.sv-menu-utils .sim-ctl button{min-width:44px;min-height:44px}
  .sv-menu-utils #sv-save{display:inline-flex;position:static;min-width:44px;min-height:44px;align-items:center;justify-content:center}
  .sv-menu-utils #sv-account{display:block;position:static;max-width:100%}
  .sv-menu-all{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-top:16px;padding:12px;border-top:1px solid var(--sv-line);color:var(--sv-cyan);font-weight:600;text-decoration:none}
  .sv-menu-empty{color:var(--sv-muted);padding:12px}
}

@media(max-width:440px){.sv-mobile-menu[open]{border-left:0}}

.sv-menu-utils h2{display:flex;align-items:center;gap:10px}
.sv-menu-all{gap:10px}.sv-menu-all>span{margin-left:auto}
#sv-mobile-menu .sv-menu-links .sv-nav-icon{color:var(--sv-cyan)}
#sv-mobile-menu .sv-menu-links [aria-current="page"]>.sv-nav-icon{color:inherit}
#sv-mobile-menu .sv-menu-links summary>.mn-chev{display:none}
@media(max-width:1023px){
 header.top.sv-nav-header{margin:0 -16px;position:sticky;top:0;z-index:50;background:var(--sv-bg)}
 .sv-nav-header{box-sizing:border-box}
 .sv-nav-header>.brand{flex:1;min-width:0}
 .sv-nav-header .brand small{display:none}
 .lab .layout{grid-template-columns:minmax(0,1fr)}
 .lab .sidebar{display:none}
 .site-header #mobile-nav{display:none!important}
 .sv-menu-utils #themeBtn,.sv-menu-utils #keysBtn,.sv-menu-utils #openKeys{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:10px 12px;border:1px solid var(--sv-line);border-radius:10px;background:var(--sv-surface);color:var(--sv-ink);font:600 14px/1.3 var(--font);cursor:pointer}
 .sv-menu-links .mn-link{border-bottom:0}
}

.sv-mobile-menu [hidden]{display:none!important}

:is(.sv-nav-header,.sv-menu-head) .brand-name{color:var(--sv-ink)}
#sv-mobile-menu .sv-menu-links details{border:0;border-bottom:1px solid var(--sv-line);border-radius:0;background:transparent;box-shadow:none;margin:0;padding:4px 0}

#sv-mobile-menu .sv-menu-links :is(a,button){justify-content:flex-start;text-align:left}