/* tech-text · un titre du site garde son texte ; un canvas aria-hidden pose le décor par-dessus (voir src/tech-text.js).
   Taille, graisse, interlettrage et couleur restent ceux du titre (Inter 300, Craie). */
.rb-tech-text {
  position: relative;
}

.rb-tech-text__decor {
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: 1;
}

/* La lettre que le canvas reprend s'efface du DOM le temps du fondu (CSS Custom Highlight API). */
::highlight(rb-tech-text) {
  color: transparent;
}

/* Lettres à tirer : le geste remplace la sélection du texte. */
.rb-tech-text--drag {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}

@media (forced-colors: active) {
  .rb-tech-text__decor {
    display: none;
  }
  ::highlight(rb-tech-text) {
    color: CanvasText;
  }
}

/* Le canvas du décor ne prend pas l'espacement resserré du titre (sinon la cote se chevauche). */
[data-rb="tech-text"] canvas { letter-spacing: normal; }