/* The legal pages, in the app's colours. Plain HTML on purpose: an app store
   reviewer, a browser with JavaScript off, and a person on a bad connection all
   have to be able to read these, and none of them should need the bundle. */

:root {
  --baize900: #08201e;
  --baize700: #0f3330;
  --bone: #f5efe6;
  --sabra: #7e9490;
  --brass: #c89b3c;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 3rem 1.25rem 6rem;
  background: var(--baize900);
  color: var(--bone);
  font: 16px/1.65 system-ui, -apple-system, "Segoe UI", sans-serif;
}

main {
  max-width: 42rem;
  margin: 0 auto;
}

h1 {
  font-size: 1.75rem;
  margin: 0 0 0.25rem;
}

h2 {
  font-size: 1.15rem;
  margin: 2.5rem 0 0.5rem;
  color: var(--brass);
}

.updated {
  color: var(--sabra);
  font-size: 0.9rem;
  margin: 0 0 2rem;
}

a {
  color: var(--brass);
}

ul {
  padding-inline-start: 1.25rem;
}

li {
  margin: 0.35rem 0;
}

strong {
  color: var(--bone);
}

hr {
  border: 0;
  border-block-start: 1px solid rgba(245, 239, 230, 0.12);
  margin: 4rem 0 3rem;
}

/* The Arabic half of the same page, rather than a second page that drifts. */
[dir="rtl"] {
  font-family: system-ui, "Segoe UI", sans-serif;
}

footer {
  margin-block-start: 3rem;
  color: var(--sabra);
  font-size: 0.9rem;
}

.lang {
  display: inline-block;
  margin-block-end: 2rem;
  padding: 0.35rem 0.75rem;
  border: 1px solid rgba(245, 239, 230, 0.24);
  border-radius: 999px;
  color: var(--sabra);
  text-decoration: none;
  font-size: 0.85rem;
}