/* ALSHOHAB-EG reusable editorial design system. Every generated article must load this file. */
.al-article-page{direction:rtl;text-align:right;overflow:clip}
main .al-article-hero{width:min(100%,1040px)!important;max-width:1040px!important;margin-inline:auto;padding:12px;border:1px solid rgba(133,182,255,.2);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(34,126,255,.035));box-shadow:0 30px 90px rgba(0,0,0,.25)}
.al-article-hero-media{margin:0;overflow:hidden;border-radius:22px;background:#080b12}
.al-article-hero-media picture{display:block;line-height:0}.al-article-hero-media img{display:block;width:100%;max-width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}
.al-article-hero-copy{max-width:900px;margin-inline:auto;padding:28px 22px 32px;text-align:center}
.al-article-hero-copy h1{margin:16px auto 0;font-size:clamp(2rem,4.2vw,3.6rem)!important;line-height:1.25!important;text-wrap:balance;overflow-wrap:anywhere}
.al-article-meta{display:grid;gap:10px;justify-items:center;color:rgba(255,255,255,.58);font-size:.9rem}.al-article-meta p{margin:0}.al-article-meta p:last-child{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.al-article-meta span{display:inline-flex;padding:6px 12px;border:1px solid rgba(133,182,255,.16);border-radius:999px;background:rgba(255,255,255,.04)}
.al-article-shell{width:min(100% - 32px,880px);margin:48px auto 80px;direction:rtl;text-align:right;font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif;font-size:18px;line-height:1.95;color:rgba(255,255,255,.82)}
.al-article-shell>p{margin:0 0 1.35em}.al-article-shell>h2{margin:2.6em 0 .8em;padding-top:.15em;font-size:clamp(1.55rem,3vw,2.15rem)!important;line-height:1.45!important;color:#fff}.al-article-shell>h2:after{content:"";display:block;width:64px;height:3px;margin-top:14px;border-radius:4px;background:linear-gradient(90deg,#227eff,#4dd6ff)}
.al-article-shell>h3{margin:2em 0 .65em;font-size:clamp(1.15rem,2vw,1.4rem)!important;line-height:1.55!important;color:#f7fbff}
.al-article-section{margin:0;padding:0}.al-article-section>h2{margin:2.6em 0 .8em;padding-top:.15em;font-size:clamp(1.55rem,3vw,2.15rem)!important;line-height:1.45!important;color:#fff}.al-article-section>h2:after{content:"";display:block;width:64px;height:3px;margin-top:14px;border-radius:4px;background:linear-gradient(90deg,#227eff,#4dd6ff)}.al-article-section>h3{margin:2em 0 .65em;font-size:clamp(1.15rem,2vw,1.4rem)!important;line-height:1.55!important;color:#f7fbff}.al-article-section>p{margin:0 0 1.35em}
.al-article-shell a{color:#85b6ff;text-decoration:underline;text-decoration-color:rgba(133,182,255,.45);text-underline-offset:4px}.al-article-shell a:hover{color:#b7d2ff}
.al-article-shell bdi{direction:ltr;unicode-bidi:isolate;display:inline-block;text-align:left;font-variant-numeric:tabular-nums}
.al-article-intro{font-size:1.08em;color:rgba(255,255,255,.9)}
.al-article-summary,.al-article-callout{margin:30px 0;padding:24px 26px;border:1px solid rgba(77,214,255,.25);border-radius:20px;background:linear-gradient(135deg,rgba(34,126,255,.12),rgba(77,214,255,.05));box-shadow:inset 0 1px rgba(255,255,255,.05)}
.al-article-summary strong,.al-article-callout strong{display:block;margin-bottom:8px;color:#fff;font-size:1.05em}.al-article-kicker{margin:2em 0 .65em!important;color:#dce9ff!important;font-size:1.12em;font-weight:700}.al-article-kicker:before{content:"";display:inline-block;width:8px;height:8px;margin-inline-end:10px;border-radius:50%;background:#4dd6ff;box-shadow:0 0 0 5px rgba(77,214,255,.1)}
.al-article-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 32px}.al-article-card{min-width:0;padding:22px 20px;border:1px solid rgba(133,182,255,.17);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(34,126,255,.025))}.al-article-card p{margin:0}.al-article-card p+p{margin-top:8px}.al-card-label{color:#fff;font-weight:700;line-height:1.45}
.al-article-shell .space-y-6>div{padding:22px 24px;border:1px solid rgba(133,182,255,.17);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(34,126,255,.025))}.al-article-shell .space-y-6>div+div{margin-top:16px}.al-article-shell .space-y-6>div>h3{margin-top:0!important}.al-article-shell [role="heading"]{color:#fff;font-weight:600;line-height:1.45}
.al-article-shell ul,.al-article-shell ol{margin:20px 0 28px;padding:22px 46px 22px 24px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.035)}.al-article-shell li{margin:.55em 0;padding-inline-start:.35em}.al-article-shell li::marker{color:#4dd6ff;font-weight:700}
.al-table-wrap{width:100%;margin:26px 0 32px;overflow-x:auto;border:1px solid rgba(133,182,255,.2);border-radius:18px;background:#0b101a;-webkit-overflow-scrolling:touch}.al-table-wrap table{width:100%;min-width:680px;border-collapse:collapse;text-align:right}.al-table-wrap th,.al-table-wrap td{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.09);vertical-align:top}.al-table-wrap th{color:#fff;background:rgba(34,126,255,.16);font-size:.95em}.al-table-wrap tr:last-child td{border-bottom:0}.al-table-wrap tbody tr:hover{background:rgba(255,255,255,.025)}
.al-article-faq,.al-article-related,.al-article-cta{width:min(100% - 32px,1080px);margin-inline:auto}.al-article-faq .al-card{border-color:rgba(133,182,255,.18);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(34,126,255,.035));box-shadow:0 14px 40px rgba(0,0,0,.16)}.al-article-cta{margin-bottom:88px;padding:clamp(26px,5vw,52px);border:1px solid rgba(77,214,255,.25);border-radius:28px;text-align:center;background:radial-gradient(circle at top,rgba(34,126,255,.22),rgba(255,255,255,.035) 62%)}
.al-article-author{width:min(100% - 32px,880px);margin:0 auto 80px;padding:24px 26px;border:1px solid rgba(133,182,255,.17);border-radius:20px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.72)}.al-article-author p{margin:0}.al-article-author p+p{margin-top:8px}.al-article-author a{color:#85b6ff;text-underline-offset:4px}.al-faq-question{margin:0 0 10px;color:#fff;font-size:1.05rem;font-weight:700;line-height:1.55}.al-article-faq .al-card p:last-child{margin:0;color:rgba(255,255,255,.7);line-height:1.8}.al-related-card{min-width:0;overflow:hidden;border:1px solid rgba(133,182,255,.17);border-radius:20px;background:rgba(255,255,255,.035)}.al-related-card a{display:block;height:100%;padding:12px;color:inherit}.al-related-card img{display:block;width:100%;height:220px;border-radius:14px;object-fit:cover}.al-related-card p{margin:12px 6px 0;color:rgba(255,255,255,.62);line-height:1.7}.al-related-card .al-related-title{color:#fff;font-size:1.08rem;font-weight:700;line-height:1.5}.al-cta-title{margin:0;color:#fff;font-size:clamp(1.55rem,3vw,2.25rem);font-weight:700;line-height:1.45}.al-article-cta>p:not(.al-cta-title){max-width:720px;margin:14px auto 24px;color:rgba(255,255,255,.7);line-height:1.8}.al-cta-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:14px 24px;border:1px solid rgba(34,126,255,.5);border-radius:14px;color:#fff;background:linear-gradient(135deg,#227eff,#1452b8);box-shadow:0 14px 36px rgba(34,126,255,.22)}
@media(max-width:767px){.al-article-page{overflow:clip}.al-article-hero{width:calc(100% - 24px);padding:8px;border-radius:22px}.al-article-hero-media{border-radius:16px}.al-article-hero-copy{padding:22px 10px 24px}.al-article-hero-copy h1{font-size:clamp(1.72rem,8vw,2.25rem)!important;line-height:1.35!important}.al-article-shell{width:calc(100% - 32px);margin-top:34px;font-size:16.5px;line-height:1.9}.al-article-shell>h2{margin-top:2.25em}.al-article-summary,.al-article-callout{padding:20px 18px;border-radius:16px}.al-article-shell ul,.al-article-shell ol{padding:18px 38px 18px 16px}.al-table-wrap{margin-inline:0;border-radius:14px}.al-table-wrap table{min-width:620px}.al-table-wrap th,.al-table-wrap td{padding:13px 14px;white-space:normal}.al-article-faq,.al-article-related,.al-article-cta{width:calc(100% - 24px)}}
@media(max-width:767px){.al-article-section>h2{margin-top:2.25em}.al-article-card-grid{grid-template-columns:1fr}.al-related-card img{height:auto;aspect-ratio:16/10}.al-article-author{padding:20px 18px}.al-article-cta{padding:28px 20px}}
@media(max-width:767px){main .al-article-hero{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}}
@media(prefers-reduced-motion:reduce){.al-table-wrap{scroll-behavior:auto}}