/* Plain reading pages: How to play and About. Same colours as the game. */
:root { color-scheme: dark; }
body {
  max-width: 42em;
  margin: 0 auto;
  padding: 24px 16px 64px;
  background: #0c2a1e;
  color: #eef3e4;
  font: 17px/1.6 'Segoe UI', Arial, sans-serif;
}
h1 { margin: 24px 0 4px; font-size: 34px; line-height: 1.15; }
h2 { margin: 36px 0 8px; font-size: 22px; }
h3 { margin: 22px 0 4px; font-size: 18px; }
a { color: #f6d44b; }
li { margin: 6px 0; }
.updated { margin: 0; color: #a9bdae; font-size: 16px; }
.page-nav { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 15px; }
.page-nav a { color: #a9bdae; }
.sport-nav { margin-top: 6px; font-size: 14px; }
.page-nav a[aria-current] { color: #eef3e4; text-decoration: none; font-weight: 600; }
table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 16px; }
th, td { padding: 8px 10px; border-bottom: 1px solid rgba(236, 242, 226, 0.14); text-align: left; vertical-align: top; }
th { color: #a9bdae; font-weight: 600; }
.cta { margin-top: 40px; }
.btn { display: inline-block; padding: 12px 20px; background: #f6d44b; color: #081d15; border-radius: 4px; font-weight: 700; text-decoration: none; }