/* Страницы документов sellmetric.ru: /privacy, /consent, /consent/marketing, 404.
   Шрифты и цвета – те же, что у лендинга (index.html, :root): Jost – заголовки,
   Manrope – текст, синий бренда – ссылки. Страница только светлая, как лендинг. */
:root{
  --brand:#3a64f2; --brand-600:#2f53d8;
  --bg:#f9fafb; --card:#ffffff;
  --ink:#161a2b; --ink2:#4f566e; --ink3:#656b82;
  --line:rgba(20,30,60,.12);
  --display:"Jost", "Futura", "Century Gothic", "Segoe UI", system-ui, sans-serif;
  --logo:"Inter", "Segoe UI", system-ui, sans-serif;
  --text:"Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
  --gut:clamp(16px, 4vw, 32px);
  --measure:760px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0; background:var(--bg); color:var(--ink); font:500 16px/1.6 var(--text); letter-spacing:-.015em;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
a{color:var(--brand); text-underline-offset:3px}
a:hover{color:var(--brand-600)}
:focus-visible{outline:2px solid var(--brand); outline-offset:3px; border-radius:4px}

/* Шапка: знак и название – как в сервисе, справа вход */
.hdr{background:var(--card); border-bottom:1px solid var(--line); padding-top:env(safe-area-inset-top, 0px)}
.hdr__in, .ftr__in{max-width:calc(var(--measure) + 2 * var(--gut)); margin:0 auto; padding-inline:var(--gut)}
.hdr__in{display:flex; align-items:center; justify-content:space-between; gap:16px; height:68px}
.logo{display:inline-flex; align-items:center; gap:12px; color:var(--ink); text-decoration:none;
  font:600 24px/1 var(--logo); letter-spacing:-.02em; white-space:nowrap}
.logo img{display:block; width:32px; height:32px; border-radius:8px}
.hdr__login{font-weight:600; font-size:15px; color:var(--ink2); text-decoration:none; padding:12px 0 12px 12px}
.hdr__login:hover{color:var(--ink)}

/* Текст документа */
.doc{max-width:calc(var(--measure) + 2 * var(--gut)); margin:0 auto; padding:clamp(32px, 6vw, 56px) var(--gut) clamp(48px, 8vw, 80px)}
.doc h1{font:600 clamp(28px, 4.4vw, 40px)/1.15 var(--display); letter-spacing:-.01em; margin:0; text-wrap:balance}
.doc__ed{color:var(--ink3); font-size:15px; margin:12px 0 0}
.doc h2{font:600 clamp(20px, 2.6vw, 24px)/1.25 var(--display); letter-spacing:-.01em; margin:40px 0 0; text-wrap:balance; scroll-margin-top:16px}
.doc p{margin:14px 0 0}
.doc__ed + p, .doc__ed + section > h2{margin-top:28px}
.doc ul, .doc ol{margin:12px 0 0; padding-left:24px; display:flex; flex-direction:column; gap:8px}
.doc li::marker{color:var(--ink3)}
.doc b, .doc strong{font-weight:600}
.doc a{overflow-wrap:anywhere}

/* Подвал: © и реквизиты, документы – как нижняя строка подвала лендинга */
.ftr{border-top:1px solid var(--line); background:var(--card);
  padding-block:28px calc(28px + env(safe-area-inset-bottom, 0px))}
.ftr__in{display:flex; flex-wrap:wrap; gap:16px 40px; align-items:flex-start; justify-content:space-between}
.ftr__copy{font-size:14px; color:var(--ink)}
.ftr__req{margin-top:4px; font-size:12.5px; color:var(--ink3)}
.ftr__req span{white-space:nowrap}
.ftr__docs{display:flex; flex-wrap:wrap; gap:8px 24px; font-size:14px}
.ftr__docs a{color:var(--ink2); text-decoration:none}
.ftr__docs a:hover{color:var(--ink); text-decoration:underline}
@media (max-width:640px){ .ftr__docs{flex-direction:column; gap:0} .ftr__docs a{padding-block:10px} } /* зона нажатия на телефоне */