@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('/fonts/ibm-plex-sans-arabic-600-arabic.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
[lang="ar"] { font-family: 'IBM Plex Sans Arabic', sans-serif; font-weight: 600; }
.word-card { margin-block: 24px; padding: 24px; border: 1px solid var(--page-highlight-line); border-radius: 16px; background: var(--page-highlight); }
.word-card h2 { margin: 0; font-size: 3.2rem; line-height: 1.6; text-align: left; color: var(--page-link); }
.word-card .meaning { font-size: 1.4rem; font-weight: 700; margin-block: 8px; }
.word-card .transliteration { color: var(--page-muted); margin-bottom: 8px; }
.arabic-example { font-size: 1.65rem; text-align: right; line-height: 1.8; margin-bottom: 8px; }
.word-card .russian, .word-card .updated { margin-bottom: 0; }
.article + .article { border-top: 1px solid var(--page-line); margin-top: 32px; padding-top: 8px; }
.learning-table { width: 100%; border-collapse: collapse; margin-block: 20px; }
.learning-table th, .learning-table td { border-bottom: 1px solid var(--page-line); padding: 10px 8px; text-align: left; }
.learning-table td[lang="ar"] { font-size: 1.3rem; }
.learning-table th { font-size: 0.8rem; color: var(--page-muted); }
@media (max-width: 520px) {
  .word-card { padding: 20px; }
  .learning-table th, .learning-table td { padding: 10px 5px; }
}