/* Дополнение к tailwind.css.
 *
 * tailwind.css в этом репозитории — собранный артефакт: в нём лежат только те
 * классы, которые встречались в вёрстке на момент сборки, а конфигурации и
 * шага сборки у лендинга нет. Поэтому классы, добавленные позже, в нём не
 * появятся сами. Здесь описаны ровно они — ни одного лишнего правила.
 *
 * Часть из них (p-7, sm:p-8, h-14, w-14, flex-shrink-0) использовалась в
 * вёрстке и ДО сентября 2026, но в собранный CSS не попала: эти места просто
 * отображались не так, как задумано.
 *
 * Проверка соответствия — скриптом из отчёта: сопоставить все class="..."
 * в HTML с селекторами в tailwind.css и в этом файле.
 */

.whitespace-nowrap { white-space: nowrap }
.cursor-pointer    { cursor: pointer }
.list-none         { list-style-type: none }
.min-h-screen      { min-height: 100vh }
.flex-shrink-0     { flex-shrink: 0 }

.mb-12 { margin-bottom: 3rem }
.py-16 { padding-top: 4rem; padding-bottom: 4rem }
.p-7   { padding: 1.75rem }

.h-9  { height: 2.25rem }
.w-9  { width: 2.25rem }
.h-14 { height: 3.5rem }
.w-14 { width: 3.5rem }

/* Список вопросов: убираем стандартный треугольник у <summary> и
   разворачиваем стрелку, когда ответ раскрыт. */
.marker\:hidden::marker { display: none }
.marker\:hidden::-webkit-details-marker { display: none }
.open\:shadow-sm[open] { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) }
.group[open] .group-open\:rotate-180 { transform: rotate(180deg) }

@media (min-width: 640px) {
  .sm\:inline   { display: inline }
  .sm\:block    { display: block }
  .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem }
  .sm\:p-8      { padding: 2rem }
}