/* Fichier “final” : styles transverses + petits ajustements.
   Le layout global est défini dans layout.css (une seule fois), la typo dans typography.css, et les composants dans components.css. */

::selection {
  background: rgba(200, 169, 81, 0.35);
}

.content > :first-child {
  margin-top: 0;
}

.content :where(h2, h3) {
  scroll-margin-top: 90px;
}

.content .prose a {
  font-weight: 700;
}

/* Petites améliorations “magazine” */
.prose p {
  max-width: 74ch;
}

.prose ul {
  max-width: 74ch;
}

/* Focus accessible */
:focus-visible {
  outline: 3px solid rgba(200, 169, 81, 0.6);
  outline-offset: 2px;
  border-radius: 10px;
}