/* ═══ Юридические документы (шаблон legal, прототип 14) ═══════════════
   Тихая страница для точечного чтения: без полос, кадров и призывов.
   Только токены .v2; от 375 px вверх. Раскладка «оглавление + текст» —
   .pgrid из v2-pages.css. */

.v2 .phead--legal{padding-bottom:var(--s-5)}
/* Заголовок документа — кеглем длинного H1 (--t-h1-long, v2-pages.css): «Политика в отношении
   обработки персональных данных» короче на строку, «конфиденциальности» на 320 не выходит за край. */
.v2 .phead--legal .phead__t{font-size:var(--t-h1-long);letter-spacing:-.015em}
.v2 .phead--legal .phead__meta{margin-top:0;max-width:var(--measure-art);text-wrap:pretty}

/* Текст документа: низ страницы продолжает ту же колонку — отступ меньше --sec. */
.v2 .lg-body{padding-bottom:var(--s-6)}
/* В текстах документов e-mail склеен с соседними словами неразрывными
   пробелами («Оператора monro.art@yandex.ru с пометкой»): на 375 такая
   цепочка шире колонки. Переносим внутри неё, только если иначе не влезает. */
.v2 .lg-body .prose--doc{overflow-wrap:break-word}

/* Таблица документа в две колонки «подпись | значение» (банковские реквизиты оферты).
   Рамки ячеек рисует стиль блока WP (.wp-block-table td{border:1px solid}), в системе таблица
   на льне без линий (DESIGN §9б) — на всех ширинах. На телефоне две колонки по 150 px рвали
   посреди слова почту и номера счетов: строка — плашка на льне, подпись --t-s --ink-2 над
   значением во всю ширину (--t-ui 600, цифры табличные). От 600 px — снова таблица, как была. */
.v2 .lg-body .prose :is(th,td){border:0}
.v2 .lg-body .prose table:not(:has(tr>:nth-child(3))),
.v2 .lg-body .prose table:not(:has(tr>:nth-child(3)))>tbody{display:grid;gap:var(--s-1)}
.v2 .lg-body .prose table:not(:has(tr>:nth-child(3))) tr{display:grid;gap:var(--s-0);padding:var(--s-2) var(--s-3);border-radius:var(--r-btn);background:var(--linen)}
.v2 .lg-body .prose table:not(:has(tr>:nth-child(3))) :is(td,th){display:block;padding:0;border-radius:0;background:none}
.v2 .lg-body .prose table:not(:has(tr>:nth-child(3))) tr>:first-child:not(:only-child){color:var(--ink-2)}
.v2 .lg-body .prose table:not(:has(tr>:nth-child(3))) tr>:first-child:not(:only-child) strong{font-weight:inherit}
.v2 .lg-body .prose table:not(:has(tr>:nth-child(3))) tr>:last-child:not(:only-child){font-size:var(--t-ui);font-weight:600;font-variant-numeric:tabular-nums}
@media (min-width:600px){
  .v2 .lg-body .prose table:not(:has(tr>:nth-child(3))){display:table}
  .v2 .lg-body .prose table:not(:has(tr>:nth-child(3)))>tbody{display:table-row-group}
  .v2 .lg-body .prose table:not(:has(tr>:nth-child(3))) tr{display:table-row;padding:0;border-radius:0;background:none}
  .v2 .lg-body .prose table:not(:has(tr>:nth-child(3))) :is(td,th){display:table-cell;padding:var(--s-2) var(--s-3);background:var(--linen)}
  .v2 .lg-body .prose table:not(:has(tr>:nth-child(3))) tr>:first-child:not(:only-child){border-radius:var(--r-btn) 0 0 var(--r-btn);color:inherit}
  .v2 .lg-body .prose table:not(:has(tr>:nth-child(3))) tr>:first-child:not(:only-child) strong{font-weight:revert}
  .v2 .lg-body .prose table:not(:has(tr>:nth-child(3))) tr>:last-child:not(:only-child){border-radius:0 var(--r-btn) var(--r-btn) 0;font-size:inherit;font-weight:inherit;font-variant-numeric:inherit}
  .v2 .lg-body .prose table:not(:has(tr>:nth-child(3))) tr>:only-child{border-radius:var(--r-btn)}
}

/* Редакция и PDF под оглавлением (без оглавления — под текстом). Если текст
   сам начинается с этой строки (оферта), на телефоне она стоит прямо над
   ним — под «Содержанием» не повторяем; от 900 px она в липкой колонке. */
.v2 .lg-meta{display:grid;gap:var(--s-2);justify-items:start;padding-inline:var(--s-2)}
.v2 .lg-meta__ed{font-size:var(--t-s);color:var(--ink-2)}
.v2 .pgrid__side .lg-meta--dup{display:none}
/* От 900 px оглавление длиннее окна прокручивается внутри липкой колонки:
   редакция прилипает к её низу и видна при чтении с середины документа. */
@media (min-width:900px){
  .v2 .pgrid__side .lg-meta,.v2 .pgrid__side .lg-meta--dup{display:grid;position:sticky;bottom:0;padding-block:var(--s-2);background:var(--paper)}
}

/* «К содержанию» на телефоне — общая .toc__up (page/toc, v2-pages.css и v2-pages.js). */

/* Низ: вопросы по документу и остальные документы. */
.v2 .lg-foot{padding-bottom:var(--sec)}
.v2 .lg-foot__in{display:grid}
.v2 .lg-foot__main{display:grid;gap:var(--s-5);max-width:var(--measure-art)}
.v2 .lg-foot__ask{display:grid;gap:var(--s-1);padding:var(--s-4);border-radius:var(--r-img);background:var(--linen)}
.v2 .lg-foot__t{font:600 var(--t-h3)/1.25 var(--f-d)}
/* На телефоне почта и телефон встают друг под другом: между целями 44 px — --s-1. */
.v2 .lg-foot__say{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1) var(--s-4);color:var(--ink-2)}
.v2 .lg-foot__say a{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:600;color:var(--acc);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:var(--ul-off);overflow-wrap:anywhere}
.v2 .lg-foot__say a:hover{color:var(--acc-ink)}
/* Названия документов длинные («Политика в отношении обработки персональных
   данных»): до 600 px — строки на льне во всю ширину, как .rows (двухстрочная
   пилюля 999 px выглядела «пузырём»); от 600 px — пилюли в ряд. */
.v2 .lg-foot__docs .plinks__list{display:grid;gap:var(--s-1)}
.v2 .lg-foot__docs .pill{width:100%;min-height:var(--row);padding-block:var(--s-2);border-radius:var(--r-btn);white-space:normal;text-align:left}
@media (min-width:600px){
  .v2 .lg-foot__docs .plinks__list{display:flex;flex-wrap:wrap}
  .v2 .lg-foot__docs .pill{width:auto;min-height:var(--tap);padding-block:var(--s-1);border-radius:var(--r-chip)}
}
@media (min-width:900px){
  .v2 .lg-foot__in--toc{grid-template-columns:minmax(0,3fr) minmax(0,8fr);column-gap:var(--col-gap)}
  .v2 .lg-foot__in--toc .lg-foot__main{grid-column:2}
}