/* ============================================================
   ЭТАП 41 — legal_doc.css: аккуратная типографика юрдокументов
   (805 Политика конфиденциальности, 806 Согласие на обработку ПДн)
   dab-stroi.ru, редакция 10.09.2026.

   Референс гармонии: .legal-doc на утепление-эковата.рф (v3,
   файл privacy_policy_v3_141_2.html) — умеренные размеры заголовков,
   мягкие линии под H2, светлые таблицы, спокойные отступы.
   Палитра — фирменный синий dab-stroi (#3d51ad, кнопка форм с Этапа 8).

   СКОУП: все правила только внутри .legal-doc — остальные страницы
   сайта не затрагиваются. !important — на спорные свойства (урок
   Этапа 27: шаблонный CSS перебивает обычные правила).
   ============================================================ */

.legal-doc {
  max-width: 880px;
  margin: 0 auto;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: #24282f !important;
}

.legal-doc p { margin: .7em 0; }

.legal-doc h2 {
  font-size: 1.25rem !important;
  line-height: 1.3 !important;
  margin: 2em 0 .6em !important;
  padding: 0 0 .3em !important;
  border: none !important;
  border-bottom: 2px solid #3d51ad !important;
  color: #2c3e78 !important;
  background: none !important;
}

.legal-doc h3 {
  font-size: 1.05rem !important;
  line-height: 1.35 !important;
  margin: 1.4em 0 .5em !important;
  color: #2c3e78 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

.legal-doc ul, .legal-doc ol { margin: .6em 0; padding-left: 1.35em; }
.legal-doc li { margin: .35em 0; }
.legal-doc a { color: #3d51ad !important; }

.legal-doc .legal-meta {
  color: #5a6478 !important;
  font-size: .95rem !important;
  background: #f3f5fa;
  border: 1px solid #dfe3ee;
  border-radius: 10px;
  padding: 12px 16px;
  margin: 0 0 28px;
}

.legal-doc table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 1em 0 !important;
  font-size: .93rem !important;
  background: #fff;
}

.legal-doc th, .legal-doc td {
  border: 1px solid #dfe3ee !important;
  padding: 8px 11px !important;
  text-align: left !important;
  vertical-align: top;
  background: none !important;
  color: #24282f !important;
}

.legal-doc th { background: #f3f5fa !important; font-weight: 600; }

.legal-doc code {
  background: #f3f5fa;
  padding: 1px 6px;
  border-radius: 5px;
  font-size: .9em;
}

.legal-doc em { color: #5a6478; }

/* Мобильная симметрия: компактнее, но читабельно */
@media (max-width: 768px) {
  .legal-doc { font-size: 15px !important; }
  .legal-doc th, .legal-doc td { padding: 6px 8px !important; }
  .legal-doc h2 { font-size: 1.15rem !important; }
}