/* [V38 — Task 55] Styles heatmap + débosselage grêle, déplacés de index.css vers ce fichier
   dédié : la heatmap et la section grêle vivent désormais sur guide-grele.html. */
.heatmap{grid-template-columns:1fr 1fr;align-items:center;gap:32px;display:grid}.heatmap__car{aspect-ratio:16/10;background:var(--bg-elevated);border:1px solid var(--border);place-items:center;display:grid;position:relative;overflow:hidden}.heatmap__car-svg{width:80%;height:auto}.heatmap__zone{cursor:pointer;transition:all .2s}.heatmap__zone:hover{fill:var(--accent);fill-opacity:.3}.heatmap__zone.is-active{fill:var(--accent);fill-opacity:.4}.heatmap__zone-label{font-family:var(--font-mono);fill:var(--text-secondary);text-anchor:middle;letter-spacing:.06em;font-size:14px;font-weight:600;pointer-events:none}.heatmap__zone:hover+.heatmap__zone-label,.heatmap__zone.is-active+.heatmap__zone-label{fill:var(--accent-dark)}.heatmap__info{background:var(--bg-surface);border:1px solid var(--border);min-height:200px;padding:24px}.heatmap__info-title{font-family:var(--font-serif);color:var(--text-primary);margin-bottom:8px;font-size:1.125rem;font-weight:600}.heatmap__info-desc{color:var(--text-secondary);margin-bottom:16px;font-size:.875rem;line-height:1.6}.heatmap__info-stat{font-family:var(--font-mono);color:var(--accent);background:var(--accent-soft);margin-bottom:4px;margin-right:8px;padding:4px 10px;font-size:.75rem;display:inline-block}.grele{background:var(--bg-elevated);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.grele__grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;display:grid}.grele__stat{background:var(--accent-soft);border:1px solid var(--accent);font-family:var(--font-mono);color:var(--accent-dark);align-items:center;gap:8px;margin-bottom:16px;padding:8px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.grele__stat-value{font-family:var(--font-sans);color:var(--accent);font-size:1.125rem;font-weight:800}.grele__list{margin-top:20px;padding:0;list-style:none}.grele__list li{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:.9375rem;font-family:var(--font-mono);letter-spacing:.02em;align-items:center;gap:12px;padding:10px 0;display:flex}.grele__list li:before{content:"";background:var(--accent);flex-shrink:0;width:8px;height:8px}.grele__visual{aspect-ratio:4/3;border:1px solid var(--border);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.grele__split{flex-direction:column;gap:12px;display:flex}.grele__split-side{border:1px solid var(--border);box-shadow:var(--shadow-sm);aspect-ratio:4/3;position:relative;overflow:hidden}.grele__split-side img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.grele__split-side:hover img{transform:scale(1.02)}.grele__split-badge{z-index:2;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;bottom:12px;left:12px}.grele__split-badge--before{color:#fff;background:#dc2626e0}.grele__split-badge--after{color:#fff;background:#15803d}.grele__split-badge-icon{font-size:.875rem;line-height:1}@media (width<=880px){.heatmap,.grele__grid{grid-template-columns:1fr}}