/* ============================================================
   grip-kop.css — de stip achter de paginakop. Eén regel, één plek.

   WAAROM DIT EEN EIGEN BESTAND IS

   Op 31-08-2026 stond dezelfde stip op vier plekken:

     dashboard_basis.html  `.content h1::after`   126 koppen
     _winkel_stijl.html    `.stip` + een <span>     6 koppen
     mijn.css              `h1 .stip` + een <span>  1 kop
     en 40 koppen in 18 sjablonen kregen niets

   Vier definities omdat er drie CSS-werelden zijn: de dashboardschil, de
   winkel, en achttien schermen met alleen een eigen <style> -- de login- en
   2FA-pagina's, de teamschermen, de wijkgroepen, de rekentool.

   `mijn.css` kon het niet oplossen: dat wordt geladen door precies de drie
   werelden die de stip al hadden. En `grip-basis.css` is variabelen, geen
   componenten. Vandaar dit bestand: klein genoeg om overal bij te laden,
   zonder dat een loginpagina ineens de knoppen en velden van het dashboard
   meekrijgt.

   HET IS ::after EN GEEN <span>

   Dan hoeft geen enkel sjabloon iets te dragen en kan er ook niets dubbel
   staan. Precies dat ging 31-08 mis: de schil zette hem al in CSS, ik zette
   er op 85 koppen een span bij, en JP zag twee stippen.

   DE TERUGVAL IN var() IS GEEN NETHEID

   De achttien schermen laden `grip-basis.css` niet en kennen `--terra` dus
   niet. Zonder terugval zou de stip daar onzichtbaar zijn -- een regel die
   werkt op de schermen waar je kijkt en niet op de rest.

   IN E-MAIL IS HET HET TEKEN ●, geen CSS-cirkel: Outlook maakt van
   border-radius een vierkantje. Zie mail/nieuwsbrief.stip().
   ============================================================ */
h1::after{content:"";display:inline-block;width:9px;height:9px;
  border-radius:50%;background:var(--terra,#e19b7c);margin-left:6px;
  vertical-align:middle;position:relative;top:3px}

/* EEN VRAAG HOUDT ZIJN VRAAGTEKEN EN KRIJGT GEEN STIP (besluit JP, 31-08-2026).
   Een bolletje achter een vraagteken leest als twee einden. De wizards zetten
   het leesteken zelf in terracotta met `.pt`; zie WERKWIJZE §0. */
.wiz h1::after{content:none}