/* The privacy policy and terms, in the app's dark look (they open inside the app too), set for easy reading. */
:root {
  --pearl: #15101c;
  --mist: #241a30;
  --plum: #f2eaf7;
  --plum-soft: #bcadc9;
  --line: rgba(255, 255, 255, 0.12);
  --serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sans: 'Jost', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--pearl);
  color: var(--plum);
  font: 400 17px/1.65 var(--sans);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-underline-offset: 3px; }

.legal__top, .legal, .legal__foot { max-width: 720px; margin: 0 auto; padding-inline: 16px; }
.legal__top { padding-block: 22px 6px; }
.legal__brand { font: 600 24px/1 var(--serif); text-decoration: none; }

.legal { padding-block: 18px 40px; }
.legal h1 { margin: 0; font: 600 clamp(38px, 8vw, 52px)/1.05 var(--serif); }
.legal h2 { margin: 34px 0 8px; font: 600 26px/1.2 var(--serif); }
.legal p, .legal ul { margin: 0 0 12px; }
.legal ul { padding-left: 1.2em; }
.legal li { margin-bottom: 6px; }
.legal strong { font-weight: 500; }
.legal__date { color: var(--plum-soft); font-size: 15px; margin-top: 6px; }

.legal__short { margin: 24px 0 8px; padding: 18px 20px 8px; border-radius: 22px; background: var(--mist); }
.legal__short h2 { margin-top: 0; }

.legal__foot {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  padding-block: 20px 32px;
  border-top: 1px solid var(--line);
  font-size: 15px;
  color: var(--plum-soft);
}