/* Shared navigation: fixed geometry, no scroll-triggered movement. */
html { scrollbar-gutter: stable; scroll-padding-top: 92px; }
.hdr { background: rgba(11,10,14,.96); border-bottom: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(16px); }
.hdr > .wrap { position: static; max-width: 1280px; height: 76px; grid-template-columns: 116px minmax(0,1fr) 292px; column-gap: 16px; padding-inline: 32px; }
.hdr .logo { width: 116px; min-height: 44px; }
.hdr .logo img { width: 108px; height: auto; }
.hdr .nav { display: grid; grid-template-columns: 68px 94px 126px 62px 78px 80px; justify-self: center; gap: 0; align-items: stretch; height: 76px; }
.hdr .nav > a { position: relative; display: flex; align-items: center; justify-content: center; padding: 0 7px; font-size: 12px; color: #b5afb9; }
.hdr .nav > a::after { content: ''; position: absolute; bottom: 15px; left: 14px; right: 14px; height: 2px; background: var(--or); opacity: 0; }
.hdr .nav > a:hover { color: var(--text); background: rgba(255,255,255,.035); }
.hdr .nav > a.active, .hdr .nav > a[aria-current="page"] { color: var(--text); }
.hdr .nav > a.active::after, .hdr .nav > a[aria-current="page"]::after { opacity: 1; }
.hdr .actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; width: 292px; visibility: visible; }
.hdr [data-auth-nav] > a { visibility: hidden; }
html.auth-nav-ready .hdr [data-auth-nav] > a { visibility: visible; }
.hdr .actions > a { flex: none; min-height: 36px; height: 36px; padding: 7px 10px; font-size: 11px; white-space: nowrap; }
.hdr .actions > [data-auth-signin] { width: 66px; }
.hdr .actions > [data-auth-create] { width: 144px; }
.hdr .actions > [data-auth-signin][href="/dashboard"] { width: 120px; }
.hdr .actions > [data-signout] { width: 90px; }
.hdr .lang { flex: none; width: 70px; height: 36px; }
.hdr .lang button.lang-toggle { width: 70px; height: 36px; }
.hdr .lang-toggle:hover, .hdr .lang.open .lang-toggle { color: var(--or2); }
.hdr .lang-menu { top: calc(100% + 12px); padding: 6px; gap: 4px; }
.hdr .lang-menu button { min-width: 44px; min-height: 44px; }
.hdr :is(a, button):focus-visible { outline: 2px solid var(--or2); outline-offset: 3px; }
.hdr .btn:focus-visible, .hdr .lang button:focus-visible, .hdr .nav-toggle:focus-visible { outline-offset: -3px; }
.hdr .mobile-nav-actions { display: none; }
.nav-backdrop { position: fixed; inset: 68px 0 0; z-index: 39; background: rgba(0,0,0,.6); }
.nav-backdrop[hidden] { display: none; }
html.nav-open { overflow: hidden; }
@media (max-width: 1179px) {
  html { scroll-padding-top: 84px; }
  .hdr > .wrap { height: 68px; grid-template-columns: 1fr 70px 44px; padding-inline: 24px; column-gap: 12px; }
  .hdr .logo { grid-column: 1; grid-row: 1; }
  .hdr .actions { grid-column: 2; grid-row: 1; display: block; width: 70px; }
  .hdr .actions > a { display: none !important; }
  .hdr .lang, .hdr .lang button.lang-toggle { height: 44px; }
  .hdr .nav { display: none; height: auto; }
  .hdr .nav-toggle { --cut: 8px; position: relative; display: block; grid-column: 3; grid-row: 1; width: 44px; height: 44px; padding: 0; cursor: pointer; color: var(--text); border: 1px solid var(--hair); background: #211d26; clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut))); }
  .hdr .nav-toggle span { position: absolute; left: 50%; top: 50%; width: 18px; height: 2px; display: block; background: currentColor; transform: translate(-50%,-50%); }
  .hdr .nav-toggle span:first-child { transform: translate(-50%,-50%) translateY(-6px); }
  .hdr .nav-toggle span:last-child { transform: translate(-50%,-50%) translateY(6px); }
  .hdr .nav-toggle::after { content: ''; }
  .hdr.mobile-open .nav-toggle::after { content: none; }
  .hdr.mobile-open .nav-toggle span { display: block; }
  .hdr.mobile-open .nav-toggle span:first-child { transform: translate(-50%,-50%) rotate(45deg); }
  .hdr.mobile-open .nav-toggle span:nth-child(2) { opacity: 0; }
  .hdr.mobile-open .nav-toggle span:last-child { transform: translate(-50%,-50%) rotate(-45deg); }
  .hdr.mobile-open .nav { display: flex; flex-direction: column; align-items: stretch; z-index: 50; position: absolute; top: 100%; left: 0; right: 0; width: auto; height: auto; max-height: calc(100dvh - 68px); padding: 16px max(24px, calc((100vw - 760px) / 2)) calc(24px + env(safe-area-inset-bottom)); gap: 0; overflow-y: auto; overscroll-behavior: contain; background: #100e14; border-top: 0; box-shadow: 0 20px 36px rgba(0,0,0,.25); }
  .hdr.mobile-open .nav > a { flex: none; min-height: 48px; justify-content: flex-start; padding: 9px 8px; font-size: 17px; border-bottom: 1px solid var(--hair2); }
  .hdr.mobile-open .nav > a::after { display: none; }
  .hdr.mobile-open .nav > a.active { color: var(--or2); background: none; }
  .hdr.mobile-open .nav > a.active::before { content: ''; width: 4px; height: 18px; background: var(--or); margin-right: 12px; }
  .hdr.mobile-open .mobile-nav-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 20px 0 0; margin-top: 0; border: 0; }
  .hdr.mobile-open .mobile-nav-actions[hidden] { display: none; }
  .hdr .mobile-nav-actions .btn { min-height: 48px; font-size: 12px; padding-inline: 8px; }
  .hdr .mobile-nav-actions .btn:only-child { grid-column: 1 / -1; }
  .hdr [data-pending-auth] { visibility: hidden; }
  html.auth-nav-ready .hdr [data-pending-auth] { visibility: visible; }
}
@media (max-width: 380px) { .hdr > .wrap { padding-inline: 20px; column-gap: 8px; } }
@media (prefers-reduced-motion: reduce) { .hdr *, .hdr *::after { transition: none !important; } }