/* ─────────────────────────────────────────────────────────────────────────
   Стили юридических страниц: privacy.html, consent.html

   ПОЧЕМУ ВНЕШНИЙ ФАЙЛ, А НЕ <style> В СТРАНИЦЕ.
   В .htaccess и nginx-site.conf директива style-src разрешает инлайн-стили
   по SHA-256 хешу, и этот хеш привязан к блоку <style> в index.html.
   Второй инлайн-блок потребовал бы второго хеша в обоих конфигах и ломался
   бы при каждой правке. Внешний файл покрывается style-src 'self' —
   ничего пересчитывать не нужно.

   Переменные дублируют :root из index.html намеренно: страницы должны
   открываться автономно, даже если index.html недоступен.
   ───────────────────────────────────────────────────────────────────────── */

:root{
  --bg:#F5F7FA; --white:#fff; --dark:#1E3A5F; --mid:#2C4C6E;
  --accent:#5F8B9F; --accent-lt:#8DA9BB; --gray:#4A5B6E; --border:#E2E8F0;
  --sh-sm:0 4px 12px rgba(0,0,0,.03),0 1px 2px rgba(0,0,0,.05);
  --r-lg:24px; --r-md:16px;
}

*{margin:0;padding:0;box-sizing:border-box}

body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
              "Helvetica Neue",Arial,sans-serif;
  background:var(--bg);
  color:#1E2A3E;
  line-height:1.6;
  font-size:16.5px;
  -webkit-font-smoothing:antialiased;
}

.container{max-width:820px;margin:0 auto;padding:0 24px}

a{color:var(--mid)}
a:hover{text-decoration:none}

:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:-9999px}
.skip:focus{position:static;display:inline-block;margin:12px}

/* ─── шапка ─── */
.top{background:var(--dark);color:#fff;padding:18px 0}
.top .container{display:flex;justify-content:space-between;align-items:center;gap:16px}
.top a{color:#fff;text-decoration:none;font-size:.92rem}
.top a:hover{text-decoration:underline}
.top strong{font-size:1rem;font-weight:600}

/* ─── документ ─── */
.doc{
  background:var(--white);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  box-shadow:var(--sh-sm);
  padding:clamp(24px,5vw,56px);
  margin:36px 0 48px;
}

h1{
  font-size:clamp(1.35rem,3.6vw,1.85rem);
  font-weight:600;
  letter-spacing:-.02em;
  line-height:1.3;
  color:var(--dark);
  margin-bottom:10px;
}

.rev{
  font-size:.88rem;
  color:var(--gray);
  padding-bottom:20px;
  margin-bottom:26px;
  border-bottom:1px solid var(--border);
}

h2{
  font-size:1.08rem;
  font-weight:600;
  letter-spacing:-.01em;
  color:var(--dark);
  margin:32px 0 12px;
}
h2:first-of-type{margin-top:0}

p{margin-bottom:12px;color:#243144}
p.q{color:var(--gray)}

ul{margin:0 0 14px 22px}
li{margin-bottom:8px;color:#243144}

/* нумерованные пункты вида 1.1., 3.2. */
.cl{margin-bottom:12px;color:#243144}
.cl b{font-weight:600;color:var(--dark);font-variant-numeric:tabular-nums}

/* врезка с ключевым смыслом */
.note{
  background:var(--bg);
  border-left:3px solid var(--accent);
  border-radius:0 12px 12px 0;
  padding:16px 20px;
  margin:22px 0;
  font-size:.95rem;
}
.note p:last-child{margin-bottom:0}

/* реквизиты */
.req{
  background:var(--bg);
  border:1px solid var(--border);
  border-radius:var(--r-md);
  padding:20px 22px;
  margin:24px 0;
  font-size:.95rem;
}
.req p{margin-bottom:6px}
.req p:last-child{margin-bottom:0}

/* ─── подвал ─── */
.foot{
  border-top:1px solid var(--border);
  background:var(--white);
  padding:28px 0;
  font-size:.87rem;
  color:var(--gray);
  text-align:center;
}
.foot p{margin-bottom:8px;color:var(--gray)}
.foot p:last-child{margin-bottom:0}

@media print{
  .top,.foot,.skip{display:none}
  body{background:#fff;font-size:11pt}
  .doc{box-shadow:none;border:none;border-radius:0;padding:0;margin:0}
  a{color:#000;text-decoration:none}
  h1,h2{color:#000}
}