/* createahead v1 — Global breakpoints and page-level responsive adjustments */

/* Tablet: 768px – 1023px */
@media (min-width: 768px) {
  .site-header {
    padding-inline: var(--page-x-tablet);
  }

  .site-footer {
    padding-inline: var(--page-x-tablet);
  }

  .skip-link {
    left: var(--page-x-tablet);
  }
}

/* Desktop: >= 1024px */
@media (min-width: 1024px) {
  .site-header {
    padding-inline: var(--page-x-desktop);
  }

  .site-footer {
    padding-inline: var(--page-x-desktop);
  }

  .skip-link {
    left: var(--page-x-desktop);
  }
}