/* VideoOS unified shell — SINGLE SOURCE OF TRUTH for header+footer on every page.
   Loaded next to fonts.css. Prefix vshell- to avoid colliding with any page CSS. */
:root{--vs-bg:#0a0b0d;--vs-a1:#ff6a3d;--vs-a2:#ff3d6e;--vs-ink:#e9ecf2;--vs-mut:#aab2c5;--vs-line:rgba(255,255,255,.08)}
body{padding-top:64px;background:var(--vs-bg)}  /* reserve nav height → zero CLS; unify brand bg (kills #070a14 seam) */
.vshell-nav [tabindex="-1"]{outline:none}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:8px 14px;border-radius:0 0 8px 0;z-index:1100}
.skip:focus{left:0}
.vshell-nav{position:fixed;top:0;left:0;right:0;height:64px;z-index:1000;background:rgba(10,11,13,.82);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--vs-line);
  font-family:'Inter',system-ui,sans-serif;view-transition-name:vshell-nav}
.vshell-nav .wrap{max-width:1180px;margin:0 auto;height:100%;padding:0 22px}
.vshell-nav .nav-in{display:flex;align-items:center;gap:20px;height:100%}
.vshell-nav a{text-decoration:none}
.vshell-nav .logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.18rem;color:#fff;letter-spacing:-.02em}
.vshell-nav .logo img{display:block}
.vshell-nav .logo .a{background:linear-gradient(90deg,var(--vs-a1),var(--vs-a2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vshell-nav .nlinks{display:flex;gap:22px;align-items:center;margin-left:8px}
.vshell-nav .nlinks a{color:var(--vs-mut);font-size:.94rem;font-weight:500;transition:color .15s}
.vshell-nav .nlinks a:hover{color:#fff}
.vshell-nav .nlinks a[aria-current=page]{color:#fff;font-weight:600}
.vshell-nav .nav-right{margin-left:auto;display:flex;align-items:center;gap:14px}
.vshell-nav .nav-signin{color:var(--vs-mut);font-size:.92rem;font-weight:500}
.vshell-nav .nav-signin:hover{color:#fff}
.vshell-nav .btn-primary{background:linear-gradient(90deg,var(--vs-a1),var(--vs-a2));color:#fff;padding:9px 18px;border-radius:10px;font-weight:600;font-size:.92rem}
.vshell-nav .btn-primary:hover{filter:brightness(1.08)}
.vshell-nav .nav-burger{display:none;background:none;border:0;color:#fff;font-size:1.5rem;cursor:pointer;line-height:1;padding:4px 8px}
.vshell-foot{border-top:1px solid var(--vs-line);margin-top:60px;padding:34px 22px;color:var(--vs-mut);
  font-size:.86rem;background:var(--vs-bg);font-family:'Inter',system-ui,sans-serif;view-transition-name:vshell-foot}
.vshell-foot .wrap{max-width:1180px;margin:0 auto}
.vshell-foot a{color:var(--vs-mut);text-decoration:none}.vshell-foot a:hover{color:#fff}
.vshell-foot .frow{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:14px}
@media(max-width:860px){
 .vshell-nav .nav-burger{display:block;margin-left:auto}
 .vshell-nav .nav-right{margin-left:0;gap:10px}
 .vshell-nav .nlinks{position:fixed;top:64px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;
   background:#0c0e12;border-bottom:1px solid var(--vs-line);padding:6px 22px;margin:0;display:none}
 .vshell-nav .nlinks.open{display:flex}
 .vshell-nav .nlinks a{padding:13px 0;width:100%;font-size:1rem}
 .vshell-nav .nav-signin{display:none}
}
@view-transition{navigation:auto}