@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  /* Souligné menthe sous un mot-clé (signature 5000.dev) */
  .hl-marker {
    @apply relative inline-block;
  }
  .hl-marker::after {
    content: "";
    @apply absolute left-0 right-0 -bottom-1 h-1 bg-accent rounded-full;
  }

  /* Chiffre teaser flouté (aperçu avant email) */
  .teaser-blur {
    filter: blur(9px);
    user-select: none;
    pointer-events: none;
  }
}