/* Styles de débogage pour la classe --debug */
.debug {
    position: relative;
    outline: 1px solid #66ffff; /* Bordure rouge pour indiquer la zone de marge */
    background-color: #ccccff; /* Rouge clair pour la zone de marge*/
    box-sizing: border-box;
}

/* Pour afficher visuellement la marge avec une couleur */
.debug::before {
    content: '';
    position: absolute;
    top: -0px; /* Ajustez pour simuler la taille du margin */
    left: -0px;
    right: -0px;
    bottom: -0px;
    outline: 1px solid #ff6666aa;
    background-color: #ffccccaa;
    z-index: -1;
}

/* Padding pour les enfants directs de --debug */
.debug > * {
    background-color: #ccffcc; /* Vert clair pour le padding */
    outline: 1px solid #66cc66; /* Bordure verte pour le padding */
    box-sizing: border-box;
}