html {
  scroll-behavior: smooth;
  scroll-padding-top: 5.25rem;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

body {
  text-rendering: optimizeLegibility;
}

summary::-webkit-details-marker {
  display: none;
}

summary {
  list-style: none;
}

header {
  position: sticky;
  top: 0;
  z-index: 40;
}

#mobile-menu nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
}

@media (min-width: 1024px) {
  nav[aria-label="Primary"] a[aria-current="page"] {
    color: #8c6206;
    box-shadow: inset 0 -2px 0 #cb8e09;
  }
}

#mobile-menu a[aria-current="page"] {
  color: #8c6206;
  background: rgba(203, 142, 9, 0.1);
}

.field-error {
  color: #9b2c2c;
  font-size: 0.875rem;
  margin-top: 0.35rem;
}

input.is-invalid,
textarea.is-invalid {
  border-color: #9b2c2c;
}

.skip-link {
  position: absolute;
  left: 1rem;
  top: -4rem;
  z-index: 80;
  background: #fffcf7;
  color: #1a1612;
  padding: 0.6rem 1rem;
}

.skip-link:focus {
  top: 0.75rem;
}