/* Ordus.help — §22: static placeholder legal pages (Условия/Политика/Отказ).
   Shared .category-hero block repeated per the codebase's established convention
   (see partners.css/category.css/blog.css/trainings.css — each page-CSS file
   re-declares its own copy rather than pulling from a shared file). */

.category-hero { padding: 2.5rem 0 2rem; }
.category-kicker { font-size: 10px; font-weight: 300; letter-spacing: 0.4em; color: var(--gold); text-transform: uppercase; margin-bottom: 0.75rem; }
.category-title { font-family: 'Montserrat', sans-serif; font-size: clamp(28px, 4vw, 44px); font-weight: 800; color: var(--black); margin-bottom: 0.75rem; }

.legal-section { padding-top: 0; }
.legal-placeholder {
  max-width: 640px;
  border: 1.5px dashed var(--border);
  border-radius: var(--radius);
  padding: 2.5rem 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  background: var(--bg-soft);
}
.legal-placeholder i { font-size: 26px; color: var(--gold); }
.legal-placeholder p { font-size: 14px; font-weight: 300; color: var(--ink-mid); line-height: 1.8; margin: 0; }

/* Admin-authored legal copy (rich-text widget output, see apps/catalog/widgets.py) */
.legal-content { max-width: 780px; font-size: 14px; font-weight: 300; color: var(--ink-mid); line-height: 1.8; }
.legal-content h2 { font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 700; color: var(--black); margin: 1.75rem 0 0.75rem; }
.legal-content h2:first-child { margin-top: 0; }
.legal-content h3 { font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 700; color: var(--black); margin: 1.5rem 0 0.6rem; }
.legal-content p { margin: 0 0 1rem; }
.legal-content ul, .legal-content ol { margin: 0 0 1rem; padding-left: 1.4rem; }
.legal-content li { margin-bottom: 0.4rem; }
.legal-content a { color: var(--gold); text-decoration: underline; }

@media (max-width: 650px) {
  .legal-placeholder { padding: 1.75rem 1.5rem; }
}