:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: #181a26; color: #e8eaf4;
  font: 17px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 860px; margin: 0 auto; padding: 24px 18px 60px; }
h1 { font-size: 2.1rem; line-height: 1.2; margin: 0.4em 0 0.3em; }
h2 { font-size: 1.4rem; margin: 1.8em 0 0.5em; color: #ffd666; }
h3 { font-size: 1.05rem; margin: 1.2em 0 0.3em; color: #78dca0; }
p, li { max-width: 68ch; }
img { max-width: 100%; height: auto; display: block; margin: 14px 0;
  border-radius: 6px; image-rendering: pixelated; }
a { color: #6ebeff; }
.buy { display: inline-block; background: #ffd666; color: #181a26;
  font-weight: 700; padding: 12px 22px; border-radius: 6px;
  text-decoration: none; margin: 8px 0; }
.note { background: #222536; border-left: 4px solid #6ebeff;
  padding: 10px 16px; border-radius: 4px; }
ul.names { columns: 2; padding-left: 1.2em; }
table { border-collapse: collapse; width: 100%; margin: 10px 0; }
th, td { text-align: left; padding: 6px 10px; border-bottom: 1px solid #343752;
  vertical-align: top; }
footer { margin-top: 3em; font-size: 0.9rem; color: #aab; }