/* Shared Docs navigation for every public Ellami page. */
@font-face { font-family:"Space Grotesk Docs"; src:url('/website/assets/fonts/space-grotesk-latin.woff2') format('woff2'); font-weight:300 700; font-display:swap; }
body .site-header {
  position:fixed; top:18px; left:50%; transform:translateX(-50%); z-index:20;
  display:flex; align-items:center; justify-content:space-between;
  width:min(1440px,calc(100% - 48px)); height:64px; padding:0 22px;
  border:1px solid rgba(224,211,255,.2); border-radius:14px;
  background:linear-gradient(135deg,rgba(236,225,255,.09),rgba(236,225,255,.018)),rgba(15,13,22,.42);
  box-shadow:0 12px 36px rgba(3,5,16,.22),inset 0 1px 0 rgba(245,235,255,.12);
  backdrop-filter:blur(24px) saturate(135%); -webkit-backdrop-filter:blur(24px) saturate(135%);
  color:#f4f3f6; font:400 16px/1.65 "Space Grotesk Docs",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.site-header .brand { display:inline-flex; align-items:center; font-weight:650; text-decoration:none; color:#f4f3f6; flex-shrink:0; gap:8px; font-size:20px; letter-spacing:-.7px; }
.site-header .brand img { display:block; width:24px; height:24px; object-fit:contain; }
.site-header .docs-header-label { border-left:1px solid rgba(205,215,255,.16); margin-left:6px; padding-left:12px; color:#a1a7c0; font-size:12px; font-weight:500; font-style:normal; letter-spacing:0; }
.site-header .desktop-nav { display:flex; gap:24px; margin-left:auto; font-size:13px; color:#c0c4d7; }
.site-header .desktop-nav a:hover,.site-header .desktop-nav a[aria-current="page"] { color:#f7f4fa; }
.site-header .header-actions { display:flex; align-items:center; gap:17px; margin-left:28px; padding-left:22px; border-left:1px solid #ffffff24; }
.site-header .language { display:flex; align-items:center; justify-content:center; min-height:44px; min-width:24px; font-size:12px; color:#aaa6b0; }
.site-header .language:hover { color:#f7f4fa; }
body .site-header .console-button {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:44px; padding:11px 15px; border-radius:10px; font-size:13px; font-weight:650; line-height:1.4; letter-spacing:-.1px; white-space:nowrap;
  color:#f4f3f6; border:1px solid rgba(193,157,250,.3); background:rgba(162,79,255,.16);
  box-shadow:inset 0 1px rgba(235,224,255,.06);
}
body .site-header .console-button:hover { background:rgba(162,79,255,.26); }
.site-header .console-button span { display:none; }
.site-header .mobile-nav { position:absolute; left:0; right:0; padding:12px 20px; top:calc(100% + 5px); border:1px solid rgba(224,211,255,.2); background:rgba(19,14,31,.97); border-radius:12px; }
.site-header a { text-decoration:none; }
.site-header .desktop-nav a { padding-block:12px; }
.site-header .mobile-nav a { display:flex; align-items:center; min-height:44px; padding:9px 5px; font-size:13px; }
.site-header .menu-toggle { display:none; flex-direction:column; justify-content:center; align-items:center; gap:6px; width:44px; height:44px; border:0; background:transparent; cursor:pointer; }
.site-header .menu-toggle span { display:block; width:18px; height:1px; background:#d2cad8; }
.site-header [hidden] { display:none!important; }
.site-header :is(a,button):focus-visible { outline:2px solid #be8ef7; outline-offset:4px; }
@media(max-width:820px) {
  body .site-header { width:calc(100% - 32px); top:12px; height:60px; padding:0 16px; }
  .site-header .header-actions { gap:14px; margin-left:auto; padding-left:0; border-left:0; }
  body .site-header .console-button { display:none; }
  .site-header .desktop-nav { display:none; }
  .site-header .menu-toggle { display:flex; }
}
@media(max-width:600px) {
  body .site-header .brand { font-size:20px; }
  .site-header .header-actions { gap:8px; }
}