:root {
  --navbar-h: 64px;
}
@media (min-width: 768px) {
  :root { --navbar-h: 72px; }
}

/* Ensure in-page anchors and skip link land below sticky navbar */
#main-content { scroll-margin-top: var(--navbar-h); }

/* On small screens, add top padding so content never sits under sticky navbar */
.has-sticky-navbar #main-content { padding-top: var(--navbar-h); }
@media (min-width: 768px) {
  .has-sticky-navbar #main-content { padding-top: 0; }
}