.faq-section{--faq-ink:#e3eef9;--faq-muted:#adbed3;--faq-card:rgba(30,49,73,.64);position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:clamp(28px,5vw,76px);padding:64px 0 24px;border:0;margin-top:64px;color:var(--faq-ink)}
html[data-theme=light] .faq-section{--faq-ink:#203c60;--faq-muted:#4b6380;--faq-card:rgba(255,255,255,.64)}
.faq-section:before{content:'';position:absolute;z-index:-1;inset:0 -3%;pointer-events:none;background:radial-gradient(ellipse at 15% 30%,#3a73b81a,transparent 60%)}
.faq-heading{display:block;align-self:start;position:sticky;top:140px;margin:0;padding-top:18px}
.faq-heading:before{content:'?';display:grid;place-items:center;width:70px;height:70px;border-radius:23px;background:linear-gradient(145deg,#558cca,#234a7d);box-shadow:0 12px 35px #34699d25,inset 0 1px 1px #ffffff70;color:#fff;font:italic 48px/1 Georgia,serif;transform:rotate(-9deg);margin-bottom:30px}
html[lang=ar] .faq-heading:before{content:'؟'}
.faq-heading .eyebrow{color:var(--faq-muted);margin-bottom:12px}
.faq-heading h3,html[lang=ar] .faq-heading h3{color:var(--faq-ink);font-size:clamp(34px,4vw,52px);line-height:1.25;margin-bottom:18px;font-family:ThmanyahDisplay,Instrument,Georgia,serif}
.faq-heading p:last-child{color:var(--faq-muted);font-size:16px;line-height:1.8;max-width:28ch}
.faq-list{display:flex;flex-direction:column;gap:12px;counter-reset:question}
.faq-list details{counter-increment:question;position:relative;border:1px solid #7798bf36;border-radius:22px;background:var(--faq-card);box-shadow:0 5px 18px #12305205;transition:border-color .25s,box-shadow .25s,background .25s}
.faq-list details[open]{background:var(--faq-card);border-color:#638fc5;box-shadow:0 10px 26px #19487312}
.faq-list summary,html[lang=ar] .faq-list summary{display:flex;align-items:center;gap:16px;min-height:82px;padding:20px 24px;padding-inline-end:64px;color:var(--faq-ink);font-size:17px;line-height:1.6;font-weight:500}
.faq-list summary:before{content:counter(question,decimal-leading-zero);font:500 12px/1 DM,Arial,sans-serif;letter-spacing:.06em;color:#7394bd;flex-shrink:0}
.faq-list summary:after{content:'+';display:grid;place-items:center;inset-inline-end:20px;top:calc(50% - 15px);width:30px;height:30px;border-radius:50%;background:#6891c31a;color:var(--faq-ink);font:300 23px/1 Arial;transition:transform .25s,background .25s}
.faq-list details[open] summary:after{content:'+';transform:rotate(45deg);background:#6891c32d;top:26px}
.faq-list summary:focus-visible{outline:2px solid #528fd4;outline-offset:-5px;border-radius:22px}
.faq-list details p{padding:0 24px 24px;padding-inline-start:56px;margin:0;color:var(--faq-muted);font-size:15px;line-height:1.95;max-width:65ch}
.faq-list details[open] p{animation:faq-answer-in .25s ease-out}
@keyframes faq-answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.faq-list details:hover{border-color:#638fc5}}
@media(max-width:760px){.faq-section{grid-template-columns:1fr;gap:22px;margin-top:38px;padding-top:24px}.faq-heading{position:static;padding:0}.faq-heading:before{width:48px;height:48px;border-radius:16px;font-size:34px;margin-bottom:20px}.faq-heading h3,html[lang=ar] .faq-heading h3{font-size:34px;margin-bottom:8px}.faq-heading p:last-child{max-width:none;font-size:14px}.faq-list summary,html[lang=ar] .faq-list summary{font-size:15px;min-height:74px;padding:17px 16px;padding-inline-end:56px;gap:10px}.faq-list details p{padding:0 16px 20px;padding-inline-start:43px;font-size:14px}.faq-list details[open] summary:after{top:22px}}
@media(prefers-reduced-motion:reduce){.faq-list details,.faq-list summary:after{transition:none}.faq-list details[open] p{animation:none}}
.faq-section{scroll-margin-top:150px}
.edition-schedule{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px;color:var(--page-ink);font-size:14px;direction:rtl}
.edition-schedule span{padding:8px 12px;border:1px solid color-mix(in srgb,var(--page-ink) 14%,transparent);border-radius:999px;background:color-mix(in srgb,var(--page-surface) 72%,transparent)}
html[lang=en] .edition-schedule{direction:ltr}
@media(max-width:760px){.edition-schedule{font-size:12px;gap:6px}.edition-schedule span{padding:7px 10px}}
@media(max-width:900px){.site-header nav,html[lang=ar] .site-header nav,html[lang=en] .site-header nav{display:flex;justify-content:flex-start;gap:4px;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:5px 0}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{flex:0 0 auto;margin:0;padding:10px 12px;font-size:13px;line-height:1.4;min-height:40px;border-radius:12px}.site-header nav a:hover,.site-header nav a:focus-visible{background:#6d92be1a}.site-header nav a:after{inset-inline:12px}.faq-section{scroll-margin-top:165px}}
@media(max-width:480px){.site-header nav a{padding-inline:7px;font-size:12px}}
