/* ─────────────────────────────────────────────────────────────────────────
   Политика конфиденциальности — page-specific styles
   Базовые переменные, хедер, футер определены в home/styles.css
   Горизонтальные отступы — только через var(--px), как на contacts и anticorruption
───────────────────────────────────────────────────────────────────────── */

/* ──────────────────────────────────────────────────────────────────────
   BREADCRUMB  (те же классы, что на contacts и anticorruption)
────────────────────────────────────────────────────────────────────── */
.page-crumb-wrap {
  padding: 20px var(--px) 0;
}
.breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: var(--text-muted);
}
.breadcrumb a {
  color: var(--text-muted);
  transition: color 0.2s;
}
.breadcrumb a:hover { color: #fff; }
.breadcrumb-sep {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--text-muted);
  flex-shrink: 0;
}
.breadcrumb-current { color: var(--text-light); }

/* ──────────────────────────────────────────────────────────────────────
   PAGE HERO
────────────────────────────────────────────────────────────────────── */
.pp-hero {
  padding: 32px var(--px) 48px;
}
.pp-title {
  font-family: 'Play', Arial, sans-serif;
  font-size: clamp(32px, 4.5vw, 64px);
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1.06;
  color: #fff;
}

/* ──────────────────────────────────────────────────────────────────────
   КОНТЕНТ ИЗ CKEDITOR
   Стилизуем стандартный HTML, который генерирует CKEditor 5
────────────────────────────────────────────────────────────────────── */
.pp-body {
  padding: 0 var(--px) 80px;
}

/* Разделители между секциями (h2 — начало новой секции) */
.pp-ck-content h2 {
  font-family: 'Play', Arial, sans-serif;
  font-size: clamp(20px, 2.5vw, 32px);
  font-weight: 400;
  color: #fff;
  line-height: 1.2;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-top: 40px;
  border-top: 1px solid var(--border);
}
.pp-ck-content h2:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.pp-ck-content h3 {
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin-top: 24px;
  margin-bottom: 12px;
}

/* Параграфы */
.pp-ck-content p {
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 12px;
}
.pp-ck-content p:last-child { margin-bottom: 0; }

/* Жирный текст */
.pp-ck-content strong {
  font-weight: 700;
  color: #fff;
}

/* Ссылки */
.pp-ck-content a {
  color: var(--accent);
  text-decoration: underline;
  transition: opacity 0.2s;
}
.pp-ck-content a:hover { opacity: 0.8; }

/* Списки */
.pp-ck-content ul,
.pp-ck-content ol {
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  padding-left: 24px;
  margin-bottom: 12px;
}
.pp-ck-content ul { list-style: disc; }
.pp-ck-content ol { list-style: decimal; }
.pp-ck-content li { margin-bottom: 6px; }
.pp-ck-content li:last-child { margin-bottom: 0; }

/* ──────────────────────────────────────────────────────────────────────
   RESPONSIVE — MOBILE (≤768px)
────────────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .pp-hero { padding: 24px var(--px) 32px; }

  .pp-ck-content h2 {
    margin-top: 28px;
    padding-top: 28px;
    margin-bottom: 14px;
  }
  .pp-ck-content ul,
  .pp-ck-content ol { padding-left: 18px; }
}