/* Shared look for the static landing pages (free-idle-rpg, games-like-melvor-idle,
   idlescape-alternative, idle-runescape-alternative). Same palette as privacy.html so the game's static pages
   read as one site. Plain CSS on purpose: these pages must render with no
   JavaScript and no build step, because crawlers that do not run scripts are
   their main audience. */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: #1a1410; color: #d4c4a8; padding: 24px 16px 64px;
  font: 16px/1.65 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 760px; margin: 0 auto; background: #3d3327; border: 2px solid #c9a13b;
  border-radius: 4px; padding: 28px 24px; box-shadow: 0 10px 30px rgba(0,0,0,.5); }
.eb { color: #e5b43a; font-weight: 900; font-size: 12px; letter-spacing: .22em; text-transform: uppercase; text-decoration: none; }
h1 { color: #f5e6c8; font-size: 26px; line-height: 1.25; margin: 10px 0 8px; }
h2 { color: #f5e6c8; font-size: 18px; margin: 30px 0 6px; border-bottom: 1px solid #5c4d3a; padding-bottom: 5px; }
h3 { color: #f5e6c8; font-size: 16px; margin: 18px 0 4px; }
p, li { margin: 8px 0; }
ul { padding-left: 22px; }
b { color: #f5e6c8; }
a { color: #e5b43a; }
.lead { font-size: 18px; color: #e8dcc4; }
.small { color: #a89880; font-size: 14px; }
.play { display: inline-block; margin: 14px 0 4px; padding: 13px 22px; border: 2px solid #1c1611;
  border-radius: 3px; background: linear-gradient(#3f7a3a, #2c5a29); color: #e9ffe4; font-weight: 900;
  text-transform: uppercase; letter-spacing: .06em; text-decoration: none; font-size: 14px; }
.scroll { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; margin: 10px 0; font-size: 14px; }
th, td { border: 1px solid #5c4d3a; padding: 7px 9px; text-align: left; vertical-align: top; }
th { color: #f5e6c8; background: #332b20; }
nav.more { margin-top: 30px; padding-top: 12px; border-top: 1px solid #5c4d3a; font-size: 14px; }
nav.more a { margin-right: 14px; display: inline-block; }