.faq-topics {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 48px;
}

.faq-topics a {
  padding: 10px 14px;
  border: 1px solid #dce4db;
  border-radius: 5px;
  background: var(--cream);
  color: var(--pine);
  font-weight: 700;
  text-decoration: none;
}

.faq-group {
  margin: 48px 0;
}

.faq-group h2 {
  font-size: clamp(25px, 3vw, 34px);
  scroll-margin-top: 120px;
}

.faq summary {
  min-height: 44px;
  padding-right: 12px;
}

.faq summary:focus-visible,
.faq-topics a:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 4px;
}