/* ============================================
   Dierdorp Digital — shared site styles
   Gedeelde regels over alle public HTML pages.
   Eén centrale plek zodat updates niet per-file hoeven.

   Hoe toevoegen op een nieuwe pagina:
     <link rel="stylesheet" href="/assets/styles/site.css">
   in de <head>, vóór de pagina-specifieke inline <style>.

   Wanneer aanpassen:
   - Anchor-scroll landt te ver/laag → pas waarden in "Anchor offsets" aan
   - Nav-hoogte verandert → pas scroll-margin-top aan (waarde = nav-hoogte + 20px lucht)
   ============================================ */

/* Anchor offsets: fixed nav is ~100px desktop, ~80px mobile.
   Elke <section id="..."> krijgt scroll-margin zodat href="#foo" niet achter nav landt. */
section[id] { scroll-margin-top: 120px; }

@media (max-width: 600px) {
  section[id] { scroll-margin-top: 90px; }
}