/* The legal pages (templates/public/legal.html, pages/legal.py).
 *
 * Page-only rules, outside the 15 KB component budget. One column of text at
 * a reading width; the text's own paragraphs, headings and lists are styled
 * by .ui-richtext (base.css).
 */

.ui-legal {
  padding: var(--ui-space-6) 0 var(--ui-space-9);
}

.ui-legal__inner {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-5);
  max-width: 47.5rem;
}

.ui-legal__title,
.ui-legal__text,
.ui-legal__empty {
  margin: 0;
}

.ui-legal__empty {
  color: var(--ui-color-ink-muted);
}

@media (min-width: 900px) {
  .ui-legal {
    padding-top: var(--ui-space-8);
  }
}