/* שיעורי הקריאה של קורס העברית — האותיות והניקוד.
   הסגנון מכוון להיראות כמו שאר השיעורים ולא כמו אורח: אותם
   רדיוסים, אותה פלטה, ואותם משתנים, ולכן הוא מתהפך יחד עם מצב
   כהה בלי עבודה נוספת. שלושת הקורסים הסטטיים כבר מגדירים
   table.pron, ולכן הטבלאות כאן נשענות עליו ומוסיפות רק את מה
   שחסר. es-he ו-pt-he לא מגדירים אותו, אז הבסיס מוגדר כאן. */
table.ab-tbl{width:100%;border-collapse:collapse;margin:6px 0 14px;font-size:.95rem}
table.ab-tbl td{padding:7px 10px;border-top:1px solid var(--line);vertical-align:middle}
table.ab-tbl td.l{font-size:1.6rem;font-weight:700;color:var(--azul-d);
  width:2.4em;text-align:center;direction:rtl}
table.ab-tbl td.nm{white-space:nowrap}
table.ab-tbl i{font-style:normal;color:var(--muted);font-size:.82rem;margin-inline-start:4px}
.ab-pairs td.l{color:var(--ink)}
.ab-note{color:var(--muted);font-size:.85rem}
h4.grp{font-size:1rem;margin:16px 0 2px;color:var(--azul-d);
  display:flex;align-items:center;gap:8px;flex-wrap:wrap}
h4.grp .he{font-size:1.35rem;direction:rtl}
.tip{background:var(--ochre-l);border:1px solid #ecd7a4;border-radius:12px;
  padding:11px 15px;margin:16px 0;font-size:.95rem}

.ab-embed{margin-top:18px}
.ab-lead{color:var(--muted);font-size:.94rem;margin:.2em 0 .9em}
.ab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px}
.ab-card{display:flex;gap:11px;background:var(--card,#fff);border:1px solid var(--line);
  border-radius:13px;padding:11px 13px;align-items:flex-start}
.ab-let{font-size:2rem;line-height:1;font-weight:700;color:var(--azul-d);min-width:1.3em;
  text-align:center;direction:rtl}
.ab-body{min-width:0;flex:1}
.ab-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:700}
.ab-name .he,.ab-let,.ab-snd .he,.ab-ex .he,.ab-mark .he,.ab-vg-hd .he{direction:rtl;unicode-bidi:isolate}
.ab-tr{color:var(--muted);font-weight:400;font-size:.85rem}
.ab-snds{display:flex;gap:8px;flex-wrap:wrap;margin-top:3px}
.ab-snd{display:inline-flex;align-items:center;gap:4px;font-size:.95rem}
.ab-snd i{color:var(--muted);font-style:normal;font-size:.82rem}
.ab-ex{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px;font-size:.9rem}
.ab-gloss{color:var(--muted);font-size:.82rem}
.ab-spk{border:none;background:var(--azul-l);color:var(--azul-d);border-radius:50%;
  width:23px;height:23px;font-size:.72rem;cursor:pointer;padding:0;line-height:1;flex:none}
.ab-spk:hover{filter:brightness(.94)}
.ab-vgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:10px}
.ab-vg{background:var(--card,#fff);border:1px solid var(--line);border-radius:13px;padding:11px 13px}
.ab-vg-hd{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);
  padding-bottom:7px;margin-bottom:7px}
.ab-vg-hd b{font-size:1.05rem;color:var(--azul-d)}
.ab-vg-hd .he{font-size:1.3rem}
.ab-mark{display:flex;align-items:center;gap:7px;padding:3px 0;font-size:.92rem;flex-wrap:wrap}
.ab-mark .he:first-child{font-size:1.15rem;min-width:1.6em;text-align:center}