@layer components{.site-section[data-section=faq]{--section-header-max-width:52rem;--section-description-max-width:46rem;--section-highlight-color:var(--color-primary-light);--section-badge-border:color-mix(in srgb, var(--color-primary) 34%, var(--color-border));--section-badge-background:color-mix(in srgb, var(--color-primary) 9%, transparent);--section-action-margin-top:4rem;background:linear-gradient(180deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background-soft) 42%, var(--color-background)) 100%)}.faq-list{flex-direction:column;gap:.875rem;max-width:52rem;margin-inline:auto;display:flex}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 92%, transparent);box-shadow:var(--shadow-soft);transition:border-color var(--transition-fast) var(--transition-ease), background-color var(--transition-fast) var(--transition-ease), box-shadow var(--transition-fast) var(--transition-ease);overflow:hidden}.faq-item:is(:hover,.is-open){border-color:color-mix(in srgb, var(--color-primary) 36%, var(--color-border))}.faq-item.is-open{background:color-mix(in srgb, var(--color-surface) 96%, var(--color-primary) 4%);box-shadow:var(--shadow-medium)}.faq-item-heading{margin:0}.faq-question{width:100%;color:var(--color-foreground);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.faq-question:is(:hover,:focus-visible){background:color-mix(in srgb, var(--color-primary) 5%, transparent)}.faq-question:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:-3px}.faq-question-content{align-items:center;gap:.875rem;min-width:0;display:flex}.faq-question-number{border:1px solid var(--color-border-light);border-radius:var(--radius-full);width:2rem;height:2rem;color:var(--color-soft);flex:0 0 2rem;justify-content:center;align-items:center;font-size:.6875rem;font-weight:800;line-height:1;display:inline-flex}.faq-item.is-open .faq-question-number{border-color:color-mix(in srgb, var(--color-primary) 48%, var(--color-border));color:var(--color-primary-light)}.faq-question-text{color:var(--color-foreground);font-family:var(--font-heading);font-size:1rem;font-weight:700;line-height:1.5}.faq-question-toggle{border:1px solid var(--color-border-light);border-radius:var(--radius-full);background:var(--color-background-soft);width:2.25rem;height:2.25rem;color:var(--color-muted);transition:border-color var(--transition-fast) var(--transition-ease), background-color var(--transition-fast) var(--transition-ease), color var(--transition-fast) var(--transition-ease), transform var(--transition-fast) var(--transition-ease);flex:0 0 2.25rem;justify-content:center;align-items:center;display:inline-flex}.faq-item.is-open .faq-question-toggle{border-color:color-mix(in srgb, var(--color-primary) 45%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 10%, var(--color-background-soft));color:var(--color-primary-light);transform:rotate(180deg)}.faq-question-icon{width:1rem;height:1rem}.faq-answer-wrapper{border-top:1px solid var(--color-border)}.faq-answer{padding:1.25rem 1.25rem 1.25rem 4.125rem}.faq-answer-text{color:var(--color-muted);margin:0;font-size:.9375rem;line-height:1.8}@media (width>=640px){.faq-question{padding:1.5rem}.faq-question-text{font-size:1.0625rem}.faq-answer{padding:1.5rem 1.5rem 1.5rem 4.625rem}}@media (width<=479px){.faq-question-number{display:none}.faq-answer{padding-left:1.25rem}}@media (prefers-reduced-motion:reduce){.faq-question-toggle,.faq-answer-wrapper{transition:none!important}.faq-item.is-open .faq-question-toggle{transform:none}}}