/* KLYR — le peu de style qui doit être IDENTIQUE sur toutes les pages du site.
 *
 * Créé le 22/09/2026. Racine : l'effet du bouton « Clé PGP » du pied de page n'existait que
 * dans index.html, alors que le bouton est sur les 17 pages : sur les autres, survoler ne
 * faisait rien (retour Toni : « ya jamais les mêmes choses, ça fait amateur »). Chaque page
 * ayant son propre bloc <style> recopié à la main, une règle ajoutée quelque part ne suivait
 * jamais ailleurs.
 *
 * Règle : tout ce qui doit être pareil partout vient ICI, jamais d'un copier-coller de page en
 * page. Les pages gardent leur <style> pour ce qui leur est propre.
 */

/* Bouton « Clé PGP » du pied de page : curseur de terminal qui clignote au survol. */
.pgp-link:hover::after {
    content: '█';
    margin-left: 5px;
    color: #10b981;
    animation: klyr-blink 1s step-end infinite;
}

@keyframes klyr-blink {
    50% { opacity: 0; }
}

/* Lisibilité sur téléphone (26/09/2026, go Toni) : le texte courant gris passe de 14 à 16 px
   sous 640 px de large, pour un public souvent âgé. Rien ne change sur ordinateur, ni les
   boutons, menus, pastilles, pied de page ou terminaux (seuls les paragraphes des sections). */
@media (max-width: 640px) {
    section p.text-sm,
    section p .text-sm,
    section ul.text-sm,
    section ul.text-sm li,
    section li .text-sm,
    section p.text-xs.leading-relaxed {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
}