/* =====================================================================
 *  shared/site-kit/doc.css — текстовые страницы-документы
 * =====================================================================
 *  Политика конфиденциальности, лицензия и подобные страницы. Раньше у
 *  них было своё оформление (w3.css + astra/ozon + свои .doc-*) и своя
 *  шапка с бургером — страницы выглядели как чужой сайт. Теперь они на
 *  общем ките: то же полотно, та же шапка-«пилюля» (menu_public.php),
 *  тот же футер, те же карточки.
 *
 *  Подключение:
 *    <link rel="stylesheet" href="/shared/site-kit/site-kit.css?v=…">
 *    <link rel="stylesheet" href="/shared/site-kit/doc.css?v=…">
 *  (site-kit приходит из menu_public.php, отдельно дублировать не нужно)
 * ===================================================================== */

.doc-hero { padding-bottom: 8px; text-align: center; }
.doc-hero .rx-h1 {
  font-size: clamp(30px, 4.6vw, 52px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  margin: 0 auto 14px;
  max-width: 16ch;
}
.doc-hero-ic {
  display: inline-grid; place-items: center;
  width: 56px; height: 56px; border-radius: 18px; margin-bottom: 20px;
  color: var(--brand); background: rgba(37,99,235,0.1);
}
.doc-hero-ic svg { width: 28px; height: 28px; }
.doc-lead {
  max-width: 620px; margin: 0 auto;
  font-size: 17px; line-height: 1.6; color: var(--ink-2); text-wrap: pretty;
}

.doc-body { padding-top: 16px; }
.doc-card { max-width: 900px; margin: 0 auto; padding: 40px 44px; }
.doc-card h2 {
  font-size: 20px; font-weight: 700; letter-spacing: -0.02em;
  color: var(--ink); margin: 30px 0 10px;
}
.doc-card h2:first-child { margin-top: 0; }
.doc-card p { margin: 0 0 12px; font-size: 15.5px; line-height: 1.7; color: var(--ink-2); }
.doc-card p:last-child { margin-bottom: 0; }
.doc-card ul { margin: 0 0 14px; padding-left: 20px; }
.doc-card li { font-size: 15.5px; line-height: 1.7; color: var(--ink-2); margin-bottom: 6px; }
.doc-card a { color: var(--brand); font-weight: 600; }
.doc-card a:hover { text-decoration: underline; }
.doc-note {
  margin-top: 24px; padding: 14px 18px; border-radius: var(--radius-sm);
  background: rgba(37,99,235,0.06); font-size: 14.5px; color: var(--ink-2);
}

.doc-meta { margin-top: 14px; font-size: 13.5px; color: var(--ink-3); }

/* Документ в просмотрщике superblocks (privacy.php, terms.php). Текст из
   редактора заметок — это <div>-строки и <h2> внутри одного текстового блока,
   поэтому оформляем именно их, а не <p>. */
.legal-view .notion-block { margin: 0; padding: 0; }
.legal-view .notion-block__content,
.legal-view .legal-fallback-block {
  font-size: 15.5px; line-height: 1.7; color: var(--ink-2); padding: 0;
}
.legal-view .notion-block__content div,
.legal-view .legal-fallback-block div { margin: 0 0 6px; }
.legal-view .notion-block__content h2,
.legal-view .legal-fallback-block h2 {
  font-size: 20px; font-weight: 700; letter-spacing: -0.02em;
  color: var(--ink); margin: 26px 0 10px;
}
.legal-view a { color: var(--brand); font-weight: 600; }

@media (max-width: 600px) {
  .doc-hero { padding-top: 28px; }
  .doc-hero-ic { width: 46px; height: 46px; border-radius: 15px; margin-bottom: 16px; }
  .doc-hero-ic svg { width: 23px; height: 23px; }
  .doc-lead { font-size: 15.5px; }
  .doc-body { padding-top: 8px; }
  .doc-card { padding: 24px 20px; }
  .doc-card h2 { font-size: 18px; margin-top: 24px; }
  .doc-card p, .doc-card li { font-size: 15px; }
  .legal-view .notion-block__content, .legal-view .legal-fallback-block { font-size: 15px; }
  .legal-view .notion-block__content h2, .legal-view .legal-fallback-block h2 { font-size: 18px; margin-top: 22px; }
}