/* Shared homepage layout. Keep FAQ introduction in flow while scrolling. */
/* Match the Arabic selector specificity so the legacy 12-column grid cannot win. */
html[lang="ar"] body[data-ar-home] main #faq.home-faq{display:grid;grid-template-columns:minmax(0,310px) minmax(0,1fr);grid-template-areas:"intro questions";gap:32px 60px;align-items:start}
html[lang="ar"] body[data-ar-home] main #faq.home-faq>.home-faq-sidebar{display:block;position:static;inset:auto;grid-area:intro;min-inline-size:0;width:100%;margin:0}
html[lang="ar"] body[data-ar-home] main #faq.home-faq>.home-faq-main{display:block;position:static;grid-area:questions;min-inline-size:0;width:100%;margin:0}
html[lang="ar"] body[data-ar-home] main #faq .home-faq-questions{display:flex;flex-direction:column;gap:12px;width:100%;min-inline-size:0}
html body main #faq.home-faq{display:grid;grid-template-columns:minmax(0,310px) minmax(0,1fr);grid-template-areas:none;gap:24px 60px;align-items:start}
html body main #faq.home-faq>.home-faq-sidebar{display:block;position:static;inset:auto;transform:none;grid-area:auto;grid-column:1;grid-row:1;min-width:0;width:auto;max-width:100%;align-self:start}
html body main #faq.home-faq>.home-faq-questions,
html body main #faq.home-faq>.home-faq-main{position:static;grid-area:auto;grid-column:2;grid-row:1;min-width:0;width:auto;max-width:100%}
html body main #faq.home-faq>#faq-empty{grid-column:2;grid-row:2}
html body main #faq .home-faq-search .sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
/* One heading structure and scale, retaining each language's natural metrics. */
html body main .hero .hero-copy{max-width:1060px;margin-inline:auto;text-align:center}
html body main .hero .hero-copy>h1{max-width:1060px;margin-inline:auto;text-align:center;font-size:clamp(37px,4.2vw,65px);font-weight:800;line-height:1.13!important;text-wrap:balance}
html[lang="ar"] body main .hero .hero-copy>h1{line-height:1.3!important;letter-spacing:0!important}
html body main .hero .hero-copy>h1 em{font:inherit;font-style:normal;color:#048eaf}
html body main .hero .hero-copy>.lead{max-width:780px;margin-inline:auto;text-align:center;font-size:17px;line-height:1.8}
html body main .hero .hero-actions{justify-content:center;flex-wrap:wrap}
@media(min-width:701px){html body main .hero .hero-copy>h1 br{display:block}}
@media(max-width:900px){html body main #faq.home-faq{grid-template-columns:minmax(0,240px) minmax(0,1fr);column-gap:32px}}
@media(max-width:900px){html[lang="ar"] body[data-ar-home] main #faq.home-faq{grid-template-columns:minmax(0,240px) minmax(0,1fr);column-gap:32px}}
@media(max-width:760px){
 html[lang="ar"] body[data-ar-home] main #faq.home-faq{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "questions";gap:26px}
 html[lang="ar"] body[data-ar-home] main #faq .home-faq-intro,
 html[lang="ar"] body[data-ar-home] main #faq .home-faq-contact{grid-area:auto}
}
@media(max-width:700px){
 html body main #faq.home-faq{display:flex;flex-direction:column;gap:26px}
 html body main #faq.home-faq>.home-faq-sidebar,
 html body main #faq.home-faq>.home-faq-questions,
 html body main #faq.home-faq>.home-faq-main{display:block;width:100%;margin:0}
 html body main #faq.home-faq>.home-faq-questions{display:flex}
 html body main .hero .hero-copy>h1{font-size:clamp(32px,7.8vw,48px)}
 html body main .hero .hero-copy>h1 br{display:none}
 html body main .hero .hero-copy>.lead{font-size:16px}
}