/* Support page: questions fold open with native <details>, one thin rule
   between each, and a small drawn chevron. No JavaScript involved. */

.faqs { border-top: 1px solid var(--rule); margin: 0 0 1.4em; }
.faq { border-bottom: 1px solid var(--rule); }

.faq summary {
  position: relative; cursor: pointer; list-style: none;
  padding: 14px 36px 14px 0;
  font-family: var(--serif); font-size: 1.2rem; font-weight: 600; line-height: 1.3; color: var(--ink);
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary:hover { color: var(--harbour); }
.faq summary::after {
  content: ""; position: absolute; right: 8px; top: 50%;
  width: 8px; height: 8px; margin-top: -6px;
  border-right: 2px solid var(--ink-soft); border-bottom: 2px solid var(--ink-soft);
  transform: rotate(45deg);
}
.faq[open] summary::after { transform: rotate(-135deg); margin-top: -2px; }
@media (prefers-reduced-motion: no-preference) {
  .faq summary::after { transition: transform 0.2s ease, margin-top 0.2s ease; }
}

.faq > p { padding-right: 36px; margin: 0 0 18px; }