/* Контейнер и отступы для legal-страниц */
.legal-main{
  padding: 42px 0 56px;
}
.legal-title{
  font-size: clamp(24px, 3.2vw, 36px);
  margin: 10px auto 14px;
  width: min(1120px, 92%);
}
.legal-lede{
  color: var(--muted);
  width: min(880px, 92%);
  margin: 6px auto 16px;
}

/* TOC */
.toc{
  width: min(880px, 92%);
  margin: 8px auto 16px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(255,255,255,.03);
  padding: 12px;
}
.toc-title{
  margin: 0 0 6px;
  font-size: clamp(16px, 1.8vw, 18px);
}
.toc ol{
  margin: 0; padding-left: 18px;
}
.toc a{
  text-decoration: none; color: var(--ink);
}
.toc a:hover{
  text-decoration: underline;
}

/* Разделы */
.legal-section{
  width: min(880px, 92%);
  margin: 14px auto 0;
  scroll-margin-top: 72px; /* чтобы заголовок не уезжал под фикс-хедер */
}
.legal-section h2{
  margin: 0 0 6px;
  font-size: clamp(18px, 2vw, 22px);
}
.legal-section p{ color: var(--muted); }
.legal-section ul, .legal-section ol{
  margin: 8px 0 0;
  padding-left: 18px;
  color: var(--muted);
}
.legal-contact a{ color: inherit; text-decoration: underline dotted; }
.legal-contact a:hover{ text-decoration-style: solid; }

/* Мелкие улучшения доступности */
@media (prefers-reduced-motion: reduce){
  html:focus-within{ scroll-behavior: auto; }
}

/* Адаптив */
@media (max-width: 560px){
  .legal-main{ padding: 36px 0 48px; }
}
/* ===== Base для секций на обоих юр-страницах (замена .legal-section) ===== */
.pp-section, .tc-section{
  width: min(880px, 92%);
  margin: 14px auto 0;
  scroll-margin-top: 72px;
}
.pp-section h2, .tc-section h2{
  margin: 0 0 6px;
  font-size: clamp(18px, 2vw, 22px);
}
.pp-section p, .tc-section p{ color: var(--muted); }
.pp-section ul, .pp-section ol,
.tc-section ul, .tc-section ol{
  margin: 8px 0 0;
  padding-left: 18px;
  color: var(--muted);
}

/* Небольшие визуальные отличия для уникальности каждой страницы */
.pp-section{
  border-left: 2px solid rgba(255,193,59,.18);
  padding-left: 10px;
  background: linear-gradient(0deg, rgba(255,193,59,.03), transparent 70%);
}
.tc-section{
  border-left: 2px solid rgba(255,100,55,.18);
  padding-left: 10px;
  background: linear-gradient(0deg, rgba(255,100,55,.03), transparent 70%);
}

/* (опционально) оставьте совместимость, если где-то ещё используется .legal-section */
.legal-section{ /* можно удалить, если нигде больше не используется */
  width: min(880px, 92%);
  margin: 14px auto 0;
  scroll-margin-top: 72px;
}