/* FN7.1: the heading a link opened is marked for 1.5 s (js/explorer.js revealSection puts .section-flash on #notes-page).
   The words sit inside a text box, so the box is what flashes. Motion kept down: a still outline instead of the glow. */
#notes-page.section-flash #notes { animation: section-flash 1.5s ease-out; }
@keyframes section-flash {
  0%, 35% { box-shadow: 0 0 0 3px var(--accent, #4fb3a9), 0 0 18px var(--accent, #4fb3a9); }
  100% { box-shadow: 0 0 0 0 transparent; }
}
@media (prefers-reduced-motion: reduce) {
  #notes-page.section-flash #notes { animation: none; box-shadow: 0 0 0 3px var(--accent, #4fb3a9); }
}
html[data-motion="reduce"] #notes-page.section-flash #notes { animation: none; box-shadow: 0 0 0 3px var(--accent, #4fb3a9); }