/* Plain text pages: privacy, refunds. Same palette as the site, no animation,
   nothing to load. These are pages people read once when something has gone
   wrong, so they are built to be quick and legible rather than clever. */
:root {
  --ink: #07141f; --ink-2: #0d1f2e; --bone: #f2ede3; --gold: #f6b73c;
  --muted: rgba(242, 237, 227, .68); --line: rgba(242, 237, 227, .14);
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; padding: 0 20px 80px;
  background: var(--ink); color: var(--bone);
  font: 16.5px/1.65 "Archivo", system-ui, -apple-system, sans-serif;
}
.wrap { max-width: 64ch; margin: 0 auto; }

.top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.top a { color: var(--bone); font: 500 11px/1 "IBM Plex Mono", ui-monospace, monospace; letter-spacing: .16em; text-transform: uppercase; text-decoration: none; }
.top a:hover { color: var(--gold); }
.top .name { color: var(--gold); }

h1 { margin: 44px 0 6px; font: 400 clamp(42px, 8vw, 74px)/.92 "Anton", Impact, sans-serif; text-transform: uppercase; letter-spacing: .01em; }
.sub { margin: 0 0 6px; font: 400 clamp(19px, 3vw, 26px)/1 "Kaushan Script", cursive; color: var(--gold); transform: rotate(-2deg); transform-origin: left; }
.stamp { margin: 22px 0 34px; font: 500 11px/1.6 "IBM Plex Mono", ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }

h2 { margin: 40px 0 10px; font: 600 19px/1.3 "Archivo", sans-serif; color: var(--gold); }
p, li { color: var(--muted); }
p { margin: 0 0 14px; }
ul { margin: 0 0 14px; padding-left: 20px; }
li { margin-bottom: 7px; }
strong { color: var(--bone); font-weight: 600; }
a { color: var(--gold); }
a:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

.box { margin: 26px 0; padding: 18px 20px; border: 1px solid var(--line); border-left: 3px solid var(--gold); border-radius: 0 12px 12px 0; background: var(--ink-2); }
.box p:last-child { margin-bottom: 0; }

.draft { margin: 30px 0; padding: 16px 18px; border: 1px dashed rgba(246, 183, 60, .55); border-radius: 12px; background: rgba(246, 183, 60, .07); font-size: 14.5px; }
.draft b { color: var(--gold); }

.foot { margin-top: 56px; padding-top: 22px; border-top: 1px solid var(--line); font-size: 14px; }