.faq {
  background: var(--paper);
}

.faq-list {
  max-width: 980px;
  margin-left: auto;
}

.faq details {
  border-top: 1px solid var(--line);
}

.faq details:last-child {
  border-bottom: 1px solid var(--line);
}

.faq summary {
  position: relative;
  padding: 25px 52px 25px 0;
  font: 600 1.3rem/1.35 "Playfair Display", serif;
  cursor: pointer;
  list-style: none;
}

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

.faq summary::after {
  content: "+";
  position: absolute;
  top: 20px;
  right: 4px;
  color: var(--gold);
  font: 400 1.8rem "DM Sans", sans-serif;
}

.faq details[open] summary::after {
  content: "−";
}

.faq details p {
  max-width: 820px;
  margin: -4px 0 28px;
  color: var(--muted);
}

.scope-note {
  max-width: 980px;
  margin: 36px 0 0 auto;
  padding: 22px 26px;
  border-left: 4px solid var(--gold);
  background: #fff;
  color: var(--muted);
}

.scope-note strong {
  color: var(--ink);
}