/*
  M.E.S.S. legal pages – Impressum, Datenschutz (body.legal).
  Depends on brand.css only.
*/

html:has(body.legal) {
  height: auto;
  overflow: auto;
}

body.legal {
  height: auto;
  min-height: 100vh;
  overflow: visible;
  width: auto;
  max-width: 700px;
  margin: 3em auto;
  padding: 2em;
  background: #010c12;
  color: var(--dampf);
  border-radius: 1em;
  box-shadow: 0 0 22px rgba(0, 255, 242, 0.27);
  font-family: Inter, system-ui, sans-serif;
}

body.legal h1 {
  color: var(--dampf);
}

body.legal h2 {
  color: var(--dampf);
  margin-top: 1.5em;
}

body.legal a {
  color: #f6ffff;
}

body.legal .small {
  font-size: 0.95em;
  color: rgba(0, 255, 242, 0.85);
  margin-top: 1.2em;
}