/* Keep the question list compact while leaving every answer accessible. */
#faq-list {
  max-height: min(440px, 65svh);
  overflow-y: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #b39858 #e7ece4;
  padding-inline: 6px 16px;
  scroll-padding-block: 12px;
}
#faq-list:focus-visible,
#faq-list summary:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: -2px;
}
.faq .faq-scroll-hint {
  color: var(--muted);
  font-size: 12px;
  max-width: none;
  margin: 0 0 12px;
}
#faq-list .faq-answer { padding-bottom: 24px; }
#faq-list .faq-answer p { padding: 0; }
#faq-list .faq-answer ul {
  padding-inline-start: 22px;
  margin-block: 14px;
  font-size: 14px;
  line-height: 1.95;
  color: var(--muted);
}
#faq-list .faq-answer li { margin-bottom: 10px; }
#faq-list .faq-answer li::marker { color: var(--gold); }
#faq-list .faq-answer .faq-note {
  border-inline-start: 2px solid var(--gold);
  padding-inline-start: 12px;
  margin-top: 14px;
}
@media (max-width: 600px) {
  #faq-list { max-height: min(420px, 60svh); padding-inline-end: 12px; }
}