/* Notes de mise à jour (mises-a-jour.html, produites par outils/changelog.py). */

.notes {
  display: grid;
  gap: var(--space-5);
}

.note {
  display: grid;
  gap: var(--space-3);
  scroll-margin-top: calc(var(--header-h, 72px) + var(--space-4));
}

.note__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
}

.note__date {
  color: var(--text-3);
  font-size: var(--fs-sm);
  font-weight: 600;
}

.note__title {
  flex-basis: 100%;
  margin: 0;
  font-size: clamp(1.15rem, 1rem + 0.6vw, 1.4rem);
}

.note__title a {
  color: inherit;
  text-decoration: none;
}

.note__title a:hover {
  color: var(--gold-300);
}

.note__intro {
  margin: 0;
  color: var(--text-2);
}

.note__list {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding-left: 1.2rem;
}

.note__list li::marker {
  color: var(--gold-400);
}

.note:target {
  border-color: rgba(255, 212, 71, 0.45);
}