/* The static section below each game: what it is, how to play, FAQ and links to the other games.
   It is plain HTML, so search engines and people without JavaScript can read it. */
.game-info { max-width: 1400px; margin: var(--space-8) auto 0; padding: var(--space-8) 0 var(--space-12); border-top: var(--border-hair) solid var(--line); color: var(--ink); }
.game-info h2 { margin: 0 0 var(--space-3); font-family: var(--font-display); font-weight: 600; font-size: 28px; line-height: 32px; letter-spacing: -0.015em; }
.game-info h3 { margin: var(--space-8) 0 var(--space-3); font-family: var(--font-display); font-weight: 600; font-size: 20px; line-height: 24px; letter-spacing: -0.01em; }
.game-info p { margin: 0; color: var(--ink-muted); }
.game-info ol { margin: 0; padding-left: var(--space-6); display: grid; gap: var(--space-2); color: var(--ink-muted); }
.game-info ol b { color: var(--ink); }
.game-info details { border-bottom: var(--border-hair) solid var(--line); }
.game-info details:first-of-type { border-top: var(--border-hair) solid var(--line); }
.game-info summary { cursor: pointer; display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-4); padding: var(--space-3) 0; font-weight: 700; list-style: none; }
.game-info summary::-webkit-details-marker { display: none; }
.game-info summary::after { content: "+"; flex: none; font-family: var(--font-display); font-weight: 600; font-size: 22px; line-height: 1; color: var(--kobalt); }
.game-info details[open] summary::after { content: "\2212"; }
.game-info summary:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; border-radius: var(--radius-sm); }
.game-info details p { padding: 0 0 var(--space-4); }
.game-info-more { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.game-info-more a { display: inline-flex; align-items: center; height: 40px; padding: 0 var(--space-4); border: var(--border-hair) solid var(--line); border-radius: var(--radius-full); background: var(--surface-raised); color: var(--ink); font-weight: 700; text-decoration: none; box-shadow: var(--shadow-soft); }
.game-info-more a:hover { border-color: var(--kobalt); color: var(--kobalt); }
.game-info-more a:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }