/*
 * site.v1.css — correctifs globaux, chargés après arqualea.v2.css (layout.v11).
 * 30/10/2026 (retour d'Alain) : un bouton placé dans un texte (.prose, ex. « L'histoire ») prenait la couleur dorée
 * des liens (.prose a) : texte doré sur fond doré, presque invisible. Les boutons gardent leurs propres couleurs.
 */
.prose a.btn { text-decoration: none; }
.prose a.btn-gold, .prose a.btn-primary,
.prose a.btn-gold:hover, .prose a.btn-primary:hover { color: var(--c-space); }
.prose a.btn-line, .prose a.btn-ghost { color: var(--c-ivory); }
.prose a.btn-line:hover, .prose a.btn-ghost:hover { color: var(--c-gold); }

/* Pages de présentation des jeux (/jeux/<slug>, prompt 5) : principe à gauche, « Jouer » ou liste d'attente à droite */
.gp-body { display: grid; gap: 28px; grid-template-columns: minmax(0, 1fr); align-items: start; padding-bottom: 56px; }
@media (min-width: 900px) { .gp-body { grid-template-columns: minmax(0, 1fr) minmax(0, 24rem); } }
.gp-how h2, .gp-side h2 { font: 500 14px/1.3 var(--f-display); letter-spacing: .18em; text-transform: uppercase; color: var(--c-gold); margin: 0 0 6px; }
.gp-how .steps { margin-top: 14px; }
.gp-mode { margin-top: 22px; width: fit-content; max-width: 100%; }
.gp-side { max-width: none; display: grid; gap: 14px; justify-items: start; }
.gp-side p { margin: 0; }
.gp-side .acc-form { width: 100%; margin-top: 0; }
/* Champ piège pour les robots : hors écran, jamais visible ni atteignable au clavier */
.gp-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
/* Lien de retour (repris de play.v1.css, non chargée sur ces pages) */
.pg-back { margin: 24px 0 0; font-size: 14px; }
.pg-back a { color: var(--c-steel); text-decoration: none; }
.pg-back a:hover { color: var(--c-gold); }
/* Cartes des jeux de la page publique : lien vers la présentation */
.game h3 a { color: inherit; text-decoration: none; }
.game h3 a:hover, .game h3 a:focus-visible { color: var(--c-gold); }
.game-more { margin-top: auto !important; font-size: 14px !important; }
.game-more a { color: var(--c-gold); text-decoration: none; }
.game-more a:hover { text-decoration: underline; }