/**
 * Mise en page de l'outil « Nombre minimum d'individus - os longs ».
 * Liee automatiquement par le chassis (outils/<id>/style.css, TUTORIEL.md
 * §5bis) - ne jamais la lier a la main dans index.php.
 *
 * Regles tenues (test-style-outil.php) :
 *  1. Geometrie libre : display, grid, flex, gap, marges, padding, tailles
 *     de texte en unites relatives - jamais en px.
 *  2. Couleurs et polices uniquement en var(--...) de la charte, jamais de
 *     valeur litterale.
 *  3. Chaque selecteur commence par une classe qui n'appartient pas a la
 *     charte.
 *  4. Aucune ressource externe.
 *
 * .sk-carte et .sk-decision sont redeclarees ici a l'identique de
 * sex-long-bones/style.css : chaque style.css est propre a son outil (le
 * chassis ne lie que celui du dossier courant), rien n'est partage entre
 * outils au-dela de la charte commune (commun/style.php).
 */

/* ---- Le resume et l'aide de format, sur toute la largeur de la page,
   pas brides par le .prose de la charte (pensee pour du texte long). ---- */
.sk-texte-pleine-largeur {
  max-width: none;
}

/* ---- Cartes (description du format, resultat frequence, journal) ---- */
.sk-carte {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  padding: var(--space-3);
  margin-block-start: var(--space-3);
}

/* ---- Le resultat principal (NMI par elimination) : mis en avant comme la
   decision de sex-long-bones - encadre, centre, en capitales. ---- */
.sk-decision {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 1.5rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bone);
  padding: var(--space-3);
  margin-block: var(--space-2);
}

/* ---- Le detail des etapes RAE : <details>/<summary> natifs, pas de JS
   necessaire pour l'ouvrir/fermer. ---- */
.sk-mni-journal-carte summary {
  cursor: pointer;
}
.sk-mni-journal {
  list-style: none;
  margin: var(--space-2) 0 0;
  padding: var(--space-2);
  max-height: 20rem;
  overflow-y: auto;
  background: var(--color-gray-300);
  border-radius: var(--radius-sm);
  font-size: 0.8125rem;
}
.sk-mni-journal-etape {
  font-weight: bold;
  color: var(--color-navy);
  margin-block: var(--space-2) var(--space-1);
}
.sk-mni-journal-ligne {
  color: var(--color-gray-600);
  padding-inline-start: var(--space-2);
}
.sk-mni-journal-ligne[data-sk-dedans="0"] {
  color: var(--color-error);
}