/* ==========================================================================================================
   Design v2 FAQ (spec §5.6): a centred title and a 780 column of native <details> rows on the stone tray.
   Kit source: design/redesign/kit/css/gp-faq.css -> static/css/gp-faq.css (pages/_marketing_base.html, after
   gp-cards.css). Scoped to body.gp-v2; the v1 accordion (components.css: bordered cards, a round green icon) is reset.
   Kept: accordion, accordion__item/__summary/__icon/__question/__answer, data-accordion="single". New: gp-faq--tray.
   ========================================================================================================== */
.gp-v2 .gp-faq--tray .accordion { max-width: var(--gp-faq-col); margin-inline: auto; }
.gp-v2 .accordion { display: block; gap: 0; }
.gp-v2 .accordion__item { border: 0; border-bottom: var(--gp-border); border-radius: 0; background: none; box-shadow: none; }
.gp-v2 .accordion__item:hover, .gp-v2 .accordion__item[open] { border-color: var(--gp-hairline); box-shadow: none; }
.gp-v2 .accordion__item:last-child { border-bottom: 0; }
.gp-v2 .accordion__summary {
  display: flex; align-items: center; gap: 24px; min-height: 64px; padding: 16px 4px;
  list-style: none; cursor: pointer; color: var(--gp-heading);
  font-size: var(--gp-fs-faq-question); line-height: var(--gp-lh-faq-question); font-weight: var(--gp-fw-faq-question);
  border-radius: 8px;
}
.gp-v2 .accordion__summary::-webkit-details-marker { display: none; }
.gp-v2 .accordion__summary::marker { content: ""; }
.gp-v2 .accordion__question { flex: 1; order: 1; }
.gp-v2 .accordion__icon { order: 2; position: relative; flex: none; width: 20px; height: 20px; border-radius: 0;
  background: none; color: var(--gp-heading); }
.gp-v2 .accordion__icon::before, .gp-v2 .accordion__icon::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 16px; height: 2px; margin: -1px 0 0 -8px;
  border-radius: 1px; background: currentColor; transition: transform var(--gp-dur-colour) var(--gp-ease);
}
.gp-v2 .accordion__icon::after { transform: rotate(90deg); }
.gp-v2 .accordion__item[open] .accordion__icon { background: none; color: var(--gp-accent); }
.gp-v2 .accordion__item[open] .accordion__icon::after { transform: rotate(0deg); }
.gp-v2 .accordion__summary:hover .accordion__question { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.gp-v2 .accordion__answer { max-width: 680px; padding: 0 4px 24px; color: var(--text); font-size: var(--gp-fs-body); line-height: var(--gp-lh-body); }
.gp-v2 .accordion__answer p { margin: 0; }
.gp-v2 .accordion__answer p + p { margin-top: .8em; }
@media (prefers-reduced-motion: reduce) { .gp-v2 .accordion__icon::before, .gp-v2 .accordion__icon::after { transition: none; } }