/* Keep radio focus in the sticky bar out of the public header's scroll padding. */
html:has(.block--form > div:not([hidden]) > .desk--language-tabs) {
    scroll-padding-top: 0;
}

.desk--language-tabs {
    position: sticky;
    top: 0;
    z-index: 4;
    display: flex;
    gap: clamp(16px, 4vw, 28px);
    margin-bottom: 28px;
    padding-inline: 12px;
    border-bottom: 1px dashed #8a755666;
    background: var(--cloth);
}

.desk .desk--language-choice {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 12px;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.desk--language-tab {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 6px;
    border-bottom: 2px solid transparent;
    color: var(--desk-muted);
    font: 20px/1.3 'GOST', sans-serif;
    cursor: pointer;
}

    .desk--language-tab span {
        font-size: 12px;
        color: var(--gold);
    }

.desk--language-choice:checked + .desk--language-tab {
    border-bottom-color: var(--gold-soft);
    color: var(--linen);
}

.desk--language-choice:focus-visible + .desk--language-tab {
    outline: 2px dashed var(--gold-soft);
    outline-offset: -3px;
}

.desk--language-panels {
    min-width: 0;
}

.desk--language-panel {
    display: none;
}

.desk--language-tabs:has(#editor--ru:checked) ~ .desk--editor-grid .desk--panel--ru,
.desk--language-tabs:has(#editor--en:checked) ~ .desk--editor-grid .desk--panel--en {
    display: block;
}

.desk--language-panel input[id^="title--"] {
    font: 30px/1.3 'Neucha', sans-serif;
}