/* Типографика юр-страниц (privacy.html, terms.html). Тема (цвета, шрифты) —
   из общего theme.css, подключается ПЕРЕД этим файлом. Здесь — только то, что
   специфично для длинного юр-текста, плюс пара своих оттенков. */
:root {
  --color-soft: rgba(var(--text-rgb), 0.78); /* основной текст — чуть мягче заголовков */
  --accent: rgb(var(--ember-rgb));
}
@media (prefers-color-scheme: light) {
  :root { --color-soft: rgba(var(--text-rgb), 0.82); }
}

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

html { -webkit-text-size-adjust: 100%; }

body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

.wrap {
  max-width: 660px;
  margin: 0 auto;
  padding: clamp(72px, 12vh, 120px) 24px 120px;
}

.back {
  display: inline-block;
  margin-bottom: 48px;
  color: var(--color-muted);
  font-size: 14px;
  text-decoration: none;
  transition: color 0.2s ease;
}
.back:hover { color: var(--color-text); }

h1 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(30px, 6vw, 42px);
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.updated {
  margin-top: 12px;
  color: var(--color-muted);
  font-size: 15px;
  font-style: italic;
}

.intro { margin-top: 28px; }

h2 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(19px, 3.4vw, 23px);
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin: 52px 0 14px;
}

p, li { color: var(--color-soft); font-size: 16.5px; }
p { margin-bottom: 16px; }

ul { list-style: none; margin: 0 0 16px; padding: 0; }
li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
}
li::before {
  content: '';
  position: absolute;
  left: 2px;
  top: 11px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--accent);
}

strong { color: var(--color-text); font-weight: 500; }

a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

.callout {
  margin: 28px 0 8px;
  padding: 24px 26px;
  background: var(--surface-1);
  border: 1px solid var(--color-border);
  border-radius: 16px;
}
.callout h2 { margin-top: 0; }
.callout ul { margin: 0; }
.callout li:last-child { margin-bottom: 0; }