/*** MP-LEGAL.CSS v1
- Page module for legal pages (cookie policy, future privacy / terms).
- Uses the shared `cmp-content-identity` for the header (variant lives
  in cmp-content-identity.css → § LEGAL VARIANT) and a `.post-read`
  reading column for the prose body — matching mp-article rhythm but
  at a calmer scale.
##########################
***/

/* #region # READING COLUMN ########################## */

.mp-legal .post-read {
  max-width: var(--width-text);
  margin-left: auto;
  margin-right: auto;
  font-family: var(--font-serif);
  font-size: 1.125em;
}

.mp-legal .post-read p { margin-top: var(--space-sm); }

/* Section heads inside the prose — serif, calmer than typography.css's
   default sans bold so they read as part of the reading flow. */
.mp-legal .post-read h2 {
  margin-top: 2.5rem;
  margin-bottom: var(--space-xs);
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: var(--type-lg);
}

.mp-legal .post-read ul {
  margin-top: var(--space-sm);
  padding-left: 1.5rem;
  list-style: disc outside;
}

.mp-legal .post-read li + li { margin-top: var(--space-xs); }

.mp-legal .post-read a { color: var(--color-accent); }

/* Inline code (cookie names etc.) — sans, faintly tinted. */
.mp-legal .post-read code {
  font-family: var(--font-sans);
  font-size: 0.9em;
  background: var(--color-light);
  padding: 0.1em 0.35em;
}

/* #endregion */