/* Mai.Physio — simple prose layout for the accessibility statement (and any
   future legal pages). Reuses the design tokens. */

.legal-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  max-width: var(--container-max);
  margin: 0 auto;
  padding: var(--space-4) var(--space-6);
}

.legal {
  max-width: var(--container-narrow);
  margin: 0 auto;
  padding: var(--space-7) var(--space-6) var(--space-9);
}
.legal h1 { margin-bottom: var(--space-5); }
.legal h2 { margin: var(--space-7) 0 var(--space-3); font-size: var(--fs-h3); }
.legal p, .legal li { color: var(--text-body); line-height: var(--lh-relaxed); }
.legal .lead { font-size: var(--fs-lead); color: var(--text-muted); }
.legal ul { padding-inline-start: var(--space-5); display: flex; flex-direction: column; gap: var(--space-2); }
.legal a { text-decoration: underline; text-underline-offset: 3px; }
.legal-contact { list-style: none; padding-inline-start: 0; }
.legal-contact li { font-weight: var(--fw-semibold); }

.legal-foot {
  border-top: 1px solid var(--border-subtle);
  padding: var(--space-6);
  text-align: center;
}
.legal-foot a { color: var(--text-link); font-weight: var(--fw-semibold); }

@media (max-width: 620px) {
  .legal-bar, .legal, .legal-foot { padding-inline: var(--space-5); }
}