/* L’accueil présente le compteur ; la carte complète garde son écran dédié. */
body:not(.map-focused) .map-screen > .map-area { display: none; }
body:not(.map-focused) .map-screen { grid-template-areas: 'intro mascot' 'quick quick' 'counter counter' 'organise organise'; }
.home-map-access { display:flex; align-items:center; gap:20px; margin-top:18px; padding:23px 26px; border:1px solid #dce8d8; border-radius:20px; background:#f4f8ed; }
.home-map-icon { flex:none; display:grid; place-items:center; width:52px; height:52px; border-radius:16px; color:#286b47; background:#e1efd3; }
.home-map-icon svg { width:28px; height:28px; }
.home-map-copy { flex:1; min-width:0; }
.home-map-copy h2 { margin:0 0 5px; font-size:21px; line-height:1.2; }
.home-map-copy p { margin:0; color:#526b60; font-size:14px; line-height:1.5; }
.home-map-access .button { flex:none; min-height:46px; font-size:13px; background:#fff; }
@media (max-width:760px) {
 body:not(.map-focused) .map-screen { grid-template-areas:'intro' 'quick' 'counter' 'mascot' 'organise'; }
 .home-map-access { display:grid; grid-template-columns:42px minmax(0,1fr); gap:12px; padding:18px; border-radius:18px; }
 .home-map-icon { width:42px; height:42px; border-radius:13px; }
 .home-map-icon svg { width:24px; height:24px; }
 .home-map-copy h2 { font-size:18px; }
 .home-map-copy p { font-size:13px; }
 .home-map-access .button { grid-column:1 / -1; width:100%; }
}