/* Basis uit het ontwerp + kleine aanpassingen voor telefoon. */
html { scroll-behavior: smooth; scroll-padding-top: 96px; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #FBF8F4; }
a { color: #B0573A; }
a:hover { color: #8F4329; }
summary { cursor: pointer; }
img, svg { max-width: 100%; }
:focus-visible { outline: 3px solid #B0573A; outline-offset: 2px; border-radius: 6px; }
button[disabled] { opacity: .6; cursor: default !important; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Hero-kolom plakt alleen naast de rekenhulp, niet als alles onder elkaar staat */
@media (max-width: 1040px) {
  div[style*="position: sticky"] { position: static !important; padding-top: 0 !important; }
}

/* Menu op telefoon: één rij die je opzij schuift */
@media (max-width: 820px) {
  header nav[aria-label="Hoofdmenu"] {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    width: 100%;
    margin: 0 -4px;
    scrollbar-width: none;
  }
  header nav[aria-label="Hoofdmenu"]::-webkit-scrollbar { display: none; }
  header nav[aria-label="Hoofdmenu"] a { white-space: nowrap; flex: none; }
}