/* ============================================================
   GLOSSOLALIE ADVISORY - Page Cartocortex
   Aucun style inline : la CSP du site interdit <style> et style="".
   ============================================================ */
.cc-fig { margin-top: var(--space-6); }
.cc-fig__img { display: block; width: 100%; height: auto; border: 1px solid var(--grey-200); background: var(--white); }
.cc-fig__scroll { overflow-x: auto; max-width: 100%; }
.cc-fig__img--wide { min-width: 900px; }
.cc-fig__hint { display: none; margin-top: var(--space-2); color: var(--grey-600); font-size: 0.875rem; }
@media (max-width: 1000px) { .cc-fig__hint { display: block; } }
.cc-status {
  background: var(--teal-tint, #DCF1EE);
  border: 1px solid var(--grey-200);
  border-left: 5px solid var(--teal-signal);
  padding: var(--space-5);
  margin-top: var(--space-6);
}
.cc-status__label { display: block; font-size: var(--text-xs); color: var(--teal-dark); font-weight: var(--weight-semibold); text-transform: none; letter-spacing: 0; }
.cc-status__t { margin: var(--space-1) 0 var(--space-2) 0; color: var(--navy-profond); font-size: 1.25rem; line-height: 1.25; }
.cc-status__b { margin: 0; color: var(--grey-700); }
.cc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: var(--space-5);
  margin-top: var(--space-6);
}
.cc-card { background: var(--white); border: 1px solid var(--grey-200); border-top: 3px solid var(--teal-signal); padding: var(--space-5); }
.cc-card__h { margin-bottom: var(--space-3); color: var(--navy-profond); font-size: 1.25rem; line-height: 1.25; }
.cc-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); gap: var(--space-4); margin-top: var(--space-6); }
.cc-stat { background: var(--white); border: 1px solid var(--grey-200); border-left: 3px solid var(--teal-signal); padding: var(--space-4); }
.cc-stat__v { display: block; font-family: var(--font-display); font-size: var(--text-2xl); color: var(--navy-profond); line-height: 1.1; }
.cc-stat__l { display: block; margin-top: var(--space-1); font-size: var(--text-xs); color: var(--grey-600); text-transform: none; letter-spacing: 0; }
.cc-pre { display: block; overflow-x: auto; max-width: 100%; margin-top: var(--space-4); padding: var(--space-4); background: var(--white); border: 1px solid var(--grey-200); border-left: 3px solid var(--teal-signal); }
.cc-after { margin-top: var(--space-8); }