/* 1. Box sizing global - Socle de stabilité */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* 2. Suppression des marges par défaut tout en respectant le flux */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
    margin: 0;
}

/* 3. Réinitialisation des styles typographiques par héritage */
a:not([class]) {
    text-decoration-skip-ink: auto;
}

/* 4. Gestion des images : empêche le débordement des containers */
img,
picture {
    max-width: 100%;
    display: block;
}

/* 5. Accessibilité : on ne touche pas au focus sauf pour l'améliorer */
:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* 6. Listes (classless) : on garde le retrait natif, on gère les puces au besoin */
ul[role="list"],
ol[role="list"] {
    list-style: none;
}