/* hrai — الأسئلة والأجوبة (hrai-accordion.js) */
details.qa > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; }
details.qa > summary::-webkit-details-marker { display: none; }
details.qa > summary::after { content: none !important; display: none !important; }
details.qa > summary:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; border-radius: 6px; }
.qa-q { min-width: 0; }
.qa-icon { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--k-8a8a8a); transition: transform .38s var(--qa-snappy, cubic-bezier(.3, 1.3, .5, 1)), color .2s, background .2s; }
.qa-open > summary .qa-icon { transform: rotate(180deg); color: var(--k-111111); background: rgba(0, 0, 0, .05); }
details.qa > summary:hover .qa-icon { color: var(--k-111111); }
.qa-panel { overflow: hidden; }
.qa-inner { will-change: transform; }

/* صفحات المزايا: حجم «lg» — السؤال أكبر والجواب بحجم النص */
.fi-faq details.qa > summary { font-size: 17.5px; padding: 22px 0; }
.fi-faq details.qa .qa-inner > div { font-size: 15px; padding: 0 0 24px; padding-inline-end: 44px; }
@media (max-width: 520px) { .fi-faq details.qa > summary { font-size: 16px; padding: 18px 0; } .fi-faq details.qa .qa-inner > div { font-size: 14.5px; padding-inline-end: 0; } }

/* الحاسبات */
.seo-howto details.qa .qa-inner > p { margin: 0; padding-top: 10px; }

/* الرئيسية */
.faq-list.qa-ready .faq-item .faq-answer, .faq-list.qa-ready .faq-item.active .faq-answer { max-height: none; padding: 0; transition: none; }
.faq-list.qa-ready .faq-item:not(.active) .faq-answer { display: none; }
.faq-list.qa-ready .faq-answer .qa-inner { padding: 0 20px 16px; }
.faq-list.qa-ready .faq-arrow { transition: transform .38s var(--qa-snappy, cubic-bezier(.3, 1.3, .5, 1)); }
.faq-list.qa-ready .faq-question:focus-visible { outline: 2px solid var(--k-111111); outline-offset: -2px; border-radius: 12px; }

@media (prefers-reduced-motion: reduce) { .qa-icon, .faq-list.qa-ready .faq-arrow { transition: none; } }
.fi-faq details.qa .qa-inner > div { line-height: 2; color: var(--fi-ink2, var(--k-3d3d3d)); max-width: 46em; }
.fi-faq details.qa > .qa-panel { padding: 0; max-width: none; font-size: inherit; }