/* Reserve the same space on both sides so the channel group stays on the page centre. */
.phone .feed-header:has(#headerLanguageButton) {--header-tools-space:94px;padding-inline:var(--header-tools-space);}
.phone .feed-header:has(#headerLanguageButton) .top-tabs {gap:16px;}
.phone .feed-header #headerSearchButton {right:46px;}
.header-language-button {
 position:absolute;right:0;top:50%;transform:translateY(-50%);
 width:44px;height:44px;min-width:44px;min-height:44px;
 display:grid;place-items:center;padding:6px;
}
.header-language-button svg {display:block;width:29px;height:29px;overflow:visible;filter:drop-shadow(0 1px 3px #0004);}
.language-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 0;}
.language-options button {display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:15px 17px;border-radius:16px;background:#ffffff0b;font-size:16px;color:#fff;}
.language-options button[aria-pressed="true"] {background:linear-gradient(115deg,#9e7edb,#c4aff4);color:#241736;box-shadow:0 4px 25px #ac88f027;}
.language-options button:focus-visible {outline:2px solid #d6c6ff;outline-offset:3px;}
/* Keep all three default labels clear of the two 44px tools on narrow phones. Extra columns still scroll. */
@media(max-width:374px){
 .phone .feed-header:has(#headerLanguageButton) {left:8px;right:8px;}
 .phone .feed-header:has(#headerLanguageButton) .top-tabs {gap:10px;}
 .phone .feed-header:has(#headerLanguageButton) .top-tabs>button {min-width:32px;font-size:14px;}
}