/* Icônes Phosphor Thin en SVG (@icon, App\Support\Icon) dans le conteneur
   .material-symbols-outlined hérité de l'ancienne police : comme elle, l'icône
   mesure 1em et suit font-size et color. Chargé avant les feuilles du site
   pour que leurs règles de taille gardent la main. */
.material-symbols-outlined {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
}

.material-symbols-outlined > svg {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

/* Phosphor Thin est trop fin à l'écran : un contour de la couleur de l'icône
   (stroke = fill, posé sur chaque SVG) l'épaissit. Une seule valeur pour toutes
   les icônes de la collection (grille 256), @icon comme SVG écrits en dur. */
svg[viewBox="0 0 256 256"] {
    stroke-width: 10px;
    stroke-linejoin: round;
}

.material-symbols-outlined > svg {
    stroke: currentColor;
}