.faq {
  padding: 7rem clamp(1.5rem, 9vw, 9rem);
  background: #f5f0e5;
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  gap: clamp(3rem, 8vw, 8rem);
}

.faq-heading > p:not(.eyebrow) {
  color: #595b51;
  max-width: 500px;
}

.faq-list details {
  border-top: 1px solid rgba(23, 24, 20, .2);
  padding: 1.1rem 0;
}

.faq-list details:last-child {
  border-bottom: 1px solid rgba(23, 24, 20, .2);
}

.faq-list summary {
  cursor: pointer;
  font-weight: 800;
  padding-right: 2rem;
}

.faq-list details p {
  margin: .75rem 0 .25rem;
  color: #55584f;
  max-width: 760px;
}

.faq-list a,
.policy-page a:not(.brand):not(.button),
.footer-links a,
footer a[href^="mailto:"] {
  text-decoration: underline;
  text-underline-offset: .18em;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem 1rem;
  max-width: 420px;
  color: #c9cbc3;
  font-size: .82rem;
}

.policy-page main {
  min-height: 65vh;
  background: #fffdf7;
}

.policy-hero {
  padding: 6rem clamp(1.5rem, 12vw, 12rem) 3rem;
  background: #f5f0e5;
}

.policy-hero h1 {
  font-size: clamp(2.7rem, 6vw, 5.3rem);
}

.policy-hero > p:not(.eyebrow) {
  max-width: 720px;
  color: #55584f;
  font-size: 1.08rem;
}

.policy-content {
  padding: 4rem clamp(1.5rem, 12vw, 12rem) 7rem;
  max-width: 1150px;
}

.policy-content section + section {
  margin-top: 2.4rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(23, 24, 20, .16);
}

.policy-content h2 {
  font-family: "DM Sans", sans-serif;
  font-size: 1.45rem;
  font-weight: 800;
}

.policy-content p,
.policy-content li {
  color: #50534b;
}

.policy-content ul {
  padding-left: 1.2rem;
}

.policy-back {
  display: inline-flex;
  margin-top: 2rem;
  color: #8f4428;
  font-weight: 800;
}

@media (max-width: 850px) {
  .faq {
    grid-template-columns: 1fr;
  }

  .footer-links {
    flex-direction: column;
  }
}