/* Shared public-site navigation. No Tailwind visibility utilities required. */
html { scroll-padding-top: 80px; }
.site-header { background: rgba(13,27,42,.94); border-bottom: 1px solid rgba(226,232,240,.10); backdrop-filter: blur(16px); }
.light .site-header { background: rgba(248,250,252,.96); border-color: rgba(15,23,42,.10); }
.site-header .header-inner { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 12px; height: 64px; max-width: 1280px; padding: 0 24px; }
.site-header .header-logo { justify-self: start; flex: none; white-space: nowrap; font-size: 20px; line-height: 1; font-weight: 800; min-width: max-content; min-height: 44px; gap: 10px; }
.site-header .header-logo img { flex: none; width: 32px; height: 32px; object-fit: contain; }
.site-header .header-nav { display: none; gap: 24px; white-space: nowrap; }
.site-header .header-actions { justify-self: end; display: flex; flex: none; align-items: center; gap: 8px; }
.site-header .header-signin { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 12px; border-radius: 10px; font-size: 14px; line-height: 1; font-weight: 600; white-space: nowrap; color: #fff; background: #6366f1; transition: background .15s; }
.light .site-header .header-signin { background: #4f46e5; color: #fff; }
.site-header .header-signin:hover { background: #4f46e5; }
.site-header .mobile-menu-btn { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border-radius: 10px; }
.site-header .mobile-menu-btn:hover { background: rgba(127,127,127,.12); }
.site-header .menu-icon-close, .site-header .mobile-menu-btn[aria-expanded="true"] .menu-icon-open { display: none; }
.site-header .mobile-menu-btn[aria-expanded="true"] .menu-icon-close { display: block; }
.site-header a:focus-visible, .site-header button:focus-visible, .site-header summary:focus-visible, .site-mobile-menu a:focus-visible { outline: 2px solid #818cf8; outline-offset: 3px; }
.site-header .header-nav > a, .site-header .dropdown-trigger { display: inline-flex; align-items: center; min-height: 44px; padding: 0; font-size: 14px; line-height: 1.4; }
.site-header .header-nav [aria-current="page"], .site-mobile-menu [aria-current="page"], .site-header .header-dropdown.is-current > summary { color: #818cf8; }
.light .site-header .header-nav [aria-current="page"], .light .site-mobile-menu [aria-current="page"], .light .site-header .header-dropdown.is-current > summary { color: #4f46e5; }
.site-header .header-dropdown { position: relative; }
.site-header summary { list-style: none; user-select: none; }
.site-header summary::-webkit-details-marker { display: none; }
.site-header .header-dropdown[open] > summary svg { transform: rotate(180deg); }
.site-header .header-dropdown > .dropdown-menu { display: none; top: 100%; left: 0; transform: none; margin-top: 0; min-width: 260px; max-height: min(520px,calc(100dvh - 80px)); overflow-y: auto; background: #132334; }
.light .site-header .header-dropdown > .dropdown-menu { background: #fff; }
.site-header .header-dropdown[open] > .dropdown-menu { display: block; }
.site-header .dropdown-item { min-height: 44px; display: flex; align-items: center; }
.site-mobile-menu[hidden] { display: none !important; }
.site-mobile-menu:not([hidden]) { display: block; }
.site-mobile-menu { top: 64px; bottom: 0; z-index: 10000; overflow-y: auto; overscroll-behavior: contain; padding: 16px 24px max(24px,env(safe-area-inset-bottom)); }
.site-mobile-menu > nav { width: 100%; max-width: 800px; margin: 0 auto; }
.site-mobile-menu a { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; font-size: 16px; line-height: 1.5; border-radius: 8px; }
.site-mobile-menu .mobile-menu-primary, .site-mobile-menu .mobile-menu-tools { display: grid; gap: 4px; }
.site-mobile-menu .mobile-menu-tools { border-top: 1px solid rgba(127,127,127,.25); margin-top: 16px; padding-top: 16px; }
.site-mobile-menu .mobile-menu-label { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #94a3b8; padding: 4px 12px; margin: 0; }
.site-menu-open { overflow: hidden; }
@media (max-width: 599px) { .site-header .header-inner { padding: 0 16px; } .site-mobile-menu { padding-left: 16px; padding-right: 16px; } }
@media (max-width: 359px) { .site-header .header-inner { padding: 0 12px; gap: 8px; } .site-header .header-logo { font-size: 18px; gap: 8px; } .site-header .header-logo img { width: 28px; height: 28px; } }
@media (min-width: 600px) and (max-width: 1023px) { .site-mobile-menu > nav { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; } .site-mobile-menu .mobile-menu-tools { margin-top: 0; border-top: 0; padding-top: 0; } }
@media (min-width: 1024px) { .site-header .header-inner { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 24px; } .site-header .header-nav { display: flex; justify-self: center; } .site-header .mobile-menu-btn { display: none; } .site-mobile-menu { display: none !important; } }