/* DF-413 (Ben, 2026-10-27: "Why isn't there appropriate spacing on every page, between every element of the product surface, in
   every modal, and in every modal within a modal, between all the elements of the notes section of the page?").
   ONE NOTES LIST, ONE GAP, ONE ORDER.

   The list owns the gap between notes: every two consecutive notes of a list sit 8px apart (--space-2), whatever their kind —
   a symbol note, a numbered DOI note or an unmarked note. The list is .notes (display:flex;flex-direction:column), so the gap
   is the list's row-gap and no note carries a margin of its own. A container owns the gap ABOVE its list (a page's own rule
   on the list or its wrapper); this file never sets one.

   These are the only notes-spacing rules on the site. No page declares a margin, gap or padding between notes; a page keeps
   only its note TYPE (colour, line height, letter spacing) through .footnote, and its size through --notes-size. The notes
   engine (oona-notes.js) sets the order: symbol notes, then numbered notes, then the unmarked notes in the one canonical
   order it holds (ORDER there). */

.notes{display:flex;flex-direction:column;gap:var(--space-2,8px)}
.notes>.footnote{margin:0;padding:0}
.footnote{margin:0;font-size:var(--notes-size,11.5px)}