/* Madame Queen of Policy · printed in two inks.
   Stocks: the dream book's orange cover, policy-slip tissue, grey newsprint, the Clearing House chalkboard.
   Inks: ditto violet (the runner's carbon copies) and policy red. Nothing else. */
:root {
  --orange: #E36A1E;   /* the 1892 dream book's cover stock */
  --tissue: #F2D4C8;   /* policy-slip tissue */
  --news: #DEDAD0;     /* grey newsprint */
  --board: #2E4638;    /* Clearing House chalkboard */
  --violet: #4A2C82;   /* ditto / carbon ink */
  --red: #C8261B;      /* policy red, the second ink */
  --deep: #23173A;     /* violet ink laid down twice */
  --chalk: #EEEBDF;
  --wood: 'Ewert', 'Big Shoulders Display', Impact, sans-serif;           /* titles only, the dream book's wood type */
  --sign: 'Big Shoulders Display', 'Arial Narrow', Impact, sans-serif;     /* 1930s sign gothic: heads, numbers, labels */
  --text: 'Libre Bodoni', 'Bodoni 72', Didot, Georgia, serif;             /* the book's own modern face */
  --hand: 'Rock Salt', cursive;                                           /* the runner's pencil */
  --green: #2D6A3A; --amber: #A55E12;
  /* older names, pointed at the new system */
  --ink: var(--deep); --paper: var(--tissue); --paper2: #E6B9A9; --mute: #6B5A80; --carbon: var(--violet);
  --gold: #FFE08A; --night: var(--deep); --night2: #2E2148; --display: var(--sign); --type: var(--sign); --show: var(--wood);
}
.paper { background: var(--tissue); color: var(--deep); }
.kicker { font: 700 19px/1.2 var(--sign); color: var(--red); }
.mono { font-family: var(--sign); font-weight: 700; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--deep); color: var(--tissue); font: 400 18px/1.6 var(--text); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration-thickness: 2px; text-underline-offset: 3px; }
:focus-visible { outline: 3px solid var(--red); outline-offset: 3px; }
.wrap { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
h1, h2, h3 { font-family: var(--sign); font-weight: 800; line-height: .95; margin: 0; letter-spacing: -.005em; }
.back { display: inline-block; margin: 22px 0 0; font: 700 17px var(--sign); text-decoration: none; opacity: .85; }
.back:hover { opacity: 1; text-decoration: underline; }

/* honest stamps, inked like a rubber stamp */
.stamp { display: inline-block; font: 800 12px/1 var(--sign); letter-spacing: .08em; padding: 5px 7px 4px; border: 2.5px solid currentColor; border-radius: 3px;
  transform: rotate(-4deg); opacity: .9; mix-blend-mode: multiply; }
.stamp.TRUE { color: var(--green); } .stamp.CHECK { color: var(--amber); } .stamp.DISAGREE { color: var(--red); }

.src { font: 400 13px/1.55 var(--text); font-style: italic; opacity: .78; }

footer.credits { margin: 70px 0 0; padding: 28px 0 60px; border-top: 2px solid currentColor; font-size: 15px; opacity: .82; }
footer.credits p { margin: .6em 0; max-width: 72ch; }
footer.credits .ded { font: 700 15px var(--sign); }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }