/* ICT Service Groep — shared site optimizations & spacing
   Loaded on every page right after the base inline <style>.
   Keep page-specific styling inline; put only cross-cutting rules here. */

/* Anchor targets clear the sticky ~74px header when jumping to #diensten etc. */
:where([id]) { scroll-margin-top: 96px; }

/* Media never overflows its column */
img, svg { max-width: 100%; }
img { height: auto; }

/* Smoother text rendering */
body { text-rendering: optimizeLegibility; }

/* --- Vertical rhythm: give the body room to breathe ------------------------
   The prototypes used tight, uneven per-section padding (e.g. 24px bottoms).
   This normalizes every section to a consistent, generous scale so the whole
   site breathes. Longhand top/bottom + !important overrides the top & bottom
   of each section's inline `padding` shorthand while preserving its left/right
   gutter. */
section[style] {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

@media (max-width: 900px) {
  section[style] { padding-top: 60px !important; padding-bottom: 60px !important; }
  :where([id]) { scroll-margin-top: 80px; }
}

@media (max-width: 560px) {
  section[style] { padding-top: 46px !important; padding-bottom: 46px !important; }
}