/* =========================
   CONTENT / SECTIONS
   ========================= */

.page-section {
  padding-top: 3rem;
  padding-right: var(--content-padding-side);
  padding-bottom: 4rem;
  padding-left: var(--content-padding-side);
}

:where(section[id], div[id], article[id]) {
  scroll-margin-top: calc(var(--header-height-desktop) + 1.5rem);
}

@media (max-width: 767px) {
  .page-section {
    padding-top: 2.25rem;
  }

  :where(section[id], div[id], article[id]) {
    scroll-margin-top: calc(var(--header-height-mobile) + 1rem);
  }
}