/* Shared styles for Around the World in Numpty Days */
:root {
  --bg: #f4ecdc;          /* old paper */
  --surface: #fbf6ec;
  --ink: #2b2118;
  --ink-soft: #6b5a48;
  --accent: #c8452c;      /* the cover's title red */
  --accent-ink: #fff;
  --pen: #1d3a8a;         /* ballpoint blue for scrawls */
  --rule: #d8c9ad;
  --shadow: 0 18px 40px rgba(40, 25, 10, .35);
  --serif: "EB Garamond", Georgia, "Times New Roman", serif;
  --hand: "Caveat", "Bradley Hand", "Segoe Print", cursive;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1d1712; --surface: #2a221b; --ink: #f1e6d3; --ink-soft: #bba88f;
    --accent: #e0674d; --pen: #9db4ff; --rule: #45382b; --shadow: 0 18px 40px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"] {
  --bg: #1d1712; --surface: #2a221b; --ink: #f1e6d3; --ink-soft: #bba88f;
  --accent: #e0674d; --pen: #9db4ff; --rule: #45382b; --shadow: 0 18px 40px rgba(0,0,0,.6);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--serif);
  font-size: 1.125rem;
  line-height: 1.55;
}
a { color: var(--accent); }
a:focus-visible { outline: 3px solid var(--pen); outline-offset: 3px; }

.wrap { max-width: 1100px; margin: 0 auto; padding: 24px 16px 48px; }
.back { font-family: var(--hand); font-size: 1.5rem; text-decoration: none; }
h1, h2 { font-weight: 600; line-height: 1.15; }
.hand { font-family: var(--hand); color: var(--pen); }

/* "Under construction" stub pages */
.stub { text-align: center; padding-top: 12vh; }
.stub h1 { font-size: clamp(2rem, 6vw, 3.25rem); margin: .2em 0; }
.stub .hand { font-size: 1.75rem; }