/* Terms and Conditions, Privacy and Cookie Policy.
   Длинные юридические тексты: читаемая ширина строки, оглавление в две
   колонки (разделов больше двадцати), якоря не прячутся под шапкой. */

.legal__title { padding-top: var(--space-6); margin-bottom: var(--space-2); }
.legal__updated { margin: 0 0 var(--space-5); color: var(--color-text-dim); font-size: var(--text-sm); }

.legal .toc { columns: 2 280px; column-gap: var(--space-6); margin-bottom: var(--space-6); }
/* Группа может переноситься между колонками: у Terms раздел всего один
   список, и запрет разрыва держал все 21 пункт в одной колонке. Не отрывается
   от своих пунктов только заголовок части. */
.toc__part { break-after: avoid; }
.toc__group + .toc__group { margin-top: var(--space-3); }
.legal .toc a { break-inside: avoid; }
.toc__part {
  color: var(--color-text) !important;
  font-weight: var(--weight-semibold);
  margin-top: var(--space-2);
}

/* Небольшой воздух над заголовком при переходе по якорю из оглавления:
   иначе заголовок встаёт вплотную к краю окна. */
.legal__text h2, .legal__text h3 { scroll-margin-top: var(--space-5); }

/* Текст на всю ширину контейнера — так попросили для этих страниц.
   Общий .prose ограничивает строку 70 символами. */
.legal__text { max-width: none; }

.legal__text h3 {
  color: var(--color-text);
  font-size: var(--text-base);
  margin-top: var(--space-5);
  margin-bottom: var(--space-2);
}
.legal__text p { margin: 0; }
.legal__text p + p, .legal__text ul + p, .legal__text p + ul, .legal__text h3 + p { margin-top: var(--space-3); }
/* Общий сброс стилей сайта убирает маркеры у всех списков — в тексте
   документа они нужны, иначе пункты читаются сплошными абзацами. */
.legal__text ul { list-style: disc; margin: var(--space-3) 0 0; padding-left: var(--space-5); }
.legal__text li + li { margin-top: var(--space-1); }
.legal__text li::marker { color: var(--color-text-dim); }
.legal__text a { color: var(--color-accent); }
.legal__text a:hover { color: var(--color-accent-hover); }

/* Заголовок части («Cookie Policy») отделяет вторую половину документа. */
.legal__text .legal__part {
  margin-top: var(--space-8, 3rem);
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-border);
  font-size: var(--text-2xl, 1.75rem);
}
.legal__text .legal__part + h2 { margin-top: var(--space-4); }

@media (max-width: 600px) {
  .legal .toc { columns: 1; }
}