.site-header {
    background: var(--color-bg);
    border-bottom: 1px solid var(--color-border);
}

.header-inner {
    min-height: var(--header-height);
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.brand-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

.brand-logo img {
    height: var(--logo-height);
    width: auto;
}

.main-nav {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: var(--space-nav-gap);
}

.main-nav a {
    padding: var(--nav-link-padding-y) var(--nav-link-padding-x);
    border-radius: var(--radius-sm);
    color: var(--color-muted);
    text-decoration: none;
    font-size: var(--font-nav);
    font-weight: 600;
}

.main-nav a:hover {
    background: var(--color-surface);
    color: var(--color-text);
}

.main-nav a.is-active {
    background: var(--color-surface-strong);
    color: var(--color-primary);
}

.language-switch {
    display: flex;
    gap: var(--space-lang-gap);
    flex-shrink: 0;
    padding-left: var(--space-2);
    border-left: 1px solid var(--color-border);
}

.language-switch a {
    padding: var(--lang-link-padding-y) var(--lang-link-padding-x);
    border-radius: var(--radius-pill);
    color: var(--color-muted);
    text-decoration: none;
    font-size: var(--font-small);
    font-weight: 700;
}

.language-switch a:hover {
    background: var(--color-surface);
    color: var(--color-text);
}

.language-switch a.is-active {
    background: var(--color-primary);
    color: var(--color-bg);
}

@media (max-width: 820px) {
    .header-inner {
        flex-wrap: wrap;
        padding: var(--space-2) 0;
    }

    .brand-logo img {
        height: var(--logo-height-mobile);
    }

    .main-nav {
        order: 3;
        width: 100%;
        margin-left: 0;
        flex-wrap: wrap;
    }

    .language-switch {
        margin-left: auto;
    }
}