/* HAVOCKS — cartes de rubriques ENTIÈREMENT cliquables (gaming.php, life.php)
   Technique du « lien étiré » : la carte garde UN seul lien (« Voir → ») ; son pseudo-élément ::after recouvre toute la carte, si bien
   qu'un clic n'importe où sur la carte suit ce lien. Un lecteur d'écran n'entend que le texte du lien (pas tout le contenu de la carte),
   et le clavier ne s'arrête qu'une fois par carte. Le contour de focus est dessiné autour de la carte entière.
   Seules les cartes qui ont une vraie destination portent la classe card-cliquable (pas celles dont le lien est encore « # »). */
.card-cliquable{ position:relative; cursor:pointer; }
.card-cliquable .card-lien::after{ content:""; position:absolute; inset:0; border-radius:16px; }
.card-cliquable .card-lien:focus-visible{ outline:none; }
.card-cliquable .card-lien:focus-visible::after{ outline:2px solid currentColor; outline-offset:3px; }
.card-cliquable:hover .card-lien, .card-cliquable .card-lien:focus-visible{ text-decoration:underline; text-underline-offset:3px; }