/* ========== Legal page base ========== */
.legal{
  --legal-bg: linear-gradient(180deg, rgba(122,12,22,.20), rgba(18,16,20,.08));
  --legal-brd: 1px solid rgba(247,161,174,.18);
  --legal-card: rgba(18,16,20,.52);
}
.legal .page-title{
  margin: 6.5rem 0 1.2rem; /* учёт фиксированного хедера */
  font-weight: 800;
}
.legal section + section{ margin-top: 1rem; }

/* ========== Privacy (pp-*) ========== */
.legal-pp .pp-section{
  background: var(--legal-bg);
  border: var(--legal-brd);
  border-radius: 1rem;
  padding: 1rem;
  box-shadow: 0 12px 32px rgba(0,0,0,.35);
}
.legal-pp .pp-section h2{ margin-top: 0; }
.legal-pp .pp-section ul{ padding-left: 1.1rem; }
.legal-pp .pp-meta{
  margin-top:.4rem; font-size:.95rem; opacity:.85;
}

/* ========== Terms (tc-*) ========== */
.legal-tc .tc-section{
  background: var(--legal-bg);
  border: var(--legal-brd);
  border-radius: 1rem;
  padding: 1rem;
  box-shadow: 0 12px 32px rgba(0,0,0,.35);
}
.legal-tc .tc-section h2{ margin-top: 0; }
.legal-tc .tc-section ul{ padding-left: 1.1rem; }
.legal-tc .tc-meta{
  margin-top:.4rem; font-size:.95rem; opacity:.85;
}

/* ========== Common responsive ========== */
@media (max-width: 920px){
  .legal .page-title{ margin-top: 5.8rem; }
}