/*
 * Saute-Lune : guides et page des guides. La mise en page, le fil d'Ariane,
 * les tableaux et la FAQ viennent de article.css et blog.css partagés.
 */

/* Page des guides : sections par catégorie */
.cluster-section { margin-bottom: 48px; }
.cluster-section:last-child { margin-bottom: 24px; }
.cluster-header { margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid rgba(197, 205, 251, 0.2); }
.cluster-header h2 { font-size: 1.4rem; font-weight: 700; color: #ffe066; margin: 0 0 6px; }
.cluster-header p { font-size: 0.92rem; opacity: 0.85; margin: 0; line-height: 1.5; }
.cluster-section .blog-card h3 a { color: #ffe066; text-decoration: none; }

/* Captures du jeu, tirées du vrai rendu (pixels nets) */
.sl-figure { margin: 18px 0 22px; text-align: center; }
.sl-figure img { display: block; width: 100%; max-width: 640px; height: auto; margin: 0 auto; border-radius: 8px; image-rendering: pixelated; }
.sl-figure figcaption { margin-top: 8px; font-size: 0.86rem; line-height: 1.5; opacity: 0.85; }
.sl-creature { display: flex; gap: 16px; align-items: flex-start; margin: 16px 0; }
.sl-creature img { flex: 0 0 120px; width: 120px; height: 90px; border-radius: 8px; image-rendering: pixelated; }
.sl-creature h3 { margin-top: 0; }
@media (max-width: 520px) { .sl-creature { flex-direction: column; } }

.sl-en-bref { margin: 20px 0 24px; padding: 14px 18px 12px; border-left: 4px solid #ffd43b; border-radius: 8px; background: rgba(255, 212, 59, 0.07); line-height: 1.6; }
.sl-sources { font-size: 0.88rem; opacity: 0.85; line-height: 1.6; }
.sl-sources li { margin-bottom: 4px; }
.table-defilante { overflow-x: auto; margin: 10px 0 14px; }