/**
 * Юридические документы.
 *
 * Их читают целиком и внимательно — значит, всё решает читаемость: узкая колонка,
 * крупный текст, ощутимые отступы между разделами. Ночной фон остаётся общим с витриной,
 * но сам текст стоит на плотной подложке: полупрозрачная «стеклянная» карточка на длинном
 * документе утомляет глаз к третьему экрану.
 */

.doc {
  max-width: 780px;
  padding-top: 40px;
  padding-bottom: 60px;
}

.doc > * { margin-bottom: 16px; }

.doc h1 {
  font-size: clamp(26px, 4vw, 38px);
  margin: 8px 0 24px;
}
.doc h2 {
  font-size: 22px;
  margin: 38px 0 14px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}
.doc h3 { font-size: 17px; margin: 26px 0 10px; }
.doc h4 { font-size: 15px; margin: 20px 0 8px; color: var(--ink-2); }

.doc p { font-size: 15.5px; line-height: 1.75; color: var(--ink-2); }
.doc strong { color: var(--ink); font-weight: 600; }

.doc ul, .doc ol { margin: 0 0 16px 22px; display: flex; flex-direction: column; gap: 8px; }
.doc li { font-size: 15.5px; line-height: 1.7; color: var(--ink-2); }

.doc hr { border: none; border-top: 1px solid var(--line); margin: 26px 0; }

.doc blockquote {
  border-left: 2px solid var(--accent);
  background: var(--accent-soft);
  padding: 14px 18px;
  border-radius: 0 12px 12px 0;
}
.doc blockquote p { margin: 0; font-size: 14.5px; }
.doc blockquote p + p { margin-top: 10px; }

.doc code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.9em;
  background: rgba(255, 255, 255, 0.06);
  padding: 2px 6px;
  border-radius: 5px;
  color: var(--accent-2);
}

/* Таблица шире экрана прокручивается сама, а не растягивает страницу вбок */
.table-scroll { overflow-x: auto; margin: 0 0 20px; }
.doc table { border-collapse: collapse; width: 100%; min-width: 460px; font-size: 14.5px; }
.doc th, .doc td {
  border: 1px solid var(--line);
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
  color: var(--ink-2);
}
.doc th { background: rgba(255, 255, 255, 0.04); color: var(--ink); font-weight: 560; }

.doc a { border-bottom: 1px solid rgba(107, 165, 231, 0.4); }

.site-foot h4 { margin-bottom: 12px; }