@media (max-width: 760px) {
    .header-inner {

        align-items: center;
        flex-direction: column;
        gap: 6px;
        padding-top: 12px;
    }
 
    .brand {
        display: block;
        width: 100%;
        text-align: center;
    }

    .wordmark {
        font-size: 1.5rem;
        position: relative;
        top: 3px;
    }
 
    .top-links {
        width: 100%;
        justify-content: center;
    }
 
    .top-link,
    .top-link-separator {
        display: none;
    }
 
    .lang-switcher {
        width: 100%;
        justify-content: center;
        gap: 14px;
    }

    .lang-chip {
        padding: 0;
        border-radius: 0;
        background: transparent;
        font-size: 0.70rem;
        letter-spacing: 0.04em;
    }

    .lang-chip.active {
        background: transparent;
        color: var(--text);
        text-decoration: underline;
        text-underline-offset: 0.18em;
    }

    .header .lang-switcher {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px !important;
    }

    .header .lang-chip {
        margin: 0 !important;
    }

}