/* ============================================================
   ЛОКАЛЬНЫЕ ИКОНКИ (4 шт. из набора Tabler Icons, лицензия MIT)

   Раньше подключался весь шрифт-набор с cdn.jsdelivr.net ради
   четырёх иконок — это зарубежный CDN (чек-лист РКН) и лишние
   ~100 КБ. Здесь те же иконки инлайном, через mask, поэтому
   они наследуют цвет текста (currentColor), как и раньше.

   Замечание: index.html использовал классы .ti-* , но сам набор
   не подключал — иконки во встроенном квизе не отображались.
   Теперь работают на обеих страницах.
============================================================ */

.ti {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: var(--ti) no-repeat center / contain;
          mask: var(--ti) no-repeat center / contain;
  flex-shrink: 0;
}

.ti-circle-check {
  --ti: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E");
}

.ti-help-circle {
  --ti: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M12 17l0 .01'/%3E%3Cpath d='M12 13.5a1.5 1.5 0 0 1 1 -1.5a2.6 2.6 0 1 0 -3 -4'/%3E%3C/svg%3E");
}

.ti-send {
  --ti: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14l11 -11'/%3E%3Cpath d='M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5'/%3E%3C/svg%3E");
}

.ti-loader {
  --ti: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6l0 -3'/%3E%3Cpath d='M16.25 7.75l2.15 -2.15'/%3E%3Cpath d='M18 12l3 0'/%3E%3Cpath d='M16.25 16.25l2.15 2.15'/%3E%3Cpath d='M12 18l0 3'/%3E%3Cpath d='M7.75 16.25l-2.15 2.15'/%3E%3Cpath d='M6 12l-3 0'/%3E%3Cpath d='M7.75 7.75l-2.15 -2.15'/%3E%3C/svg%3E");
  animation: ti-spin 1s linear infinite;
}

@keyframes ti-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .ti-loader { animation: none; }
}