/* tailwind-lite.css — минимальный набор Tailwind для юридических страниц
   (/offer.html, /privacy.html). Заменяет подключение https://cdn.tailwindcss.com:
   те же 23 класса + базовый сброс (preflight), который CDN давал неявно.

   Зачем: CDN — сторонний блокирующий скрипт на 300+ КБ ради 23 классов, он же
   мешал включать строгую CSP. Локальный файл ~2 КБ, кэшируется на месяц. */

/* ── preflight (сброс, как в Tailwind) ─────────────────────────────────── */
*, ::before, ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
body { margin: 0; line-height: inherit; color: #111827; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; margin: 0; }
p, blockquote, dl, dd, figure, hr, pre { margin: 0; }
ul, ol { list-style: none; margin: 0; padding: 0; }
a { color: inherit; text-decoration: inherit; }
img, svg, video, canvas, audio, iframe, embed, object { display: block; }
img, video { max-width: 100%; height: auto; }

/* ── утилиты, которые реально используются на этих страницах ─────────────
   ВАЖНО: порядок как в Tailwind — line-height идёт ПОСЛЕ размеров шрифта,
   иначе .text-sm перебивает .leading-relaxed у элемента с обоими классами. */
.font-sans { font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
                          "Helvetica Neue", Arial, "Noto Sans", sans-serif; }
.bg-gray-50 { background-color: #f9fafb; }
.text-gray-900 { color: #111827; }
.text-blue-600 { color: #2563eb; }
.hover\:underline:hover { text-decoration-line: underline; }
.font-bold { font-weight: 700; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.leading-relaxed { line-height: 1.625; }
.max-w-4xl { max-width: 56rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.pt-6 { padding-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.mt-12 { margin-top: 3rem; }
.mb-8 { margin-bottom: 2rem; }
.border-t { border-top-width: 1px; }
.list-disc { list-style-type: disc; }
.pl-6 { padding-left: 1.5rem; }
.space-y-2 > * + * { margin-top: 0.5rem; }
.space-y-6 > * + * { margin-top: 1.5rem; }

/* длинные слова переносятся: иначе заголовок растягивает страницу на узком экране */
h1, h2, h3, h4, h5, h6, p, li, a { overflow-wrap: break-word; }