/* ── Диаграммы ───────────────────────────────────────────────────────────
   Material рендерит mermaid в Shadow DOM, чтобы стили сайта не влияли на
   диаграммы. Обратная сторона: отсюда до их содержимого не дотянуться —
   ни селектором, ни !important. Всё, что касается цветов внутри диаграмм,
   задаётся конфигурацией mermaid в самом markdown (см. NOTE_INIT в
   ops/scripts/import-lectures.py), а не здесь. */

/* ── Вкладки с кодом ─────────────────────────────────────────────────────
   Внутри вкладки код прижимается к краям — убираем двойной отступ. */
.tabbed-block > .highlight:first-child > pre,
.tabbed-block > .highlight:first-child > .filename + pre {
  margin-top: 0;
}

/* Диаграмма во вкладке центрируется, как это было в исходном конспекте. */
.tabbed-block > .mermaid {
  text-align: center;
}

/* ── Карточки на главной ─────────────────────────────────────────────── */
.grid.cards > ul > li,
.grid.cards > :is(ul, ol) > li {
  border-radius: .3rem;
}