/*
 * Юридические документы после миграции в блоки, версия 2.1.0.
 * Ширина, поля, заголовок H1, интервалы между разделами и кнопки
 * настраиваются в templates/legal-document.html через редактор сайта.
 * Обычная типографика, ссылки, списки и карточка используют стили темы.
 * Все правила содержимого ограничены юридическими классами: файл можно
 * подключать и через add_editor_style() для совпадения с редактором страниц.
 */

/* Небольшое общее правило для описаний, без собственной геометрии. */
.mb-legal__lead {
  color: var(--wp--preset--color--text-secondary);
  font-size: var(--wp--preset--font-size--medium);
  line-height: 1.55;
  text-wrap: pretty;
}

.mb-legal-template__title {
  text-wrap: balance;
}

/* Перенос длинных URL в документе и при редактировании его разделов. */
:where(.mb-legal-template__content, .mb-legal-intro-block, .mb-legal-section-block) {
  overflow-wrap: anywhere;
}

/* Якоря остаются на H2; учитываем закреплённую шапку сайта. */
:where([id^="mb-legal-section-"], #mb-legal-toc) {
  scroll-margin-top: 110px;
}

/* Одна упорядоченная структура списка, две колонки при достаточной ширине. */
.mb-legal-toc-list {
  columns: 2;
  column-gap: var(--wp--preset--spacing--50);
}

.mb-legal-toc-list > li {
  break-inside: avoid;
}

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

@media print {
  .wp-site-blocks > header.wp-block-template-part,
  .mb-legal-template__actions,
  .mb-legal-back-wrap {
    display: none !important;
  }

  .mb-legal-template {
    padding: 0 !important;
  }

  .mb-legal-template > * {
    max-width: none !important;
  }

  .mb-legal-toc-block {
    break-inside: avoid;
  }

  .mb-legal-section-block > h2 {
    break-after: avoid;
  }
}