/* ============================
   Privacy Policy — page styles
   ============================ */

/* базовая вертикальная сетка и отступ под фикс-хедер */
main.site-main {
  padding-top: calc(var(--header-h, 72px) + 16px);
}

/* ограничение ширины текста для читабельности */
main.site-main .container > p,
main.site-main .container > h2,
main.site-main .container > h3 {
  max-width: 68ch;
}

/* заголовок страницы */
main.site-main h1 {
  margin: 4px 0 14px;
  letter-spacing: 0.2px;
}

/* подзаголовки разделов */
main.site-main h2 {
  margin: 22px 0 8px;
  padding-top: 6px;
  border-top: 1px solid rgba(255,255,255,0.06);
}

/* третий уровень на случай будущих блоков */
main.site-main h3 {
  margin: 18px 0 6px;
  font-size: var(--step-0, 1.125rem);
}

/* абзацы */
main.site-main p {
  margin: 8px 0 10px;
  line-height: 1.65;
  color: var(--text, #cfd8e3);
}

/* ссылки в тексте политики */
main.site-main a {
  color: var(--brand, #7fffd4);
  text-decoration: underline;
  text-underline-offset: 2px;
}
main.site-main a:hover {
  filter: brightness(1.1);
}

/* списки, если появятся */
main.site-main ul,
main.site-main ol {
  margin: 8px 0 12px 1.2em;
  max-width: 68ch;
}
main.site-main li { margin: 4px 0; }

/* небольшие ремарки/примечания (если добавите класс .note) */
main.site-main .note {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  padding: 10px 12px;
  margin: 10px 0;
  max-width: 68ch;
  color: var(--muted, #94a3b8);
}

/* анимация появления, если на странице есть .reveal-on-scroll */
.reveal-on-scroll { transform: translateY(4px); opacity: 0; transition: opacity .4s ease, transform .4s ease; }
.reveal-on-scroll.is-visible { transform: none; opacity: 1; }

/* адаптив: чуть свободнее на мобильных */
@media (max-width: 520px) {
  main.site-main { padding-top: calc(var(--header-h, 64px) + 12px); }
  main.site-main .container > p,
  main.site-main .container > h2,
  main.site-main .container > h3 { max-width: 100%; }
}

/* печать: белый фон, чёрный текст, без хедера/футера */
@media print {
  :root { color-scheme: light; }
  body { background: #fff !important; }
  header.site-header, .footer, .scrim { display: none !important; }
  main.site-main { padding: 0; }
  main.site-main h1, main.site-main h2, main.site-main h3 { color: #000; border-color: #000; }
  main.site-main p, main.site-main li { color: #000; }
  a { color: #000; text-decoration: underline; }
}
