:root {
    --ui-pill-font-size: clamp(0.78rem, 0.68rem + 0.35vw, 0.9rem);
    --ui-pill-padding-y: clamp(0.4rem, 0.34rem + 0.25vw, 0.56rem);
    --ui-pill-padding-x: clamp(0.68rem, 0.58rem + 0.35vw, 0.94rem);
    --ui-pill-min-height: clamp(2.1rem, 1.98rem + 0.5vw, 2.46rem);
    --ui-pill-radius: clamp(0.9rem, 0.82rem + 0.35vw, 999px);
    --ui-lang-min-width: clamp(7.4rem, 6.9rem + 1.8vw, 9.1rem);
    --ui-lang-flag-size: clamp(0.84rem, 0.8rem + 0.18vw, 0.98rem);
    --ui-lang-chevron-size: clamp(0.68rem, 0.62rem + 0.2vw, 0.8rem);
}

.back-link,
.top-link,
.hero-back-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: clamp(0.28rem, 0.2rem + 0.2vw, 0.46rem);
    min-height: var(--ui-pill-min-height);
    padding: var(--ui-pill-padding-y) var(--ui-pill-padding-x);
    border-radius: var(--ui-pill-radius);
    font-size: var(--ui-pill-font-size);
    line-height: 1.2;
}

.language-dropdown-wrapper {
    min-width: var(--ui-lang-min-width);
}

.language-dropdown-toggle {
    min-height: var(--ui-pill-min-height);
    padding: var(--ui-pill-padding-y) var(--ui-pill-padding-x);
    border-radius: var(--ui-pill-radius);
    font-size: var(--ui-pill-font-size);
    line-height: 1.15;
    gap: clamp(0.35rem, 0.3rem + 0.22vw, 0.55rem);
}

.language-flag {
    font-size: var(--ui-lang-flag-size);
}

.language-chevron {
    font-size: var(--ui-lang-chevron-size);
}