/* FluentPlex's languages (/languages and its home page) and the switcher in
   the sidebar: plain, until FluentPlex's design. */
.language-list { list-style: none; margin: 24px 0; padding: 0; }
.language-card { gap: 6px; align-items: flex-start; }
.language-card__native { font-family: var(--font-arabic); font-size: 28px; line-height: 1.4; color: var(--green-deep); }
.language-card__name { margin: 0 0 8px; font-size: 18px; }

.language-switch { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 16px 12px; }
.language-switch__item, .language-switch__add {
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 13px;
  color: var(--text-on-dark-muted);
  border: 1px solid var(--ink-line);
  text-decoration: none;
}
.language-switch__item[aria-current="true"] { color: var(--text-on-dark); background: var(--ink-raised); border-color: var(--ink-line-strong); }
.language-switch__item:hover, .language-switch__add:hover { color: var(--text-on-dark); }
.language-switch__add { border-style: dashed; }