/* =========================================================
   iQprofy — страница «Политика конфиденциальности»
   Каркас (.page, .top, .foot) и токены — в style.css
   ========================================================= */

html{scroll-behavior:smooth}
.legal{position:relative;z-index:1;flex:1;padding:clamp(16px,3vw,40px) 0 clamp(48px,7vw,96px)}

/* ---------- Заголовок документа ---------- */
.legal__head{max-width:820px;margin-bottom:clamp(28px,4vw,48px)}
.legal__head h1{margin-top:16px;font-size:clamp(2rem,4.4vw,3.2rem);font-weight:800;letter-spacing:-.045em;line-height:1.08}
.legal__meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:18px;font-size:.9rem;color:var(--fg-3)}
.legal__meta b{color:var(--fg-2);font-weight:600}

/* ---------- Сетка: оглавление + текст ---------- */
.legal__grid{display:grid;grid-template-columns:260px 1fr;gap:clamp(24px,4vw,56px);align-items:start}

.toc{position:sticky;top:24px;padding:18px;border-radius:20px;background:var(--glass);border:1px solid var(--glass-line)}
.toc__title{margin-bottom:10px;font:600 .72rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.toc ol{counter-reset:toc;display:flex;flex-direction:column;gap:2px}
.toc a{
  display:flex;gap:10px;align-items:baseline;padding:7px 10px;border-radius:10px;
  font-size:.88rem;font-weight:600;line-height:1.35;color:var(--fg-2);
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease);
}
.toc a::before{counter-increment:toc;content:counter(toc,decimal-leading-zero);font:500 .72rem var(--mono);color:var(--accent-text)}
.toc a:hover{background:var(--accent-soft);color:var(--title)}

/* ---------- Текст документа ---------- */
.doc{
  padding:clamp(22px,4vw,48px);border-radius:var(--radius-xl);
  background:var(--card);border:1px solid var(--line);
  font-size:1rem;line-height:1.75;color:var(--fg-2);
}
.doc section + section{margin-top:40px;padding-top:36px;border-top:1px solid var(--line)}
.doc section{scroll-margin-top:24px}
.doc h2{display:flex;gap:14px;align-items:baseline;margin-bottom:16px;font-size:clamp(1.25rem,2.2vw,1.55rem);letter-spacing:-.03em}
.doc h2 span{font:600 .8rem var(--mono);color:var(--accent-text)}
.doc p + p,.doc p + ul,.doc ul + p{margin-top:12px}
.doc ul{display:flex;flex-direction:column;gap:8px}
.doc li{position:relative;padding-left:22px}
.doc li::before{content:'';position:absolute;left:4px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--title-grad)}
.doc strong{color:var(--title);font-weight:700}
.doc a{color:var(--accent-text);font-weight:600;text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:3px}
.doc a:hover{color:var(--title)}

/* Реквизиты оператора */
.req{display:grid;grid-template-columns:max-content 1fr;gap:10px 24px;padding:20px 22px;border-radius:16px;background:var(--accent-soft);border:1px solid var(--accent-line)}
.req dt{color:var(--fg-3);font-size:.92rem}
.req dd{color:var(--title);font-weight:600}

/* ---------- Адаптив ---------- */
@media (max-width:900px){
  .legal__grid{grid-template-columns:1fr}
  .toc{position:static}
}
@media (max-width:520px){
  .req{grid-template-columns:1fr;gap:2px}
  .req dd{margin-bottom:10px}
}

/* ---------- Печать ---------- */
@media print{
  .bg-layer,.top__actions,.toc,.skip-link{display:none!important}
  body{background:#fff;color:#000}
  .doc{border:0;padding:0;background:none;color:#000}
  .doc h2,.doc strong,.req dd{color:#000}
}