/* The website's own pages: terms, privacy, refunds and help. Same voice as the front door — plain English, short lines, nothing hedged into
   meaninglessness. A policy nobody can read is not a policy. */
:root {
  --paper:  #F4F5F6;
  --ink:    #101316;
  --ink-2:  #2E353C;
  --ink-3:  #5B636B;
  --hair:   #D8DCE0;
  --mono:   "IBM Plex Mono", "SF Mono", Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0D0F11; --ink: #EDEFF1; --ink-2: #C6CDD4; --ink-3: #939BA3; --hair: #262C31;
  }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; min-height: 100vh;
  background: var(--paper); color: var(--ink);
  font-family: "Archivo", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  display: flex; justify-content: center;
  padding: 0 16px;
}
.wrap { width: 100%; max-width: 64ch; padding: 46px 0 72px; }

.mark { font-weight: 800; font-size: 19px; letter-spacing: -0.03em; margin-bottom: 40px; display: flex; align-items: center; gap: 10px; width: fit-content; color: inherit; text-decoration: none; }
.mark i { font-style: normal; font-weight: 400; }
.mark img { width: 32px; height: 32px; flex: none; }

h1 {
  margin: 0 0 8px; font-weight: 800; letter-spacing: -0.04em; line-height: 1.07;
  font-size: clamp(30px, 6.4vw, 42px); text-wrap: balance;
}
.asof { font-family: var(--mono); font-size: 12px; color: var(--ink-3); margin: 0 0 34px; }

h2 {
  margin: 38px 0 12px; font-weight: 700; letter-spacing: -0.025em;
  font-size: clamp(19px, 3.2vw, 23px); line-height: 1.2;
}
p, li { margin: 0 0 14px; font-size: 16.5px; font-weight: 500; line-height: 1.6; color: var(--ink-2); }
strong { color: var(--ink); font-weight: 700; }
ul { margin: 0 0 14px; padding-left: 1.15em; }
li { margin-bottom: 8px; }
a { color: var(--ink); text-underline-offset: 3px; }

.foot {
  margin-top: 56px; border-top: 1px solid var(--hair); padding-top: 20px;
  font-family: var(--mono); font-size: 11.5px; color: var(--ink-3);
  display: flex; gap: 18px; flex-wrap: wrap;
}
.foot a { color: inherit; }
