.ui-language-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; }
.ui-language-list a { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 14px; min-width: 0; min-height: 132px; padding: 24px 18px; border: 1px solid var(--ui-border); border-radius: 22px; color: var(--ui-text); background: linear-gradient(145deg, var(--ui-surface), var(--ui-primary-soft)); box-shadow: var(--suite-shadow); text-decoration: none; }
.ui-language-list a > .member-icon { width: 36px; height: 36px; color: var(--ui-primary); }
.ui-language-list a > span { min-width: 0; font-size: 19px; font-weight: 650; line-height: 1.6; overflow-wrap: anywhere; }
.ui-language-list small { display: block; margin-top: 6px; color: var(--ui-muted); font-size: 12px; letter-spacing: .12em; }
.ui-language-list a[aria-current="true"] { border-color: var(--ui-primary); box-shadow: inset 0 4px 0 var(--ui-primary), var(--suite-shadow); }
.ui-language-list a[aria-current="true"]::after { content: ""; position: absolute; top: 16px; right: 16px; width: 12px; height: 6px; border-left: 2px solid var(--ui-primary); border-bottom: 2px solid var(--ui-primary); transform: rotate(-45deg); }
.ui-language-list a:focus-visible { outline: 2px solid var(--ui-primary); outline-offset: 4px; }
@media (max-width: 900px) {
    .ui-language-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
@media (max-width: 600px) {
    .ui-language-list a { grid-template-columns: minmax(0, 1fr); align-content: center; gap: 10px; min-height: 112px; padding: 16px; border-radius: 16px; }
    .ui-language-list a > .member-icon { width: 28px; height: 28px; }
    .ui-language-list a > span { font-size: 17px; }
    .ui-language-list small { margin-top: 2px; }
}