/* Small accessibility additions to the supplied design. */
main:focus {
  outline: none;
}
:focus-visible {
  outline: 3px solid #9c7013;
  outline-offset: 4px;
}
.form-error {
  color: #a12622;
  margin: 0 0 20px;
}
dialog {
  scrollbar-gutter: stable;
}
dialog:not([open]) {
  display: none;
}
/* The reference's mobile `nav` rule also positioned the footer over the hero. */
.site-footer .footer-links,
.site-footer .footer-legal {
  position: static;
  inset: auto;
  background: transparent;
  box-shadow: none;
  border: 0;
  padding: 0;
  flex-direction: row;
}
.site-footer .footer-links > a,
.site-footer .footer-legal > a {
  padding: 0;
}
.site-footer .footer-legal {
  display: flex;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  gap: 12px 24px;
  font-size: 11px;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}
.maker-profile .profile-summary {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 0.875rem;
  line-height: 1.8;
  margin: 0 0 16px;
}