/* Compact header navigation */
    .header-inner { gap: 24px; }
    .nav-links { align-items: center; gap: 28px; }
    .nav-links > .nav-link { white-space: nowrap; }
    .header-more { position: relative; }
    .header-more-toggle { display: flex; align-items: center; gap: 8px; border: 0; background: transparent; font: inherit; font-size: 14px; cursor: pointer; padding: 12px 0; }
    .header-more-toggle i { font-size: 10px; transition: transform .2s; }
    .header-more-toggle[aria-expanded="true"] i { transform: rotate(180deg); }
    .header-more-links { position: absolute; top: calc(100% + 12px); right: 0; min-width: 190px; padding: 8px; border: 1px solid var(--border-default); border-radius: 12px; background: var(--bg-secondary); box-shadow: var(--shadow-lg); }
    .header-more-links a { display: block; padding: 12px 14px; border-radius: 6px; color: var(--text-secondary); text-decoration: none; font-size: 14px; }
    .header-more-links a:hover { background: var(--bg-elevated); color: var(--text-primary); }
    .header-more-links[hidden], .header-more-links a[hidden], .mobile-menu a[hidden] { display: none; }
    .header-more-toggle:focus-visible, .header-more-links a:focus-visible, .mobile-menu-btn:focus-visible, .nav-link:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
    @media (max-width: 1200px) {
      .site-header .nav-links { display: none; }
      .site-header .mobile-menu-btn { display: block; min-width: 44px; min-height: 44px; }
      .site-header .cta-btn { display: block; margin-left: auto; white-space: nowrap; color: #171512; }
      .mobile-menu { top: 80px; max-height: calc(100dvh - 80px); overflow-y: auto; }
    }
    @media (max-width: 768px) {
      .header-inner { gap: 12px; }
      .site-header .logo { max-width: 150px; height: auto; }
      .site-header .cta-btn { padding: 10px 14px; font-size: 12px; }
      .mobile-menu { top: 64px; max-height: calc(100dvh - 64px); }
    }
    @media (max-width: 400px) {
      .site-header .logo { max-width: 100px; }
      .header-inner { gap: 8px; }
      .site-header .cta-btn { padding-inline: 10px; }
    }



.site-header .header-inner { gap: 20px; }
.site-header .nav-links { gap: 18px; align-items: center; }
.site-header .nav-link { font-size: 13px; white-space: nowrap; }
.site-header .nav-link[hidden], .mobile-menu a[hidden] { display: none; }
.site-header .nav-link { position: relative; padding: 10px 8px; border-radius: 7px; transition: color .18s, background-color .18s; }
.site-header .nav-links { gap: 10px; }
.site-header .nav-link[aria-current] { color: var(--gold); background: color-mix(in srgb, var(--gold) 10%, transparent); }
.site-header .nav-link[aria-current]::after { content: ''; position: absolute; height: 2px; bottom: 2px; left: 8px; right: 8px; border-radius: 2px; background: var(--gold); }
.site-header .nav-link:hover { background: color-mix(in srgb, var(--gold) 6%, transparent); }
.mobile-menu a[aria-current] { color: var(--gold); border-left: 3px solid var(--gold); padding-left: 12px; background: color-mix(in srgb, var(--gold) 8%, transparent); }
@media(min-width:1201px) { .site-header .logo { height: 44px; } .site-header .cta-btn { padding: 12px 20px; white-space: nowrap; } }
@media(max-width:768px) { .site-header .header-inner { gap: 12px; } }
@media(max-width:400px) { .site-header .header-inner { gap: 8px; } }