.utility-language {
    position: relative;
    font: inherit;
}
.utility-language summary {
    cursor: pointer;
    list-style: none;
    white-space: nowrap;
}
.utility-language summary::-webkit-details-marker { display: none; }
.utility-language summary:focus-visible,
.utility-language-menu a:focus-visible { outline: 2px solid #61b8ff; outline-offset: 2px; }
.utility-language-menu {
    position: absolute;
    z-index: 20;
    top: calc(100% + 4px);
    inset-inline-end: 0;
    min-width: max(100%, 140px);
    max-width: min(230px, calc(100vw - 20px));
    max-height: 240px;
    overflow-y: auto;
    padding: 5px;
    background: #101b30;
    border: 1px solid #29344a;
    border-radius: 6px;
    box-shadow: 0 8px 20px #0005;
    color: #f3f6fc;
}
.utility-language-menu a,
.utility-language-menu span {
    display: block;
    padding: 7px 9px;
    border-radius: 4px;
    white-space: nowrap;
}
.utility-language-menu a:hover,
.utility-language-menu [aria-current="true"] { background: #1c2940; color: #f3f6fc; }
@media (max-width: 720px) {
    .utility > .wrap { gap: 10px; }
    .utility > .wrap > span { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}