.site-header__actions {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.theme-switch {
    flex: 0 0 auto;
}

/* Visually hidden, kept in the a11y tree so each segment keeps its name. */
.theme-switch .mode-switch__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.theme-switch.mode-switch--with-icons .mode-switch__btn {
    gap: 0;
    padding: 0 var(--space-3);
}