/* Shared header & mobile menu styles (extracted from index.html) */
/* Provide a consistent, legible header across all pages */
.sticky-bar{position:sticky;top:0;z-index:9999}
header.sticky-bar, .site-header{
	background: var(--surface, #0f3564);
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,.12);
	-webkit-backdrop-filter: saturate(1.1) blur(6px);
	backdrop-filter: saturate(1.1) blur(6px);
}
.nav-container{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:flex-end;gap:20px;padding:10px 16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:800;letter-spacing:.2px;margin-right:auto}
.brand .logo{height:28px;width:auto;display:block}
.links{display:flex;align-items:center;gap:16px}
.links>a{color:inherit;text-decoration:none;opacity:.9;padding:6px 8px;border-radius:8px}
.links>a:hover{background:rgba(255,255,255,.06);opacity:1}
.menu{position:relative;z-index:10000}
.menu-btn{background:rgba(255,255,255,.12);border:0;padding:6px 10px;color:inherit;border-radius:10px;cursor:pointer}
.menu-list{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface, #0f3564);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px;display:flex;flex-direction:column;min-width:160px;box-shadow:0 8px 20px rgba(0,0,0,.25);z-index:10001}
.menu-list[hidden]{display:none}
/* Force white text inside dropdown regardless of page theme */
.menu-list, .menu-list a{color:#fff !important}
.menu-list a{text-decoration:none;padding:6px 10px;border-radius:8px;white-space:nowrap}
.menu-list a:hover{background:rgba(255,255,255,.12)}
/* Active link highlighting */
.links>a[aria-current=page]{background:rgba(255,255,255,.14);opacity:1;font-weight:700;box-shadow:0 0 0 1px rgba(255,255,255,.15) inset}
.menu-list a[aria-current=page]{background:rgba(255,255,255,.14);font-weight:700}
/* Mobile: previously only first two links (Home, Download) were shown.
	Expand to show first four (Home, Download, Updates, Business) for direct access. */
@media (max-width:720px){ .links>a:nth-child(n+5){display:none} }