/* Legal pages */
  .ev-header .bar { justify-content: space-between; }
  .ev-header .bar .btn { margin-left: auto; }
  .legal-page { background: var(--paper); color: var(--text); padding: 150px 0 96px; }
  .legal-kicker { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; color: var(--eu-blue); margin: 0 0 18px; }
  .legal-page h1 { font-size: clamp(2rem, 3.6vw, 3rem); color: var(--text); margin-bottom: 40px; max-width: 24ch; }
  .legal-body { max-width: 72ch; font-size: 1.0625rem; line-height: 1.65; }
  .legal-body h2 { font-size: 24px; margin: 48px 0 14px; color: var(--text); }
  .legal-body h3 { font-size: 18px; margin: 28px 0 8px; }
  .legal-body p, .legal-body li { max-width: none; color: var(--text); }
  .legal-body ul, .legal-body ol { padding-left: 1.3em; margin: 0 0 1em; }
  .legal-body li { margin-bottom: .4em; }
  .legal-body a { color: var(--eu-blue); text-decoration: underline; text-decoration-color: var(--eu-yellow); text-decoration-thickness: .5px; text-underline-offset: 3px; }
  .legal-body mark { background: rgba(255, 204, 0, .35); color: var(--text); padding: 0 .2em; border-radius: 3px; } /* placeholders to fill before go-live */
  .legal-body table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 12px 0 24px; }
  .legal-body th, .legal-body td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-bottom: 1px solid var(--rule-light); }
  .legal-body th { font-weight: 500; color: var(--text-soft); font-size: 14px; }
  .legal-body code { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: .9em; }
  .ev-footer .legal a { text-decoration: none; }
  .ev-footer .legal a:hover { color: var(--eu-yellow); }