.faq-breadcrumbs-list { display: flex; flex-wrap: wrap; gap: var(--space-4); font-size: var(--font-size-xs); color: var(--color-text-muted); }
.faq-breadcrumbs-list li+li::before { content: "/"; margin-right: var(--space-4); color: var(--gray-500); }

.faq-title { margin-bottom: var(--space-4); }
.faq-intro { max-width: 40rem; }

.faq-hero-media-card { padding: var(--space-6); }
.faq-hero-image-wrapper { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-soft); }

.faq-layout { align-items: flex-start; }

.faq-list { margin-top: var(--space-2); }

.faq-question { width: 100%; text-align: left; background: transparent; border: none; padding: 0; }

.faq-toggle { font-size: var(--font-size-xl); line-height: 1; color: var(--color-primary); transition: transform var(--transition-normal), color var(--transition-normal); }

.faq-item[data-open="true"] .faq-toggle { transform: rotate(45deg); color: #f0d38f; }

.faq-aside-card { position: sticky; top: 6rem; }

.faq-aside-list { font-size: var(--font-size-sm); color: var(--color-text-muted); display: grid; gap: var(--space-2); }

.faq-scenario-card, .faq-venue-card { padding: var(--space-6); }
.faq-scenario-image-wrapper, .faq-venue-image-wrapper { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-soft); }

.faq-contact-card { padding: var(--space-8); }

@media (max-width: 960px) { .faq-aside-card { position: static; top: auto; } }

@media (max-width: 640px) {
  .faq-contact-card { padding: var(--space-6); }
}