:is(.public-language, .platform-language) {
 display: inline-flex;
 flex: none;
 align-items: center;
 gap: 3px;
 padding: 3px;
 border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
 border-radius: 100px;
 background: color-mix(in srgb, currentColor 5%, transparent);
}
:is(.public-language, .platform-language) button {
 display: inline-grid;
 place-items: center;
 min-width: 36px;
 min-height: 34px;
 padding-inline: 7px;
 border: 0;
 border-radius: 100px;
 background: transparent;
 color: inherit;
 font: inherit;
 font-size: .72rem;
 font-weight: 700;
 line-height: 1;
 cursor: pointer;
}
:is(.public-language, .platform-language) button[aria-pressed="false"]:hover {
 background: color-mix(in srgb, currentColor 9%, transparent);
}
:is(.public-language, .platform-language) button[aria-pressed="true"] {
 background: var(--ink, #173a2b);
 color: var(--bg, #fff);
}
:is(.public-language, .platform-language) button:focus-visible {
 outline: 2px solid currentColor;
 outline-offset: 2px;
}
:root[data-theme=dark] .public-language button[aria-pressed="true"] {
 color: var(--paper, #141715);
}
@media (max-width: 380px) {
 .site-header .brand img { width: 116px; height: auto; }
 .site-header .header-actions .icon-button { width: 32px; min-width: 32px; }
 .public-language button { min-width: 31px; padding-inline: 4px; }
}