/* FAQ accordion — smooth expand via grid-rows trick (no JS height measurement) */
.faq {
  border-bottom: 1px solid var(--hairline);
}
.faq__summary {
  list-style: none;
  cursor: pointer;
  padding: 1.25rem 2.5rem 1.25rem 0;
  font-family: var(--serif);
  font-size: 1.125rem;
  color: var(--ink);
  position: relative;
  transition: color 160ms var(--ease-out);
}
.faq__summary::-webkit-details-marker { display: none; }
.faq__summary::after {
  content: '';
  position: absolute;
  top: 50%; right: 0.25rem;
  width: 12px; height: 12px;
  border-right: 2px solid var(--burgundy);
  border-bottom: 2px solid var(--burgundy);
  transform: translateY(-70%) rotate(45deg);
  transition: transform 250ms var(--ease-out);
}
.faq[open] .faq__summary::after {
  transform: translateY(-30%) rotate(-135deg);
}
.faq__summary:hover { color: var(--burgundy); }

.faq__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 260ms var(--ease-out);
}
.faq[open] .faq__body {
  grid-template-rows: 1fr;
}
.faq__body > div {
  overflow: hidden;
  padding-bottom: 1.5rem;
  color: var(--ink-soft);
  line-height: 1.6;
  max-width: 58ch;
}