/* Îlots Svelte : le contenu statique (.island-fallback) est toujours présent
   dans le HTML ; s'il s'hydrate, le script de montage ajoute la classe
   .is-enhanced sur le conteneur [data-island], qui masque alors le repli. */
.island-app:empty {
  display: none;
}

[data-island].is-enhanced .island-fallback {
  display: none;
}

.island-canvas {
  width: 100%;
  height: 22rem;
  border-radius: var(--radius-md);
  background: var(--surface-sunk);
}