/*
 * Awalé : guides, page des guides et figures du plateau (aussi chargée par les
 * articles du blog qui montrent une figure). La mise en page, le fil d'Ariane,
 * les tableaux et la FAQ viennent de article.css et blog.css partagés : rien de
 * ce socle n'est redéfini ici.
 */

/* 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 var(--line); }
.cluster-header h2 { font-size: 1.4rem; font-weight: 700; color: var(--color-accent); margin: 0 0 6px; }
.cluster-header p { font-size: 0.92rem; color: var(--texte-doux); margin: 0; line-height: 1.5; }
.cluster-section .blog-card h3 { font-size: 1.1rem; font-weight: 700; line-height: 1.4; }
.cluster-section .blog-card h3 a { color: var(--color-accent); text-decoration: none; }
.cluster-section .blog-card h3 a:hover { color: var(--color-light); }
.guides-vide { text-align: center; color: var(--texte-doux); padding: 30px 0; line-height: 1.6; }
.guides-suite { text-align: center; color: var(--texte-doux); margin-top: 8px; line-height: 1.6; }
.guides-suite a { color: var(--color-light); }

/* Figures : le plateau dessiné par includes/figures.php */
.aw-figures { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; align-items: flex-start; margin: 20px 0 24px; }
.aw-figure { margin: 0; flex: 0 1 330px; min-width: 240px; text-align: center; }
.aw-figure-large { flex-basis: 460px; }
.aw-schema { display: block; width: 100%; height: auto; }
.aw-schema-bois { fill: #a8703a; stroke: #5e3b1a; stroke-width: 2; }
.aw-schema-case { fill: #6e4422; stroke: #4a2c12; stroke-width: 1.5; }
.aw-schema-joue { stroke: #39b36a; stroke-width: 4; }
.aw-schema-prise { stroke: #f0a030; stroke-width: 4; }
.aw-schema-nb { fill: #f6e6c8; font-size: 22px; font-weight: 700; font-family: inherit; text-anchor: middle; }
.aw-schema-nom { fill: #f6e6c8; font-size: 12px; font-weight: 700; font-family: inherit; text-anchor: middle; opacity: 0.85; }
.aw-figure figcaption { margin-top: 8px; font-size: 0.86rem; line-height: 1.5; color: var(--texte-doux, #a8b0bb); }
.aw-figure-erreur { color: #d07070; }

/* Sources citées en bas de guide */
.aw-sources { font-size: 0.88rem; color: var(--texte-doux); line-height: 1.6; }
.aw-sources li { margin-bottom: 4px; }