/* FAQ — reuses etiquette-page architecture */
.faq-page { min-height: 100vh; display: block; background: var(--bg-ink, #140d08); }
.faq-main { max-width: 980px; margin: 0 auto; padding: 140px 28px 80px; }
.faq-hero { text-align: center; margin-bottom: 48px; }
.faq-hero h1 { margin: 12px 0; color: var(--parchment, #e8d5a4); font: 700 clamp(2.7rem, 5vw, 4.2rem) var(--font-arabic); line-height: 1.1; min-height: 2.2em; display: flex; align-items: center; justify-content: center; }
.faq-hero p { max-width: 680px; margin: auto; color: #c8b189; font-size: 1.15rem; line-height: 1.8; }
.faq-kicker { color: var(--gold, #c9a24b); font-size: .85rem; letter-spacing: 2px; }
.faq-content { background: rgba(36, 24, 9, .7); border: 1px solid var(--border-color); border-radius: 18px; padding: clamp(22px, 5vw, 54px); }
.faq-accordion details { border-bottom: 1px solid var(--border-color); }
.faq-accordion summary { display: flex; align-items: center; gap: 16px; cursor: pointer; list-style: none; padding: 22px 4px; color: var(--parchment, #e8d5a4); font: 700 1.35rem var(--font-arabic); }
.faq-accordion summary::-webkit-details-marker { display: none; }
.faq-accordion summary i { margin-inline-start: auto; color: var(--gold, #c9a24b); transition: transform .25s; }
.faq-accordion details[open] summary i { transform: rotate(180deg); }
.faq-section-number { direction: ltr; color: var(--gold, #c9a24b); font: 600 .8rem var(--font-sans); letter-spacing: 1px; }
.faq-panel { padding: 0 4px 12px; }
.faq-item { border-bottom: 1px solid rgba(201,162,75,.08); padding: 18px 0; }
.faq-item:last-child { border-bottom: none; }
.faq-item h3 { margin: 0 0 8px; color: var(--parchment, #e8d5a4); font: 600 1.05rem/1.6 var(--font-arabic); }
.faq-item p { margin: 0; color: #d7c59f; font: 1rem/1.9 var(--font-arabic); }
.faq-item a { color: var(--gold, #c9a24b); text-decoration: underline; text-underline-offset: 3px; }
.faq-item a:hover { color: var(--parchment, #e8d5a4); }
.faq-rendered-en .faq-item h3,
.faq-rendered-en .faq-item p { text-align: left; }
.faq-rendered-en .faq-panel { text-align: left; }
@media (max-width: 720px) { .faq-main { padding: 110px 16px 50px; } .faq-content { padding: 20px 16px; } .faq-accordion summary { font-size: 1.1rem; gap: 10px; } .faq-item h3 { font-size: .98rem; } .faq-item p { font-size: .95rem; } }