html {
  scroll-behavior: smooth;
}

body {
  font-family: "Lato", sans-serif;
  color: #332938;
}

h1, h2, h3, h4, .font-display {
  font-family: "Cabin", sans-serif;
}

[id] {
  scroll-margin-top: 9rem;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible {
  outline: 2px solid #711d89;
  outline-offset: 3px;
}

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

details[open] .faq-chevron {
  transform: rotate(180deg);
}