/* Shared main-site and blog navigation. */
.site-header {
 position: fixed; top: 0; left: 0; width: 100%; padding: 15px 5%;
 display: flex; justify-content: space-between; align-items: center; gap: 16px;
 background: rgba(11,13,23,.9); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
 z-index: 1000; border-bottom: 1px solid rgba(255,255,255,.1); line-height: 1.8;
}
.site-header .logo {
 font-family: 'Rajdhani',sans-serif; font-size: 1.5rem; font-weight: 700;
 letter-spacing: 2px; display: flex; align-items: center; gap: 12px;
 color: #fff; text-decoration: none; white-space: nowrap;
}
.site-header .logo i { color: #38d9e6; filter: drop-shadow(0 0 8px rgba(56, 217, 230, 0.36)); }
.site-header nav { display: block; width: auto; }
.site-header nav ul { display: flex; gap: 40px; list-style: none; margin: 0; padding: 0; }
.site-header nav a {
 font-family: 'Rajdhani',sans-serif; font-size: .9rem; font-weight: 600;
 letter-spacing: 1.5px; color: #94a3b8; text-decoration: none; position: relative;
 transition: color .3s ease;
}
.site-header nav a:hover, .site-header nav a[aria-current="page"] { color: #38d9e6; }
.site-header a:focus-visible { outline: 2px solid #38d9e6; outline-offset: 5px; }
.blog-page { padding-top: 80px; -webkit-font-smoothing: antialiased; }
.blog-page .skip-link:focus { z-index: 1001; }
.blog-page .article-body h2[id] { scroll-margin-top: 100px; }
@media (max-width: 768px) {
 .site-header { padding: 15px 20px; flex-wrap: wrap; gap: 8px; }
 .site-header nav { width: 100%; }
 .site-header nav ul { gap: 20px; flex-wrap: wrap; }
 .blog-page { padding-top: 120px; }
 .blog-page .article-body h2[id] { scroll-margin-top: 136px; }
}
@media (max-width: 480px) {
 .site-header nav ul { gap: 14px; }
 .site-header nav a { font-size: .8rem; letter-spacing: 1px; }
}