/* Native FAQ module. Reuse lr26next's content width, gutters and colour tokens.
   The ticket page is full-bleed; Event Info already supplies a content wrapper. */
.lr26-faq.lr26-faq {
  box-sizing: border-box;
  width: min(100%, var(--lr26-container, 1400px), calc(100vw - (var(--lr26-gutter, 20px) * 2)));
  max-width: 100%;
  margin: var(--lr26-section-space, 64px) auto;
  min-width: 0;
  color: var(--lr26-color-text, inherit);
}
.lr26-faq > h2 { font-size: clamp(1.8rem, 4vw, 2.7rem); line-height: 1.15; margin: 0 0 2rem; }
.lr26-faq .lr26-faq__category { margin: 2.5rem 0 1rem; font-size: clamp(1.15rem, 2vw, 1.4rem); line-height: 1.35; font-weight: 700; }
.lr26-faq .lr26-faq__item {
  box-sizing: border-box;
  margin: .65rem 0;
  border: 1px solid rgba(47, 85, 244, .12);
  border-radius: var(--lr26-radius-sm, 12px);
  background: var(--lr26-color-white, #fff);
  padding: 0;
  min-width: 0;
}
.lr26-faq .lr26-faq__item > summary {
  display: flex; align-items: center; justify-content: space-between; gap: 1.25rem;
  cursor: pointer; padding: 1.15rem 1.5rem;
  font-weight: 600; font-size: 1.05rem; line-height: 1.5;
  overflow-wrap: anywhere; list-style: none;
}
.lr26-faq summary::-webkit-details-marker { display: none; }
.lr26-faq summary::marker { content: ''; }
/* Decorative chevron: state and keyboard behaviour remain native to details. */
.lr26-faq .lr26-faq__item > summary::after {
  content: ''; display: block; flex: 0 0 .5rem; width: .5rem; height: .5rem;
  border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  color: var(--lr26-color-violet, currentColor); transform: rotate(45deg); margin: -.25rem .2rem 0;
}
.lr26-faq .lr26-faq__item[open] > summary::after { transform: rotate(225deg); margin-top: .25rem; }
.lr26-faq .lr26-faq__item > summary:hover { color: var(--lr26-color-violet, inherit); }
.lr26-faq summary:focus-visible, .lr26-faq a:focus-visible { outline: 3px solid var(--lr26-color-violet, currentColor); outline-offset: 3px; border-radius: 4px; }
.lr26-faq .lr26-faq__answer { padding: 0 1.5rem 1.25rem; max-width: 85ch; overflow-wrap: anywhere; line-height: 1.65; }
.lr26-faq .lr26-faq__answer p { margin: .5rem 0; }
.lr26-faq .lr26-faq__answer a { text-decoration: underline; }
@media (max-width: 600px) {
  .lr26-faq .lr26-faq__item > summary { padding: 1rem; gap: 1rem; }
  .lr26-faq .lr26-faq__answer { padding-inline: 1rem; }
}