/* Shared styles for the text pages: rules, terms, privacy, refund, contact.
   One copy, so five pages can't drift apart. Tokens live in tokens.css. */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--bg); color: var(--ink); font-family: var(--sans);
  -webkit-font-smoothing: antialiased; line-height: 1.62;
}
.wrap { max-width: 640px; margin: 0 auto; padding: 0 20px 100px; }
header {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 16px; padding: 20px 0 0;
}
.brand {
  font-family: var(--mono); font-size: 12px; letter-spacing: .18em;
  text-transform: uppercase; color: var(--muted); text-decoration: none;
}
.brand:hover { color: var(--ink); }
.back { font-family: var(--mono); font-size: 12px; color: var(--dim); text-decoration: none; }
.back:hover { color: var(--muted); }

h1 {
  font-family: var(--serif); font-weight: 500; font-size: clamp(2.1rem, 6vw, 3rem);
  letter-spacing: -.02em; margin: 56px 0 10px;
}
.lede { color: var(--muted); font-size: 1.05rem; margin: 0 0 8px; }

h2 {
  font-family: var(--mono); font-size: 11px; letter-spacing: .22em;
  text-transform: uppercase; color: var(--muted); font-weight: 500;
  margin: 52px 0 14px; padding-top: 20px; border-top: 1px solid var(--line);
}
p { margin: 0 0 14px; }
ul { margin: 0 0 14px; padding-left: 20px; }
li { margin-bottom: 9px; }
li::marker { color: var(--dim); }
strong { color: var(--ink); font-weight: 600; }
em { color: var(--muted); }
code {
  font-family: var(--mono); font-size: .88em; color: var(--accent);
  background: rgba(255,209,46,.07); padding: 1px 5px; border-radius: 4px;
}
.note {
  border-left: 2px solid var(--line); padding: 2px 0 2px 16px;
  color: var(--muted); font-size: .95rem; margin: 0 0 14px;
}
a.inline { color: var(--accent); text-decoration: none;
           border-bottom: 1px solid rgba(255,209,46,.35); }
a.inline:hover { border-bottom-color: var(--accent); }
footer {
  border-top: 1px solid var(--line); margin-top: 56px; padding-top: 24px;
  font-size: 12.5px; color: var(--dim);
}