/* privacy.html and terms.html: the credits page look, set for reading. */
.legal { max-width: 640px; line-height: 1.55; }
.legal h2 { margin-top: 30px; }
.legal p, .legal li { font-size: 0.98rem; }
.legal ul { padding-left: 1.2em; margin: 8px 0 12px; display: grid; gap: 6px; }
.legal code { font-size: 0.9em; overflow-wrap: anywhere; }
.legal-card {
  background: var(--panel); border: 1px solid var(--line); border-radius: 12px;
  padding: 4px 16px 6px; margin: 14px 0 0;
}
.legal-card h2 { margin-top: 14px; }
.legal-foot { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 34px 0 6px; overflow-wrap: anywhere; }
