/* Юридические страницы (/privacy/, /privacy/lead/): тёмный фон и шрифт сайта,
   но обычная читаемая вёрстка документа. <mark> — поля, которые нужно заполнить. */
:root { color-scheme: dark; }
html, body { margin: 0; background: #07070a; color: #fff; }
body {
  font-family: "Helvetica Neue Cyr", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
.legal { max-width: 46rem; margin: 0 auto; padding: 6vh 6vw 12vh; }
.legal__back { display: inline-block; margin-bottom: 4vh; color: #fff; text-decoration: none; letter-spacing: .08em; font-size: 12px; text-transform: uppercase; opacity: .6; }
.legal__back:hover { opacity: 1; }
.legal__kicker { margin: 0 0 .6rem; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; opacity: .45; }
.legal h1 { margin: 0 0 1.2rem; font-weight: 300; font-size: clamp(1.8rem, 4.5vw, 2.6rem); line-height: 1.1; letter-spacing: -.01em; }
.legal h2 { margin: 2.4rem 0 .7rem; font-weight: 400; font-size: 1.05rem; letter-spacing: .04em; text-transform: uppercase; opacity: .9; }
.legal__lead { font-size: 1.05rem; opacity: .85; }
.legal p, .legal li { opacity: .82; }
.legal a { color: #fff; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(255,255,255,.35); }
.legal a:hover { text-decoration-color: #fff; }
.legal ul { padding-left: 1.2rem; }
.legal li + li { margin-top: .4rem; }
.legal mark { background: rgba(255, 220, 90, .18); color: #ffe38a; padding: 0 .25em; border-radius: 2px; }
.legal blockquote { margin: 1rem 0; padding: 1rem 1.2rem; border-left: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.04); font-size: .95rem; }
.legal table { width: 100%; border-collapse: collapse; font-size: .86rem; margin: 1rem 0; display: block; overflow-x: auto; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: .6rem .7rem; border-top: 1px solid rgba(255,255,255,.18); min-width: 9rem; }
.legal th { font-weight: 400; text-transform: uppercase; font-size: .72rem; letter-spacing: .08em; opacity: .55; border-top: 0; }
.legal__foot { margin-top: 4rem; font-size: 12px; opacity: .5; }
@media (max-width: 640px) { body { font-size: 15px; } .legal { padding: 4vh 5vw 10vh; } }