/* Mobile-friendly global tweaks */
html, body {
  overflow-x: hidden;
}

/* Ensure images scale nicely on small screens */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Account for fixed navbar when scrolling to anchors */
section {
  scroll-margin-top: 84px;
}

@media (max-width: 640px) {
  section {
    scroll-margin-top: 72px;
  }
}

/* Remove tap highlight on mobile */
* {
  -webkit-tap-highlight-color: transparent;
}

/* Safe-area support for iOS notch */
:root {
  --safe-top: env(safe-area-inset-top);
}

header {
  padding-top: var(--safe-top);
}