/* === Page hub /guides/ — CSS spécifique === */
.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(255,255,255,0.08); }
.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: #94a3b8; margin: 0; line-height: 1.5; }
.breadcrumb { margin-bottom: 16px; font-size: 0.85rem; color: #94a3b8; }
.breadcrumb a { color: #67e8f9; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
/* blog.css ne style que .blog-card h2 — on calque pour h3 (hiérarchie h1 page > h2 cluster > h3 carte) */
.blog-card h3 { font-size: 1.1rem; font-weight: 700; line-height: 1.4; }
.blog-card h3 a { color: var(--color-accent); text-decoration: none; transition: color 0.2s; }
.blog-card h3 a:hover { color: var(--color-light); }