:root {
  color-scheme: dark;
  background: #181a1c;
  color: #e8eaed;
  font: 16px/1.6 'Segoe UI', Arial, sans-serif;
}
body { margin: 0; }
.legal {
  box-sizing: border-box;
  width: min(100%, 760px);
  margin-inline: auto;
  padding: clamp(22px, 5vw, 48px) 20px;
}
.legal h1 {
  margin: 16px 0 6px;
  font-size: clamp(26px, 5vw, 37px);
  line-height: 1.15;
  overflow-wrap: anywhere;
}
.legal h2 {
  margin: 22px 0 6px;
  font-size: 19px;
  line-height: 1.3;
}
.legal p { margin: 0 0 10px; }
.legal-date { color: #b8bdc3; font-size: 14px; }
.legal a { color: #ffcb72; text-underline-offset: .16em; overflow-wrap: anywhere; }
.legal a:focus-visible { outline: 2px solid #ffcb72; outline-offset: 3px; }
.legal-back { font-size: 14px; }