/* Страницы документов (privacy.html, consent.html). Токены и плитки — те же, что в index.html
   (хэндофф «Adaptation Landing v4»): тёмный фон, плитки #17191F со скруглением 28px, оранжевый акцент. */
:root{
  --bg:#0C0D10; --tile:#17191F; --tile-2:#1F222A; --chip:#22252D; --chip-hover:#2A2E38;
  --line:#2E323C; --line-soft:#282C35;
  --ink:#F2F3F5; --ink-2:#C9CDD4; --muted:#9AA0AB;
  --orange:#FF9A52; --orange-soft:#FFC08A; --on-orange:#2A1508;
  --blue:#4F5BFF; --on-blue-muted:#D5D9FF;
  --gap:clamp(10px,1.2vw,14px); --pad:clamp(10px,1.6vw,20px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Onest,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-wrap:pretty;overflow-x:hidden}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--orange)}
::selection{background:var(--orange);color:var(--on-orange)}
h1,h2,h3,p,ul,dl,dd{margin:0}
h1,h2{text-wrap:balance}

/* Фиксированный масштаб (26.09.2026, решение владельца): страницу нельзя
   увеличить щипком или двойным касанием и сдвинуть вбок. touch-action: pan-y
   оставляет только вертикальную прокрутку — это отключает масштаб и в Safari,
   который игнорирует user-scalable=no в meta. text-size-adjust не даёт iOS
   раздувать шрифт при повороте экрана. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-x:none;touch-action:pan-y}
body{max-width:100%;overscroll-behavior-x:none;touch-action:pan-y}

.page{padding:0 var(--pad) var(--pad)}
.w{max-width:1400px;margin:0 auto}

/* Шапка — как на главной */
.header{position:sticky;top:0;z-index:60;padding:max(var(--pad),env(safe-area-inset-top)) 0 var(--pad);background:linear-gradient(var(--bg) 72%,rgba(12,13,16,0))}
.header::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:100vh;background:var(--bg)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--tile);border-radius:20px;padding:10px 10px 10px 20px}
.logo{font-weight:700;font-size:17px;letter-spacing:-.02em;white-space:nowrap}
.actions{display:flex;gap:8px;align-items:center}
.hbtn{height:44px;padding:0 18px;display:flex;align-items:center;border-radius:13px;font-size:15px;white-space:nowrap;transition:background .16s}
.hbtn.back{background:var(--chip);color:var(--ink)}
.hbtn.back:hover{background:var(--chip-hover);color:var(--ink)}
.hbtn.cta{background:var(--orange);color:var(--on-orange);font-weight:600}
.hbtn.cta:hover{background:var(--orange-soft);color:var(--on-orange)}

main{display:grid;gap:var(--gap)}

