/* =====================================================================
   Panorisk — /carte-incendies
   Complément à ville.css : uniquement ce que cette page ajoute.
   ===================================================================== */

.wrap-large{max-width:980px}

/* ---------- accroche ---------- */
.tldr{
  margin:0 0 20px;padding:13px 16px;border-radius:12px;
  background:rgba(255,140,60,.08);border:1px solid var(--line);
  font-size:14.5px;line-height:1.6;
}

/* ---------- carte intégrée ----------
   Ratio généreux sur desktop, plus haut que large sur mobile :
   une carte trop basse sur téléphone ne sert à rien. */
.carte-embed{
  position:relative;width:100%;height:min(72vh,620px);
  margin:0 0 10px;border-radius:16px;overflow:hidden;
  border:1px solid var(--line-2);background:#0c0a09;
  box-shadow:0 18px 44px rgba(0,0,0,.45);
}
.carte-embed iframe{display:block;width:100%;height:100%;border:0}
@media (max-width:640px){.carte-embed{height:78vh;border-radius:13px}}

.carte-sous{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:26px}
.carte-sous .cta{margin:0}
.carte-sous .muted{flex:1;min-width:220px}

/* ---------- compteurs ---------- */
.compteurs{
  list-style:none;display:grid;gap:10px;margin:0 0 18px;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
}
.compteurs li{
  display:flex;flex-direction:column;line-height:1.25;
  padding:13px 15px;border-radius:13px;
  background:var(--panel);border:1px solid var(--line);
}
.compteurs b{font-size:26px;color:var(--flame);font-variant-numeric:tabular-nums}
.compteurs span{font-size:11.5px;color:var(--ash)}

/* ---------- listes de contenu ---------- */
.puces{list-style:none;margin:0 0 16px;padding:0}
.puces li{position:relative;padding-left:18px;margin-bottom:7px}
.puces li::before{content:'';position:absolute;left:2px;top:.62em;width:6px;height:6px;
  border-radius:50%;background:var(--flame)}

.etapes{margin:0 0 16px;padding-left:20px}
.etapes li{margin-bottom:7px}

/* ---------- tableau des feux ---------- */
.pastille{
  display:inline-block;margin-left:6px;padding:1px 7px;border-radius:20px;
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  color:#ff5b5b;background:rgba(255,46,46,.13);border:1px solid rgba(255,46,46,.45);
}

/* ---------- maillage par région ---------- */
.regions{margin-bottom:18px}
.regions section{margin-bottom:18px}
.regions h3{font-size:15px;color:var(--flame);margin-bottom:9px}
.regions .depts{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}