/* Main website navigation, September 2026. */
.header-container { gap: 20px; }
.header .logo { flex-shrink: 1; min-width: 0; }
.header .header-logo-img { max-width: 280px; width: 100%; height: auto; }
[data-theme="light"] .header .header-logo-img { filter: brightness(.72) saturate(1.6); }
.header .nav { margin-left: auto; }
.header .nav-list { gap: 20px; }
.header .nav-list a { white-space: nowrap; }
.header .btn-nav { padding: 15px 20px; font-size: 12px; letter-spacing: 1px; }
.theme-toggle-icon {
    display: inline-flex; align-items: center; justify-content: center;
    flex: 0 0 44px; width: 44px; height: 44px; padding: 10px;
    background: transparent; border: 1px solid transparent; border-radius: 50%;
    color: var(--text-secondary); cursor: pointer;
}
.theme-toggle-icon:hover { color: var(--gold); background: rgba(160,130,50,.1); }
.theme-toggle-icon:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.theme-toggle-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; }
[data-theme="dark"] .theme-toggle-icon .moon-icon,
[data-theme="light"] .theme-toggle-icon .sun-icon { display: none; }
.header .mobile-toggle { display: none; }
@media (max-width: 1200px) {
    .header-container { display: grid; grid-template-columns: 1fr 44px; gap: 10px 16px; }
    .header .logo { grid-column: 1; grid-row: 1; }
    .theme-toggle-icon { grid-column: 2; grid-row: 1; }
    .header .nav { grid-column: 1 / -1; grid-row: 2; margin: 0; }
    .header .nav-list { display: flex; justify-content: center; gap: 18px; }
}
@media (max-width: 768px) {
    .header .header-logo-img { max-width: 260px; height: auto !important; }
    .header .nav-list { gap: 10px; }
    .header .nav-list > li:not(.header-cta) { display: none; }
    .header .nav-list .btn-nav { font-size: 10px !important; padding: 10px 12px !important; letter-spacing: .4px; }
}