/* Shared by the privacy, terms and refunds pages. Brand kit colours and
   type: Night and Chalk grounds following the device setting, Chakra Petch
   headings, Barlow body, Volt only in the logo's heads. Arial stands in
   where the fonts cannot load, as the kit says. */
:root {
  --canvas: #F4F6F2;
  --panel: #FFFFFF;
  --ink: #0E1110;
  --muted: #4A524C;
  --line: #DDE2DA;
  --note: #FBE4E2;
}
@media (prefers-color-scheme: dark) {
  :root {
    --canvas: #0E1110;
    --panel: #181C1A;
    --ink: #F4F6F2;
    --muted: #A6AEA8;
    --line: #2A302C;
    --note: #3A1D1B;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--canvas);
  color: var(--ink);
  font: 17px/1.6 Barlow, Arial, sans-serif;
}
main { max-width: 720px; margin: 0 auto; padding: 24px 16px 96px; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.home {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  text-decoration: none;
}
.home img { display: block; width: 188px; max-width: 100%; height: auto; }
.draft { background: var(--note); padding: 12px 16px; border-radius: 6px; font-size: 15px; }
h1, h2 { font-family: "Chakra Petch", Arial, sans-serif; font-weight: 700; }
h1 { font-size: 34px; line-height: 1.15; margin: 28px 0 6px; }
h2 { font-size: 22px; line-height: 1.25; margin: 36px 0 8px; padding-top: 18px; border-top: 1px solid var(--line); }
.updated { color: var(--muted); font-size: 14px; margin-top: 0; }
li { margin-bottom: 6px; }
strong { font-weight: 600; }
.legal-language { float: inline-end; margin-block: 12px; padding: 8px 0; }
html[lang="ar"] body { font: 17px/1.85 Arial, sans-serif; }
html[lang="ar"] h1, html[lang="ar"] h2 { font-family: Arial, sans-serif; line-height: 1.45; }
html[lang="ar"] .home { direction: ltr; }