/* Quiet editorial details, limited to the homepage reviews and FAQ. */
#participant-reviews {
  color: var(--gallery-ink);
}
#participant-reviews::before { background: none; }
#participant-reviews .reviews-heading { padding-block-end: 21px; border-bottom: 1px solid var(--gallery-border); }
#participant-reviews .eyebrow { color: var(--gallery-accent); }
#participant-reviews h2 { color: var(--gallery-ink); }
#participant-reviews .reviews-intro,
#participant-reviews .reviews-note,
#participant-reviews .review-program { color: var(--gallery-muted); }
#participant-reviews .participant-review {
  --review-tint: var(--gallery-blue);
  padding: 28px;
  border: 1px solid var(--gallery-border);
  border-block-start: 5px solid var(--review-tint);
  border-radius: 20px;
  background: var(--gallery-paper);
  box-shadow: 0 10px 26px #203d5b07;
}
#participant-reviews .participant-review:nth-child(3n + 2) { --review-tint: var(--gallery-green); }
#participant-reviews .participant-review:nth-child(3n + 3) { --review-tint: var(--gallery-gold); }
#participant-reviews .participant-review:hover { border-color: var(--gallery-border); border-block-start-color: var(--gallery-accent); }
#participant-reviews .review-stars { color: var(--gallery-accent); }
#participant-reviews blockquote,
#participant-reviews .review-name { color: var(--gallery-ink); }
#participant-reviews blockquote { line-height: 1.95; }
#participant-reviews .review-person { border-color: var(--gallery-border); }
#participant-reviews .review-avatar { border-radius: 50%; background: var(--review-tint); color: var(--gallery-ink); }
#participant-reviews .reviews-empty {
  border: 1px solid var(--gallery-border);
  border-radius: 22px;
  background: var(--gallery-paper);
  color: var(--gallery-muted);
  box-shadow: 0 10px 26px #203d5b07;
}
#participant-reviews .reviews-empty-icon {
  border: 1px solid var(--gallery-border);
  border-radius: 50%;
  background: var(--gallery-gold);
  color: var(--gallery-accent);
  font-family: Georgia, serif;
  padding-block-start: 12px;
}
#participant-reviews .reviews-more {
  border-color: var(--gallery-border);
  background: var(--gallery-paper);
  color: var(--gallery-ink);
}
#participant-reviews .reviews-more:hover:not(:disabled) { background: var(--gallery-blue); }
#participant-reviews button:focus-visible { outline: 3px solid var(--gallery-accent); outline-offset: 4px; }

#faq { color: var(--gallery-ink); }
#faq::before { background: none; }
#faq .faq-heading::before {
  border: 1px solid var(--gallery-border);
  border-radius: 50%;
  background: var(--gallery-gold);
  color: var(--gallery-accent);
  box-shadow: none;
  transform: none;
}
#faq .faq-heading .eyebrow { color: var(--gallery-accent); }
#faq .faq-heading h3 { color: var(--gallery-ink); }
#faq .faq-heading p:last-child { color: var(--gallery-muted); }
#faq .faq-list details {
  --question-tint: var(--gallery-blue);
  border: 1px solid var(--gallery-border);
  border-radius: 18px;
  background: var(--gallery-paper);
  box-shadow: none;
}
#faq .faq-list details:nth-child(3n + 2) { --question-tint: var(--gallery-green); }
#faq .faq-list details:nth-child(3n + 3) { --question-tint: var(--gallery-gold); }
#faq .faq-list details[open] { border-color: var(--gallery-border); background: var(--gallery-paper); box-shadow: 0 10px 26px #203d5b07; }
#faq .faq-list summary { min-height: 82px; color: var(--gallery-ink); }
#faq .faq-list summary::before {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--question-tint);
  color: var(--gallery-ink);
  letter-spacing: 0;
}
#faq .faq-list summary::after { color: var(--gallery-ink); background: var(--question-tint); }
#faq .faq-list details[open] summary::after { background: var(--question-tint); }
#faq .faq-list details p { max-width: 65ch; padding-inline-start: 74px; color: var(--gallery-muted); line-height: 1.95; }
#faq .faq-list summary:focus-visible { outline: 3px solid var(--gallery-accent); outline-offset: -5px; border-radius: 18px; }

@media (hover: hover) {
  #faq .faq-list details:hover { border-color: var(--gallery-accent); }
}
@media (max-width: 760px) {
  #participant-reviews .reviews-heading { padding-block-end: 18px; }
  #participant-reviews .participant-review { padding: 23px; }
  #participant-reviews .reviews-empty { padding: 23px; }
  #faq .faq-list summary { min-height: 76px; }
  #faq .faq-list summary::before { width: 28px; height: 28px; border-radius: 8px; font-size: 11px; }
  #faq .faq-list details p { padding-inline-start: 54px; }
}
@media (max-width: 380px) {
  #participant-reviews .reviews-empty { padding: 19px; gap: 12px; }
  #faq .faq-list details p { padding-inline-start: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  #participant-reviews .participant-review { transition: none; }
  #participant-reviews .participant-review:hover { transform: none; }
  #faq .faq-list details,
  #faq .faq-list summary::after { transition: none; }
  #faq .faq-list details[open] p { animation: none; }
}