/* ============================================================
 * ESSIKNETWORK — Widget Cartes Icônes (piliers / atouts).
 * Variables : essik-design-tokens.css. Dark mode auto.
 * ============================================================ */
.essik-icards-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.essik-icard {
  background: var(--essik-bg-muted); border: 1px solid var(--essik-border);
  border-radius: var(--essik-radius); padding: 1.75rem;
  transition: border-color var(--essik-speed) var(--essik-ease), transform var(--essik-speed) var(--essik-ease), box-shadow var(--essik-speed) var(--essik-ease);
}
.essik-icard:hover { border-color: rgba(255,85,0,.5); transform: translateY(-3px); box-shadow: var(--essik-shadow-card); }
.essik-icard-ic {
  display: inline-flex; align-items: center; justify-content: center;
  width: 3rem; height: 3rem; border-radius: .8rem; margin-bottom: 1rem;
  background: #FFEDD5; color: var(--essik-primary);
}
.essik-icard h3 { margin: 0 0 .5rem; font-size: 1.05rem; font-weight: 800; color: var(--essik-text-strong); }
.essik-icard p { margin: 0; font-size: .85rem; line-height: 1.6; color: var(--essik-muted); }
html[data-theme="dark"] .essik-icard-ic { background: rgba(255,85,0,.14); }