/* FAQ Page Styles — TopGamesPoland (builds on base.css) */

.faq-hero { padding: var(--space-12) 0 var(--space-8); background: linear-gradient(180deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%); }
.faq-hero__inner { display: grid; grid-template-columns: 1.3fr 0.7fr; gap: var(--space-8); align-items: center; }
@media (max-width: 900px) { .faq-hero__inner { grid-template-columns: 1fr; } }
.faq-hero__text p { color: var(--color-text-secondary); }
.faq-cta { margin-top: var(--space-4); display: flex; gap: var(--space-4); flex-wrap: wrap; }
.faq-quicklinks { display: grid; gap: var(--space-3); }
.faq-quicklinks a { font-weight: var(--font-weight-semibold); }

.faq-search { padding: var(--space-6) 0 var(--space-4); }
.faq-search__meta { margin-top: var(--space-2); color: var(--color-text-light); }

.faq-list { padding: var(--space-8) 0 var(--space-12); }
.faq-item details { width: 100%; }
.faq-q { font-size: var(--font-size-xl); font-weight: var(--font-weight-semibold); cursor: pointer; list-style: none; }
.faq-item summary { outline: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary { position: relative; padding-right: 2rem; }
.faq-item summary::after { content: '\25BC'; position: absolute; right: 0.25rem; top: 0.25rem; font-size: 0.9rem; color: var(--color-primary); transition: transform var(--transition-fast); }
.faq-item details[open] summary::after { transform: rotate(180deg); }

.faq-a { margin-top: var(--space-4); color: var(--color-text-secondary); }
.faq-figure { margin-bottom: var(--space-4); overflow: hidden; border-radius: var(--radius-lg); box-shadow: var(--shadow-base); }
.faq-figure img { display: block; width: 100%; height: auto; }

.faq-bottom-cta { margin-top: var(--space-12); }