/* Compact studio navigation, shared across the site. */
.site-header { padding: 48px 0; position: relative; z-index: 10; font-family: europa, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; }
.site-header-inner { max-width: 1180px; margin: 0 auto; padding: 0 clamp(16px, 5vw, 48px); display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.site-identity { display: flex; align-items: center; gap: 16px; }
.site-logo img { display: block; width: 80px; height: auto; }
.site-product-divider { color: rgba(255,255,255,.25); font-size: 24px; }
.site-product { color: #fff; text-decoration: none; font-size: 17px; font-weight: 700; }
.site-nav { display: flex; align-items: center; gap: 28px; list-style: none; margin: 0; padding: 0; font-size: 17px; font-weight: 700; }
.site-nav a { display: inline-block; padding: 8px 0; color: #fff; text-decoration: none; border-bottom: 2px solid transparent; }
.site-nav a:hover, .site-nav a[aria-current="page"] { border-color: #ff7300; }
.site-header:has(.site-product) .site-nav a:hover,
.site-header:has(.site-product) .site-nav a[aria-current="page"] { border-color: #6c77ff; }
.site-header a:focus-visible { outline: 3px solid #ffa300; outline-offset: 4px; }
@media (max-width: 600px) {
 .site-logo img { width: 64px; }
 .site-identity { gap: 12px; }
 .site-product, .site-nav { font-size: 16px; }
 .site-nav { gap: 20px; }
}

@media (max-width: 440px) {
 .site-header-inner { flex-wrap: wrap; }
}