/**
 * app.css — mise en page propre à Calcul Mental. Les tokens et
 * composants viennent de /ui/v1/skolsuite-ui.css, chargé avant ce
 * fichier partout où il est utilisé.
 */
body { margin: 0; background: var(--ss-paper); }
.ss-wrap { min-height: 100vh; display: flex; justify-content: center; padding: 1.5rem; }
.ss-wrap-inner { width: 100%; max-width: 420px; }
.ss-card h2 { font-size: 1.05rem; font-weight: 500; margin: 1.25rem 0 .6rem; }
.ss-card ul, .ss-card ol { padding-left: 1.2rem; font-size: .9rem; line-height: 1.6; }
.ss-card li { margin-bottom: .3rem; }

/* Deux boutons d'icône empilés en haut du cadre de connexion (langue +
   apparence) -- utilisé par admin/login.php ; jusqu'ici référencé dans
   son markup mais jamais défini, donc sans effet (bouton Langue non
   positionné). */
.ss-topcorner-group {
  position: fixed;
  top: 1rem;
  inset-inline-end: 1rem;
  display: flex;
  gap: .5rem;
}