/* Shared site header and nav styles */
:root{ --nav-bg: rgba(255,255,255,0.04); --nav-accent:#4a9eff; --nav-ghost: rgba(255,255,255,0.06); }
.site-topbar{ position:fixed; left:16px; top:12px; right:16px; z-index:9999; display:flex; align-items:center; justify-content:space-between; gap:12px }
.site-topbar .brand{ display:flex; align-items:center; gap:12px }
.site-topbar .brand a{ display:inline-flex; align-items:center; gap:10px; text-decoration:none }
.site-topbar .brand img.logo{ height:80px; width:auto; display:block; border-radius:12px; background:#fff; padding:8px; box-shadow:0 10px 30px rgba(2,8,20,0.12); border:1px solid rgba(0,0,0,0.06); transition:transform .14s ease, box-shadow .14s ease }
.site-nav{ display:flex; gap:10px; align-items:center }
.site-nav .nav-button{
	-webkit-font-smoothing:antialiased;
	display:inline-flex;
	align-items:center;
	gap:8px;
	background: rgba(255,255,255,0.035);
	color: #eaf6ff;
	padding:10px 14px;
	border-radius:12px;
	font-weight:700;
	text-decoration:none;
	box-shadow:0 8px 22px rgba(2,8,20,0.45), inset 0 1px 0 rgba(255,255,255,0.02);
	border: 1.2px solid rgba(6,30,73,0.9);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	transition: transform .14s ease, box-shadow .14s ease, opacity .12s ease;
}
.site-nav .nav-button.secondary{ background:transparent; color:var(--nav-accent); box-shadow:none; border:1px solid rgba(6,30,73,0.6) }
.site-nav .nav-button.small{ padding:8px 10px; font-size:0.92rem }
.site-nav .nav-button:focus{ outline:3px solid rgba(74,158,255,0.16); outline-offset:2px }
.site-topbar .brand a:hover img.logo, .site-nav .nav-button:hover{ transform: translateY(-3px); box-shadow:0 18px 36px rgba(3,12,30,0.42) }
@media (max-width:980px){
	/* Keep logo prominent on mobile and allow nav to wrap.
		 Make the topbar non-fixed on small screens so it scrolls with the page. */
	.site-topbar{ position:static; left:auto; right:auto; top:auto; align-items:flex-start; width:100%; margin:0 8px 12px 8px; z-index:auto }
	.site-nav{ gap:6px; flex-wrap:wrap; margin-top:8px }
	.site-topbar .brand img.logo{ height:80px; padding:6px }
}