/* Plain article pages: the same paper as the game, nothing that moves. */
:root { --ink: #120b05; --red: #a8201a; --paper: #f8efd6; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: url(../img/kraft.png), #c49b68; font: 500 18px/1.5 Vollkorn, Georgia, serif; }
a { color: var(--red); }
.g-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding: 12px 20px; background: var(--ink); }
.g-top a { color: #f0e4c4; text-decoration: none; margin-left: 14px; }
.g-top a:hover { text-decoration: underline; }
.g-top .g-logo { margin: 0; font: 400 26px/1 'Yeseva One', Georgia, serif; }
.g-main { width: 780px; max-width: calc(100% - 24px); margin: 22px auto; padding: 26px 34px; background: url(../img/paper.png), var(--paper); box-shadow: 0 8px 24px rgba(30, 15, 0, 0.4); }
h1 { font: 400 38px/1.12 'Yeseva One', Georgia, serif; color: var(--red); margin: 0 0 14px; }
h2 { font: 400 25px/1.2 'Yeseva One', Georgia, serif; margin: 24px 0 8px; }
p, ul, table { margin: 0 0 12px; }
li { margin-bottom: 6px; }
.pic { display: block; width: 100%; max-width: 440px; margin: 14px 0; padding: 10px; border: 1px solid var(--ink); background: #fff9e8; font: 500 13px Vollkorn, Georgia, serif; fill: var(--ink); }
table { border-collapse: collapse; }
th, td { border: 1px solid var(--ink); padding: 5px 12px; text-align: left; }
.g-cta { margin-top: 26px; padding: 16px; border: 3px double var(--ink); text-align: center; }
.g-btn { display: inline-block; padding: 9px 22px; background: var(--red); color: #fff5dc; font-weight: 800; text-decoration: none; }
.g-btn:hover { background: var(--ink); }
.g-more { margin-top: 18px; }
.g-list li { margin-bottom: 14px; }
.g-foot { width: 780px; max-width: calc(100% - 24px); margin: 0 auto 26px; font-size: 14px; line-height: 1.35; color: #2a1b0c; }
@media (max-width: 600px) { .g-main { padding: 18px 16px; } h1 { font-size: 30px; } }