/* Terms and Privacy pages: the look of the game guide (help.css), on their own so either can change */
:root {
  --ink: #2e2923;
  --ink-soft: #5e554b;
  --line: #ddd0b6;
  --terracotta: #b3532f;
  --paper: url(../assets/ui/frames/parchment.png) center / 320px, #f7f1e4;
  --display: 'Marcellus', Georgia, serif;
  --ui: 'Nunito Sans', system-ui, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.6 var(--ui); color: var(--ink); background: var(--paper); }
.top { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 14px; padding: 10px 24px;
  background: linear-gradient(#f3ead6, #e6d9bc); border-bottom: 2px solid #8a5a32; box-shadow: 0 2px 6px rgba(40, 30, 15, .2); }
.brand { font: 400 26px var(--display); color: var(--ink); text-decoration: none; }
.sub { color: var(--ink-soft); }
.top nav { margin-left: auto; display: flex; gap: 16px; }
.top nav a { color: var(--ink); font-weight: 700; text-decoration: none; }
.top nav a:hover, .top nav a[aria-current] { color: var(--terracotta); }
main { max-width: 760px; margin: 0 auto; padding: 24px 24px 64px; }
h1 { font: 400 34px var(--display); margin: 8px 0 4px; color: #7a3a22; }
h2 { font: 400 22px var(--display); margin: 28px 0 6px; color: #7a3a22; }
p, li { max-width: 68ch; }
a { color: var(--terracotta); }
.meta { color: var(--ink-soft); font-size: 14px; }
.review { background: #fff4d6; border: 1px dashed #b08a2e; border-radius: 10px; padding: 10px 14px; font-size: 14px; }
mark { background: #ffe6a3; padding: 0 3px; border-radius: 3px; }
@media (max-width: 600px) {
  .top { padding: 10px 16px; flex-wrap: wrap; }
  main { padding: 16px 16px 48px; }
  h1 { font-size: 28px; }
}