/**
 * Legal pages — extends the .prose styles in app.css with the one thing a
 * policy document needs that a credits page does not: lists.
 */

/* Two text links plus the theme button need more room than the player's
   single link; app.css sets .35rem, which reads as one word here. */
.site-head .site-nav { gap: .9rem; }

.legal-meta {
  font-size: .8rem;
  color: var(--fg-faint);
  letter-spacing: .01em;
}

.prose ul, .prose ol {
  margin: .7rem 0 0;
  padding-left: 1.15rem;
  color: var(--fg-dim);
  font-size: .9rem;
  display: flex;
  flex-direction: column;
  gap: .35rem;
}
.prose li { text-wrap: pretty; }
.prose li::marker { color: var(--fg-faint); }
/* app.css only spaces adjacent paragraphs; a list between two of them left the
   second one flush against it. */
.prose ul + p, .prose ol + p { margin-top: .8rem; }