/* ============================================================
   OptiCrew — страница «Политика конфиденциальности»
   Наследует токены темы из styles.css (:root / [data-theme="light"])
   ============================================================ */

.pp-hero{
  padding:calc(var(--header-h) + 44px) 0 40px;
  background:var(--bg-alt);
  border-bottom:1px solid var(--line);
}
.pp-back{
  display:inline-block;margin-bottom:22px;
  font:500 13.5px var(--font-body);color:var(--muted);
  text-decoration:none;transition:color .2s;
}
.pp-back:hover{color:var(--accent2)}
.pp-hero__title{
  font-family:var(--font-display);font-weight:600;
  font-size:clamp(26px,3.4vw,40px);line-height:1.2;letter-spacing:-.01em;
  max-width:900px;margin:6px 0 14px;
}
.pp-hero__sub{color:var(--muted);font-size:15px;max-width:760px}

/* ---------- Раскладка: липкое оглавление + документ ---------- */
.pp-main{
  display:grid;grid-template-columns:264px 1fr;gap:48px;
  padding-top:52px;padding-bottom:80px;align-items:start;
}

.pp-toc{position:sticky;top:calc(var(--header-h) + 20px)}
.pp-toc__inner{
  background:var(--surface);border:1px solid var(--line);border-radius:16px;
  padding:20px;max-height:calc(100vh - var(--header-h) - 48px);overflow:auto;
}
.pp-toc__head{
  font:500 12px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent2);margin-bottom:14px;
}
.pp-toc__nav{display:flex;flex-direction:column;gap:1px}
.pp-toc__nav a{
  display:flex;gap:10px;align-items:baseline;
  padding:8px 10px;border-radius:9px;
  font-size:13.5px;line-height:1.35;color:var(--muted);
  text-decoration:none;transition:background .18s,color .18s;
}
.pp-toc__nav a span{
  flex:none;width:20px;
  font-family:var(--font-mono);font-size:12px;color:var(--accent2);
}
.pp-toc__nav a:hover{background:var(--surface-2);color:var(--text)}
.pp-toc__nav a.active{background:var(--brand-dim, color-mix(in srgb,var(--accent) 12%,transparent));color:var(--text)}
.pp-toc__nav a.active span{color:var(--accent)}

/* ---------- Документ ---------- */
.pp-doc{max-width:820px;min-width:0}
.pp-sec{scroll-margin-top:calc(var(--header-h) + 20px)}
.pp-sec + .pp-sec{margin-top:40px;padding-top:36px;border-top:1px solid var(--line)}
.pp-sec h2{
  font-family:var(--font-display);font-weight:600;
  font-size:clamp(19px,2.2vw,25px);line-height:1.3;
  margin:0 0 20px;display:flex;gap:14px;align-items:baseline;
}
.pp-sec__n{
  flex:none;min-width:34px;height:34px;padding:0 9px;
  display:inline-grid;place-items:center;
  font:600 15px var(--font-mono);color:#fff;
  background:var(--gradient-brand, linear-gradient(135deg,var(--accent),var(--accent2)));
  border-radius:9px;transform:translateY(2px);
}
.pp-doc p{color:var(--text);font-size:15.5px;line-height:1.7;margin:0 0 14px}
.pp-doc p:last-child{margin-bottom:0}

/* Подпункты N.M — нумерация моноширинным акцентом */
.pp-list{list-style:none;counter-reset:none;margin:6px 0 16px;padding:0;display:flex;flex-direction:column;gap:11px}
.pp-list li{
  position:relative;padding-left:56px;
  font-size:15px;line-height:1.65;color:var(--text);
}
.pp-num{
  position:absolute;left:0;top:1px;min-width:46px;
  font-family:var(--font-mono);font-size:12.5px;font-weight:500;
  color:var(--accent2);
}
[data-theme="light"] .pp-num{color:var(--accent)}

/* ссылки внутри текста */
.pp-doc a{color:var(--accent2);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.pp-doc a:hover{border-color:currentColor}
[data-theme="light"] .pp-doc a{color:var(--accent)}

/* ---------- Адаптив ---------- */
@media (max-width:920px){
  .pp-main{grid-template-columns:1fr;gap:0}
  .pp-toc{
    position:static;margin-bottom:28px;
  }
  .pp-toc__inner{max-height:none}
  .pp-toc__nav{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px;
  }
}
@media (max-width:760px){
  .pp-list li{padding-left:0}
  .pp-num{position:static;display:block;margin-bottom:2px}
}