/* ==========================================================================
   Small utility classes
   ========================================================================== */

.skip-link {
  position: absolute;
  left: -999px;
  top: auto;
  background: var(--color-primary);
  color: #fff;
  padding: 0.6rem 1rem;
  border-radius: var(--radius-sm);
  z-index: 999;
}
.skip-link:focus {
  left: var(--space-sm);
  top: var(--space-sm);
}

body.no-scroll { overflow: hidden; }

.section--alt { background: var(--color-surface-alt); }

@media (max-width: 700px) {
  h1 { font-size: var(--fs-3xl); }
  h2 { font-size: var(--fs-xl); }
}