/*
 * Material Icons — SERVIE DEPUIS NOS PROPRES SERVEURS (17/08/2026).
 *
 * AVANT : chaque page chargeait <link href="https://fonts.googleapis.com/icon?family=Material+Icons">.
 * Cette seule ligne coûtait, sur un cache vide, DEUX allers-retours EN SÉRIE
 * avant qu'une icône ne s'affiche :
 *   1. résoudre fonts.googleapis.com, ouvrir TLS, télécharger la feuille CSS —
 *      qui est BLOQUANTE : le navigateur n'affiche rien tant qu'elle n'est pas là ;
 *   2. seulement alors il découvre l'URL du .woff2 sur fonts.gstatic.com, et
 *      recommence : DNS, TLS, téléchargement.
 * Les deux `preconnect` réduisaient la casse sans supprimer la chaîne.
 *
 * MAINTENANT : la police vient du même domaine que la page, sur une connexion
 * déjà ouverte, avec le cache d'un an que nginx pose sur /fonts/ ; et le
 * <link rel="preload"> du gabarit la demande en même temps que le CSS, plus en
 * cascade derrière lui. Bénéfice supplémentaire : l'intranet n'expose plus la
 * navigation de ses utilisateurs à un tiers, et il reste lisible si l'accès
 * Internet sortant tombe — seul le réseau interne suffit.
 *
 * font-display: block est VOLONTAIRE et ne doit pas devenir swap. Ces glyphes
 * sont appelés par ligature : « search » devient une loupe. Avec swap, le
 * navigateur afficherait les mots « search », « menu », « delete » en clair
 * pendant le chargement — l'interface partirait en morceaux de texte. block
 * garde la place vide un instant, puis pose l'icône.
 */

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('material-icons.woff2') format('woff2');
}

@font-face {
    font-family: 'Material Icons Round';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('material-icons-round.woff2') format('woff2');
}

.material-icons,
.material-icons-round {
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.material-icons { font-family: 'Material Icons'; }
.material-icons-round { font-family: 'Material Icons Round'; }