/* Первый экран документа */
.doc-hero{background:var(--tile);border-radius:28px;padding:clamp(28px,4vw,56px);display:grid;gap:22px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;font-weight:500}
.eyebrow::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--orange)}
.doc-hero h1{font-size:clamp(32px,4.6vw,60px);line-height:1.02;letter-spacing:-.045em;font-weight:700;max-width:18ch}
.meta{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.meta li{background:var(--chip);border-radius:12px;padding:9px 14px;font-size:14px;color:var(--ink-2)}
.meta b{color:var(--ink);font-weight:600}
.switch{display:inline-flex;gap:4px;background:var(--bg);border-radius:16px;padding:4px;justify-self:start;max-width:100%}
.switch a{padding:10px 16px;border-radius:12px;font-size:15px;color:var(--muted);white-space:nowrap}
.switch a:hover{color:var(--ink);background:var(--chip)}
.switch a[aria-current]{background:var(--orange);color:var(--on-orange);font-weight:600}

/* Сетка: оглавление + текст */
.doc{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:var(--gap);align-items:start}
.toc{position:sticky;top:96px;background:var(--tile);border-radius:28px;padding:22px 14px 14px;max-height:calc(100vh - 116px);overflow-y:auto;overscroll-behavior:contain}
.toc summary{list-style:none;cursor:default;padding:0 10px 12px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.toc summary::-webkit-details-marker{display:none}
.toc ol{list-style:none;padding:0;margin:0;display:grid;gap:2px}
.toc a{display:block;padding:9px 10px;border-radius:11px;font-size:14.5px;line-height:1.35;color:var(--muted);transition:color .16s,background .16s}
.toc a:hover{color:var(--ink);background:var(--chip)}
.toc a.on{color:var(--ink);background:var(--chip)}

.body{background:var(--tile);border-radius:28px;padding:clamp(26px,4vw,56px)}
.body > section + section{margin-top:clamp(36px,4.4vw,56px);padding-top:clamp(36px,4.4vw,56px);border-top:1px solid var(--line-soft)}
.body h2{display:flex;align-items:baseline;gap:14px;font-size:clamp(22px,2.2vw,28px);line-height:1.15;letter-spacing:-.03em;font-weight:700;margin-bottom:18px}
.num{flex:none;display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:12px;background:var(--chip);color:var(--orange);font-size:16px;letter-spacing:0;transform:translateY(-3px)}
.body p,.body li,.body dd{color:var(--ink-2);font-size:16.5px;line-height:1.65;max-width:76ch}
.body p + p,.body p + ul,.body ul + p{margin-top:14px}
.body strong{color:var(--ink);font-weight:600}
.body a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;overflow-wrap:anywhere}
.body a:hover{color:var(--orange);text-decoration-color:var(--orange)}

.dash{list-style:none;padding:0;display:grid;gap:10px}
.dash li{position:relative;padding-left:24px}
.dash li::before{content:"";position:absolute;left:2px;top:.72em;width:10px;height:2px;border-radius:2px;background:var(--orange)}

/* Цели обработки — карточки «поле: значение» */
.purpose{background:var(--tile-2);border-radius:22px;padding:clamp(20px,2.4vw,30px);margin-top:14px}
.purpose h3{display:flex;gap:12px;align-items:baseline;font-size:18px;line-height:1.3;letter-spacing:-.02em;font-weight:700;margin-bottom:16px}
.purpose h3 span{color:var(--orange);font-variant-numeric:tabular-nums}
.purpose dl{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:0 24px}
.purpose dt,.purpose dd{padding:12px 0;border-top:1px solid var(--line-soft)}
.purpose dt{color:var(--muted);font-size:14px;line-height:1.5;padding-top:14px}
.purpose dd{font-size:15.5px;line-height:1.6}

/* Выделенный блок: синяя плитка, как «Заявка» на главной */
.note{background:var(--blue);border-radius:22px;padding:clamp(20px,2.4vw,28px);margin-top:18px}
.note p{color:#fff;max-width:none}
.note p + p{margin-top:10px}
.note a{color:#fff;text-decoration-color:rgba(255,255,255,.5)}
.note a:hover{color:#fff;text-decoration-color:#fff}

.to-top{display:inline-flex;margin-top:clamp(36px,4vw,52px);padding:12px 18px;border-radius:13px;background:var(--chip);font-size:15px}
.to-top:hover{background:var(--chip-hover);color:var(--ink)}

/* Подвал — как на главной */
.footer{background:var(--tile);border-radius:28px;padding:clamp(22px,2.6vw,34px);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px}
.footer .logo{color:var(--ink)}
.footer nav{display:flex;gap:8px 24px;flex-wrap:wrap}
.footer nav a{color:var(--muted)}
.footer nav a:hover,.footer nav a[aria-current]{color:var(--orange)}
.footer-legal{flex-basis:100%;margin:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:4px 20px;font-size:12.5px;color:var(--muted);opacity:.8}

/* Планшеты: оглавление складывается в раскрывающийся блок над текстом */
@media (max-width:979.98px){
  .doc{grid-template-columns:minmax(0,1fr)}
  .toc{position:static;max-height:none;padding:6px}
  .toc summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;border-radius:20px;font-size:14px}
  .toc summary::after{content:"+";font-size:20px;font-weight:400;color:var(--ink)}
  .toc[open] summary::after{content:"−"}
  .toc ol{padding:4px 0 6px}
  .toc a{padding:12px 16px}
  .logo{min-height:44px;display:inline-flex;align-items:center}
  .footer nav a,.footer nav span{min-height:44px;display:inline-flex;align-items:center}
}

/* Телефоны */
@media (max-width:600px){
  .bar{border-radius:18px}
  .doc-hero,.body,.toc,.footer{border-radius:22px}
  .doc-hero{padding:30px 22px}
  .body{padding:28px 22px}
  .cta-long{display:none}
  .switch{display:flex;width:100%}
  .switch a{flex:1;text-align:center;padding:10px 8px}
  .purpose{padding:18px;border-radius:18px}
  .purpose dl{grid-template-columns:minmax(0,1fr)}
  .purpose dt{padding:14px 0 2px}
  .purpose dd{border-top:0;padding:0 0 12px}
  .body p,.body li{font-size:16px}
  .num{min-width:34px;height:34px;font-size:15px}
}
@media (min-width:601px){.cta-short{display:none}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media print{
  :root{--bg:#fff;--tile:#fff;--tile-2:#fff;--chip:#f1f1f1;--ink:#000;--ink-2:#111;--muted:#555;--line-soft:#ddd}
  .header,.toc,.switch,.to-top,.footer nav{display:none}
  .doc{grid-template-columns:1fr}
  .note{background:#fff;border:1px solid #999}
  .note p,.note a{color:#000}
}