/* Shared look for the download site's text pages (credits, privacy). */
:root {
  --ink: #1a120c;
  --cream: #f3e6c8;
  --muted: #cbb894;
  --gold: #e0a63a;
  --line: rgba(224, 166, 58, 0.35);
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--ink) url("intro.jpg") center / cover no-repeat fixed;
  color: var(--cream);
  font: 17px/1.6 "Alegreya Sans", system-ui, sans-serif;
}
.page {
  min-height: 100vh;
  background: rgba(26, 18, 12, 0.88);
  padding-block: 28px 48px;
  padding-left: max(16px, env(safe-area-inset-left));
  padding-right: max(16px, env(safe-area-inset-right));
}
.wrap { max-width: 720px; margin: 0 auto; }
a { color: var(--gold); }
.back { display: inline-block; margin-bottom: 18px; text-decoration: none; font-weight: 700; }
h1 {
  margin: 0 0 6px;
  font: 400 clamp(36px, 8vw, 52px)/1.05 "Pirata One", Georgia, serif;
  color: var(--gold);
  text-wrap: balance;
}
.lead { margin: 0 0 24px; color: var(--muted); }
h2 {
  margin: 28px 0 8px;
  font: 400 26px/1.1 "Pirata One", Georgia, serif;
  color: var(--gold);
}
p, li { max-width: 65ch; }
ul { padding-left: 20px; }
li { margin: 4px 0; }
.card {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 14px 18px;
  background: rgba(0, 0, 0, 0.25);
}
small, .muted { color: var(--muted); }
footer { margin-top: 36px; font-size: 13px; color: var(--muted); letter-spacing: 0.06em; text-transform: uppercase; }