/* Юридические документы Veraum: те же шрифты и цвета, что у приложения.
   Значения — копия :root из style.css: документы открываются отдельной
   страницей и style.css не подключают, поэтому канон дублируется здесь. */
:root { --bg: #ffffff; --ink: #0f0e0d; --ink-soft: #706d66; --line: #e3e1dc;
        --dead: #8a2b20;
        --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
        --sans: "Montserrat", -apple-system, "Helvetica Neue", sans-serif; }
* { box-sizing: border-box; }
/* Фокус с клавиатуры виден и в документах. */
:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 16px/1.65 var(--serif); }
a { color: var(--ink); }
.legal-top { display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: baseline;
             justify-content: space-between; padding: 22px clamp(18px, 5vw, 56px);
             border-bottom: 1px solid var(--line); font: 500 13px/1.4 var(--sans); }
.legal-top > a { display: flex; text-decoration: none; }
/* Логотип отдельным файлом, а не инлайном: один и тот же SVG на пять
   документов, браузер берёт его из кеша. Внутри него fill: currentColor,
   в <img> это чёрный — от --ink отличается неразличимо. */
.legal-logo { display: block; width: 118px; height: auto; }
.legal-top nav { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.legal-top nav a { color: var(--ink-soft); text-decoration: none; }
.legal-top nav a:hover, .legal-top nav a[aria-current] { color: var(--ink); }
.legal { max-width: 760px; margin: 0 auto; padding: 48px clamp(18px, 5vw, 32px) 96px; }
.legal h1 { font: 400 clamp(28px, 4vw, 38px)/1.15 var(--serif); letter-spacing: -.02em; margin: 0 0 10px; }
.legal h2 { font: 600 19px/1.35 var(--serif); margin: 38px 0 10px; }
.legal p, .legal li { margin: 0 0 10px; }
.legal ol, .legal ul { padding-left: 22px; margin: 0 0 12px; }
.legal-meta { font: 400 13px/1.5 var(--sans); color: var(--ink-soft); margin-bottom: 30px !important; }
.legal table { width: 100%; border-collapse: collapse; margin: 8px 0 16px; font: 400 14px/1.5 var(--sans); }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 8px 10px; border-top: 1px solid var(--line); }
.legal th { font-weight: 600; }
.table-wrap { overflow-x: auto; }
.req-missing { background: #fbf1ef; color: var(--dead); padding: 0 4px; font-family: var(--sans); font-size: .9em; }

/* Печать: договор и политику распечатывают и подшивают. Со страницы уходит
   навигация, поля отдаёт принтер, таблицы и заголовки не рвутся между
   листами, а адреса ссылок дописываются к тексту — на бумаге ссылка
   без адреса бесполезна. */
@media print {
  .legal-top nav { display: none; }
  .legal-top { border-bottom: none; padding: 0 0 12pt; }
  .legal-logo { width: 90px; }
  .legal { max-width: none; padding: 0; }
  body { background: #fff; color: #000; font-size: 11pt; line-height: 1.5; }
  .legal a[href^="http"]::after, .legal a[href^="/"]::after {
    content: " (" attr(href) ")"; font-family: var(--sans); font-size: .85em; }
  .legal h1, .legal h2 { break-after: avoid; }
  .legal table, .legal li, .legal p { break-inside: avoid; }
  .table-wrap { overflow: visible; }
}