/* ══════════════════════════════════════════════════════════════════════════
   Правовые документы FAI — оформление, общее для всех шести файлов рядом.

   В исходных выгрузках этот блок стилей был вклеен в КАЖДЫЙ документ и бил по
   глобальным селекторам (body, p, ul, a). Здесь он один на все документы и заперт
   внутри `.legal-doc`: файл грузится на каждой странице MAS, и утилитарные классы
   вроде `.mt-4` или `.flex` не должны утекать в чат и кабинет.

   Значения — как в выгрузке; изменены только цвет ссылок (на акцент FAI) и подложка
   документа: он лежит карточкой на светлом фоне `.fai-root`, а не на голом белом.

   Сами документы — `legal/*.html`, страница-обёртка — Mas.Front/src/pages/Legal.tsx.
   ══════════════════════════════════════════════════════════════════════════ */

.legal-doc, .legal-doc * { box-sizing: border-box; }

.legal-doc {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 32px 64px;
  background: var(--fai-surface, #fff);
  border: 1px solid var(--fai-border, rgba(20, 40, 90, .08));
  border-radius: 24px;
  box-shadow: var(--fai-shadow);
  color: #1f2937;
  line-height: 1.65;
  font-family: Inter, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 15px;
}

.legal-doc h1.doc-title {
  font-size: 22px; font-weight: 600; text-align: center;
  margin: 0 0 28px; color: #111827; line-height: 1.35;
}
.legal-doc p { margin: 0; }
.legal-doc ul { margin: 8px 0; padding-left: 24px; }
.legal-doc li { margin-bottom: 4px; }
.legal-doc a { color: var(--fai-accent, #2563eb); text-decoration: none; }

.legal-doc .mt-1 { margin-top: .25rem } .legal-doc .mt-2 { margin-top: .5rem }
.legal-doc .mt-4 { margin-top: 1rem } .legal-doc .mt-6 { margin-top: 1.5rem }
.legal-doc .mb-1 { margin-bottom: .25rem } .legal-doc .mb-2 { margin-bottom: .5rem }
.legal-doc .mb-3 { margin-bottom: .75rem } .legal-doc .mb-6 { margin-bottom: 1.5rem }
.legal-doc .ml-4 { margin-left: 1rem } .legal-doc .ml-6 { margin-left: 1.5rem }
.legal-doc .ml-auto { margin-left: auto }
.legal-doc .px-5 { padding-left: 1.25rem; padding-right: 1.25rem }
.legal-doc .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem }
.legal-doc .pb-20 { padding-bottom: 5rem } .legal-doc .pb-\[32px\] { padding-bottom: 32px }
.legal-doc .text-sm { font-size: 14px } .legal-doc .text-base { font-size: 15px }
.legal-doc .font-medium { font-weight: 600 } .legal-doc .font-normal { font-weight: 400 }
.legal-doc .text-left { text-align: left } .legal-doc .text-center { text-align: center }
.legal-doc .text-right { text-align: right }
.legal-doc .list-disc { list-style: disc }
.legal-doc .text-blue-600 { color: var(--fai-accent, #2563eb) }
.legal-doc .hover\:underline:hover { text-decoration: underline }
.legal-doc .flex { display: flex } .legal-doc .flex-col { flex-direction: column }
.legal-doc .flex-1 { flex: 1 }
.legal-doc .justify-between { justify-content: space-between }
.legal-doc .items-start { align-items: flex-start }
.legal-doc .block { display: block } .legal-doc .w-full { width: 100% }
/* Отступ под боковое меню приложения здесь не нужен — документ идёт во всю ширину карточки. */
.legal-doc .md\:ml-16, .legal-doc .md\:w-\[calc\(100\%-89px\)\] { margin-left: 0; width: 100% }
.legal-doc .indent1 { padding-left: 16px; display: inline-block }

@media (min-width: 768px) {
  .legal-doc .md\:text-base { font-size: 15px } .legal-doc .md\:text-lg { font-size: 17px }
  .legal-doc .md\:pb-12 { padding-bottom: 3rem }
}

@media (max-width: 640px) {
  .legal-doc { padding: 28px 18px 44px; border-radius: 18px; }
  .legal-doc .px-5 { padding-left: 0; padding-right: 0 }
}