/* legal.css — только страницы документов (/privacy/, /consent/, /cookie-consent/): подключается через Page::styles.
   Всё остальное в модуле — готовые классы site.css: окно cookie (.cookie-banner), подвал (.site-footer__legal, .age-mark),
   кнопки (.btn), ссылки, скрытый текст (.visually-hidden), абзацы и списки (.prose). Здесь только то, чего в site.css нет:
   заголовки документа, содержание, таблицы. Значения — токены :root из site.css, брейкпоинты — из его набора. */

/* Страница: ширину и боковые поля даёт .container.container--prose, расстояния между блоками текста — .prose. */
.legal-page{padding-block:var(--sp-8) var(--sp-9)}
.legal-doc__title{margin-bottom:var(--sp-3);font-size:var(--fs-h2);overflow-wrap:break-word}
.legal-doc__title + p{margin-top:0;margin-bottom:var(--sp-5);font-size:var(--fs-small);color:var(--cocoa)} /* строка «Редакция от …» */

/* Заголовки разделов мельче, чем у страниц сайта: документ плотный, разделов много. */
.legal-doc h2{font-size:var(--fs-h3);font-weight:500}
.legal-doc h3{margin-top:var(--sp-6);font:600 var(--fs-body)/1.3 var(--font-text)}
.legal-doc hr{margin-block:var(--sp-7) var(--sp-5)}
.legal-doc code{padding:0 .3em;background:var(--linen);border-radius:var(--r-sm);font-size:.92em;overflow-wrap:anywhere}

/* Содержание — раскрывающийся список после строки с датой. */
.legal-toc{padding:0 var(--sp-4);background:var(--linen);border-radius:var(--r-md);font-size:var(--fs-small)}
.legal-toc[open]{padding-bottom:var(--sp-3)}
.legal-toc summary{padding-block:var(--sp-3);font-weight:600;cursor:pointer} /* display не трогаем: у summary он list-item — стрелка и роль на месте; высота ≥ --tap */
.legal-doc .legal-toc ol{margin:0;padding-left:1.4em}
.legal-doc .legal-toc a{text-decoration:none}
.legal-doc .legal-toc a:hover{text-decoration:underline}

/* Таблицы (сроки, cookie Метрики). */
.legal-table table{width:100%;border-collapse:collapse;font-size:var(--fs-small)}
.legal-table th,.legal-table td{padding:var(--sp-3);border-bottom:var(--hairline) solid var(--sand);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.legal-table th{font-weight:600;color:var(--cocoa)}
@media (max-width:599px){
  /* на узком экране строка таблицы — карточка с подписями столбцов: без горизонтальной прокрутки */
  .legal-table thead{position:absolute;width:var(--hairline);height:var(--hairline);overflow:hidden;clip:rect(0 0 0 0)}
  .legal-table tr{display:block;padding:var(--sp-3) 0;border-bottom:var(--hairline) solid var(--sand)}
  .legal-table td{display:block;padding:var(--sp-1) 0;border:0}
  .legal-table td::before{content:attr(data-label) ": ";font-weight:600;color:var(--cocoa)}
}

/* Ссылки на остальные документы под текстом. */
.legal-page__others{margin-top:var(--sp-8);padding-top:var(--sp-5);border-top:var(--hairline) solid var(--sand);font-size:var(--fs-small)}
.legal-page__others .eyebrow{margin-bottom:var(--sp-2)}
.legal-page__others ul{display:grid;gap:var(--sp-1);margin:0;padding:0;list-style:none}
.legal-page__others a{display:inline-flex;align-items:center;min-height:var(--tap)}