/* =========================================================================
   PRIVACY POLICY — page-specific styles (/privacy-policy/, /ru/privacy-policy/)
   Loads after style.css and pages/contact.css; overrides the generic prose
   rules so the legal page reads as one deliberate, centred reading column
   instead of a narrow block orphaned against the left edge of the container.
   ========================================================================= */

.page-privacy { --privacy-col: 860px; }

/* ---- One centred reading column: hero text, facts strip and prose all share
        the same width and the same left edge. */
.page-privacy .hero--page .max-720,
.page-privacy .privacy-facts,
.page-privacy .privacy-body {
  max-width: var(--privacy-col);
  margin-inline: auto;
}

.page-privacy .hero--page .hero__lead { max-width: 62ch; }
.page-privacy .privacy-meta { margin-top: clamp(1rem, 2vw, 1.5rem); }

/* ---- Facts strip: same card language as the rest of the site
        (radius-xl, sand hairline, soft shadow, no hover lift — they are
        statements, not links). */
.page-privacy .privacy-facts {
  margin-bottom: clamp(2.5rem, 5vw, 3.5rem);
  gap: clamp(.9rem, 1.6vw, 1.25rem);
}
.page-privacy .privacy-facts li {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
  padding: clamp(1.15rem, 1.8vw, 1.4rem) clamp(1.2rem, 1.8vw, 1.45rem);
  line-height: 1.55;
}

/* ---- Prose rhythm: a touch more air between clauses on wide screens. */
.page-privacy .privacy-body h2 { margin-top: clamp(2.25rem, 3.6vw, 3.25rem); }
.page-privacy .privacy-body > p:last-of-type { margin-bottom: 0; }

/* ---- Closing contact card: matches .card-bb (radius-xl + hairline). */
.page-privacy .privacy-contact {
  margin-top: clamp(2.5rem, 5vw, 3.5rem);
  border: 1px solid var(--bb-sand);
  border-radius: var(--radius-xl);
  padding: clamp(1.4rem, 2.4vw, 1.85rem) clamp(1.4rem, 2.4vw, 1.9rem);
}
.page-privacy .privacy-contact .btn-bb { flex: 0 0 auto; }

@media (max-width: 575.98px) {
  .page-privacy .privacy-contact { display: block; }
  .page-privacy .privacy-contact .btn-bb { margin-top: 1.1rem; }
}

/* ---- Reading measure: headings and cards keep the full column, but running
        text is capped so lines stay comfortable (≈80 characters) instead of
        running the whole 860px. Left edge is unchanged, so the column still
        reads as one block. */
.page-privacy .privacy-body > p,
.page-privacy .privacy-body > ul,
.page-privacy .privacy-body > ol {
  max-width: 68ch;
  margin-right: auto;
}
.page-privacy .privacy-body > p,
.page-privacy .privacy-body > li { line-height: 1.72; }

/* ---- Fact cards: icon in a teal-soft tile (same language as .feature__icon
        on the home page), stacked above the text so the copy gets the full
        card width instead of a 150px gutter column. */
.page-privacy .privacy-facts li { flex-direction: column; gap: .85rem; }
.page-privacy .privacy-facts svg {
  width: 44px; height: 44px; padding: 11px;
  border-radius: 14px;
  background: var(--bb-teal-soft);
  color: var(--bb-teal);
  margin-top: 0;
}
.page-privacy .privacy-facts li strong { font-size: 1.05rem; margin-bottom: .25rem; }

@media (max-width: 575.98px) {
  .page-privacy .privacy-meta { align-items: flex-start; border-radius: var(--radius-lg); }
  .page-privacy .privacy-meta svg { margin-top: .2rem; }
}