/* Text pages: Privacy, Terms and Contact (Phase 0, step 5). */

.page__top {
  padding-block: var(--space-6) var(--space-8);
  text-align: center;
}

.page__top h1 { margin: var(--space-4) 0 var(--space-1); }
.page__date { margin: 0; color: var(--text-muted); font-size: var(--fs-sm); font-weight: 700; }

.page__body {
  position: relative;
  max-width: 42rem;
  margin-top: calc(-1 * var(--space-6));
  overflow-wrap: anywhere; /* long email addresses wrap on small phones */
}

.page__body .card__body { padding: var(--space-5) var(--space-4) var(--space-6); }
.page__body .alert { margin-bottom: var(--space-5); }

.page__body h2 {
  margin-top: var(--space-6);
  font-size: var(--fs-xl);
}

.page__body ul { margin: 0 0 var(--space-3); padding-left: 1.25rem; }
.page__body li + li { margin-top: var(--space-1); }

.contact-list {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-2) var(--space-4);
  margin: 0 0 var(--space-4);
}

.contact-list dt { font-weight: 800; }
.contact-list dd { min-width: 0; margin: 0; }