/**
 * legal.css — вёрстка юридических документов (privacy/cookies/termos.html).
 * External CSS only (CSP-safe): любая стилизация текста, который приходит из
 * i18n/legal/*.json (data-i18n-html), обязана жить здесь, а не в style=.
 *
 * `.legal-notice` — рамка «юридически определяющая версия — pt-BR», видна
 * только на en/es/ru (значение из privacy.governingNotice и т. п.; на pt-BR
 * ключ — пустая строка). `:empty` ниже прячет рамку, когда её нечем заполнить,
 * без единой строчки JS.
 *
 * До 06.09.2026 здесь же жил `.legal-draft` — плашка «RASCUNHO/DRAFT» на
 * cookies.html/termos.html. Тексты доведены до публикуемого состояния
 * (docs/legal/2026-09-05_LEGAL_README.md), плашка снята вместе с классом.
 */

.legal-notice {
  margin: 1rem 0 1.75rem;
  padding: 0.875rem 1rem;
  border: 1px solid #f59e0b;
  border-left-width: 4px;
  border-radius: 0.5rem;
  background: #fffbeb;
  color: #92400e;
  font-size: 0.9rem;
  line-height: 1.5;
}

.legal-notice:empty {
  display: none;
}

.legal-notice strong {
  display: inline-block;
  margin-bottom: 0.25rem;
  letter-spacing: 0.02em;
}

/* Разделы документа (h2 + data-i18n-html) — секции нумерованы 1:1 с исходным
   markdown (docs/legal/2026-09-*_LEGAL_*.md), правка раздела там — правка
   ровно одного ключа `sN` здесь. */
article section {
  margin-top: 2rem;
}

article table {
  width: 100%;
  margin: 1rem 0;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 0.85rem;
}

article th,
article td {
  padding: 0.5rem 0.6rem;
  border: 1px solid #e5e7eb;
  text-align: left;
  vertical-align: top;
  word-wrap: break-word;
}

article th {
  background: #f9fafb;
  font-weight: 600;
}

article code {
  background: #f3f4f6;
  padding: 0.05rem 0.3rem;
  border-radius: 0.25rem;
  font-size: 0.9em;
}

article h3 {
  font-size: 1rem;
  margin-top: 1.25rem;
}

.legal-disclaimer {
  margin-top: 2.5rem;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
  font-size: 0.85rem;
  color: #6b7280;
}

/* Узкие экраны (SEL-182, визуальная проверка 24.09 на 390px): при
   table-layout: fixed таблицы в 3–4 колонки сжимаются до ~80px на колонку и
   нечитаемы. Таблица сама становится областью горизонтальной прокрутки, а
   min-width на ячейках удерживает колонки читаемой ширины. Тексты таблиц
   живут в i18n/legal/*.json, поэтому решение — чистый CSS, без обёрток в
   переводах. Десктоп не меняется. */
@media (max-width: 639px) {
  article table {
    display: block;
    overflow-x: auto;
    table-layout: auto;
  }

  article th,
  article td {
    min-width: 8.5rem;
  }
}