/* Material Symbols Outlined — ОДИН самохостинг-субсет для ВСЕХ страниц сайта,
   что рисуют .material-symbols-outlined: кабинеты (cabinet/shell.html,
   student/cabinet.html, parent/cabinet.html), grammar_app(_spotty), topics_app,
   listening_task_1_v2, student/{writing,listening,reading}, /design/spotty.
   Не подключать вместе с Google Material+Symbols на одной странице:
   одноимённый @font-face/класс перебьёт друг друга непредсказуемо
   по порядку caching — используем только этот файл, без Google.
   ────────────────────────────────────────────────────────────────
   Собран scripts/build_icon_font.py из перечня ICONS (плюс DYNAMIC_ICONS —
   имена, которые подставляются через JS/бэкенд, а не пишутся буквально
   в HTML) — без Google в критическом пути и без слов-заглушек до подгрузки
   лигатур (font-display: block). Добавили новую иконку в любую из этих
   страниц — дописать её в ICONS/DYNAMIC_ICONS и перезапустить скрипт,
   иначе страж-тест tests/test_site/test_icon_font_subset.py упадёт.
   Лицензия: Apache License 2.0 (Google Material Symbols), самохостинг
   субсета разрешён.
   Регрессия прода 2026-09-27: раньше субсет в общем fonts.css перебивал
   полный Google-шрифт на страницах без своего @font-face — см.
   test_subset_font_face_lives_only_in_icons_css. Теперь субсет — единственный
   источник и @font-face, и класса .material-symbols-outlined для страниц,
   у которых нет своего правила класса (см. icons-inventory.md, «Class-rule
   audit»): напр. listening_task_1_v2.html грузит только tailwind/listening.css
   и не объявляет класс сам — получает его отсюда. */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/static/fonts/material-symbols-outlined-subset.woff2') format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}