/* Меню курса и «Панель ведущего» в разделе «Курсы» (слова Лираз 29.10.2026: «в меню курса он видит книги, подкасты, видео, конспекты, тесты, в чертог и расписание … наверху … в одной строке с кнопкой назад …
   курсы … не надо в шапке перечислять курсы и прочую лишнюю информацию … Всё проще»). Разметку строит courses.*.js: одна строка шапки .crs-mhead, плитки пунктов .crs-mi, разделы и панель с шапкой .crs-shead.
   Цвет — только из опор приложения (--ink, --gold-text, --glass, --line), числом не вписывается. Без :has(), inset, dvh, color-mix(): старые андроиды (Chromium 99). Направление — логическими свойствами. */

/* ---------- меню курса (29.10.2026, слова Лираз: «Всё проще») ----------
   Шапка — ОДНА строка: «‹», «Курсы», разделитель, название курса (обрезается многоточием, не переносится). Пункты — плитки в два столбца (на широком экране — в три): значок над словом,
   слово в одну строку, самое длинное («Zusammenfassungen») помещается и в половину узкого экрана. «Панель ведущего» — отдельной строкой под плитками, золотой рамкой. */
#v-courses[data-crs="course"]>.vhead{display:none}
.crs-mhead{display:flex;align-items:center;flex-wrap:nowrap;gap:2px;min-height:48px;margin:0 0 10px;min-width:0}
.crs-mback{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-inline-start:-8px;border-radius:12px;color:var(--ink-dim)}
.crs-mback.crs-mback-hall{color:var(--gold-text)}
[dir="rtl"] .crs-mback .crs-ic,[dir="rtl"] .crs-msep .crs-ic{transform:scaleX(-1)}
/* название курса вписала ведущая (иногда по-русски): в иврите оно встаёт вплотную к разделителю, а не уезжает к левому краю */
[dir="rtl"] .crs-mtitle,[dir="rtl"] .crs-mcourse{text-align:right}
.crs-mcrs{flex:0 0 auto;min-height:44px;padding:0 4px;color:var(--gold-text);font-size:calc(14px * var(--fs,1));font-weight:700;white-space:nowrap}
.crs-msep{flex:0 0 auto;display:inline-flex;align-items:center;color:var(--ink-faint)}
.crs-msep .crs-ic{width:16px;height:16px}
.crs-mtitle{flex:1 1 auto;min-width:0;margin:0 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--disp);font-size:calc(18px * var(--fs,1));font-weight:700;line-height:1.2;
  letter-spacing:.05em;text-transform:uppercase;color:var(--gold-text)}
html[data-theme="light"] .crs-mtitle{color:var(--teal)}
.crs-shead .crs-mtitle.crs-stitle{flex:0 0 auto;max-width:60%;margin-inline-start:2px;text-transform:none;letter-spacing:.02em}
.crs-mcourse{flex:1 1 0;min-width:0;margin-inline-start:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ink-faint);font-size:calc(12.5px * var(--fs,1));font-weight:600}
.crs-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 10px}
.crs-menu:empty{display:none}
.crs-mi{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:74px;padding:10px 6px;border:1px solid var(--line);border-radius:16px;
  background:var(--glass);color:var(--ink);font-size:calc(13px * var(--fs,1));font-weight:700;line-height:1.2;text-align:center;cursor:pointer}
.crs-mi:active{transform:scale(.98)}
.crs-mi-ic{width:24px;height:24px;color:var(--gold-text);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.crs-mi-t{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.crs-mi-dot{position:absolute;top:9px;right:9px;width:9px;height:9px;border-radius:50%;background:var(--live)}
[dir="rtl"] .crs-mi-dot{right:auto;left:9px}
.crs-mi-panel{flex-direction:row;justify-content:flex-start;gap:12px;width:100%;min-height:54px;margin:0 0 12px;padding:0 14px;border-color:rgba(var(--gold-rgb),.5);text-align:start}
.crs-mi-panel .crs-mi-t{flex:1 1 auto;min-width:0}
.crs-mi-panel .crs-mi-go{flex:0 0 auto;width:18px;height:18px;color:var(--ink-faint);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
[dir="rtl"] .crs-mi-panel .crs-mi-go{transform:scaleX(-1)}
@media (min-width:560px){ .crs-menu{grid-template-columns:repeat(3,minmax(0,1fr))} }
/* Раздел «Видео» и «Подкасты»: плеер курса на всю ширину под шапкой */
.crs-pl{margin:0 0 12px}
.crs-pl .pl{display:block}