/* AmirKal presentation overrides. Quiz timing, grading and payment stay in the original engines. */
@font-face{font-family:AmirHeebo;src:url('../fonts/Fonts-Heebo-Regular.ttf') format('truetype');font-display:swap}
:root{--amir-purple:#835cda;--amir-teal:#139fba;--amir-paper:#fff;--amir-line:#dbe6f2;--amir-text:#1d3852}
[data-theme=dark]{--amir-paper:#152638;--amir-line:#31495d;--amir-text:#e9f4ff}
body{font-family:Heebo,Tajawal,AmirHeebo,Arial,sans-serif!important;background-image:none!important;color:var(--amir-text)}
button,input,select,textarea{font-family:inherit}
[lang=ar],.portal-richtext{font-family:Tajawal,Heebo,Arial,sans-serif}
form{margin:0}
.amir-alert{direction:rtl;border:1px solid var(--amir-line);border-radius:24px;padding:30px;width:min(480px,calc(100vw - 32px));max-height:85dvh;overflow:auto;box-sizing:border-box;background:var(--amir-paper);color:var(--amir-text);box-shadow:0 30px 90px #12365333;font:400 17px/1.85 Heebo,Tajawal,Arial,sans-serif}
.amir-alert::backdrop{background:#102b4b66;backdrop-filter:blur(5px)}.amir-alert h2{font-size:23px;line-height:1.5;margin:14px 0}.amir-alert h2 small{display:block;font:500 20px/1.7 Tajawal,Arial,sans-serif}.amir-alert p{white-space:pre-line;overflow-wrap:anywhere}.amir-alert-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#7554c6;background:#eee8fc;font-size:24px}.amir-alert button{font:600 16px Heebo,Tajawal,Arial,sans-serif;border:0;border-radius:12px;background:#1485ad;color:white;padding:13px 25px;cursor:pointer}.amir-alert button:focus-visible{outline:3px solid #8c6bd5;outline-offset:3px}
.colorful-home>form>header,.colorful-home>form>footer{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.home-logout{width:22px;height:22px;object-fit:contain;margin-inline:8px}
.logo img{width:70%!important;height:70%!important;left:15%!important;top:15%!important;object-fit:contain!important}
.study-list .amir-stage-path{display:flex;flex-direction:column;position:relative;max-width:820px;margin:30px auto;gap:28px;padding:10px 0 35px}
.study-list .amir-stage-path:before{content:'';position:absolute;inset:10px auto 25px 50%;width:3px;border-radius:3px;background:repeating-linear-gradient(to bottom,#b6d4e8 0 9px,transparent 9px 17px);pointer-events:none}
.study-list .amir-stage-path .study-quiz-card{position:relative;width:calc(50% - 28px);margin-left:auto;overflow:visible;padding:24px;border-radius:22px}
.study-list .amir-stage-path .study-quiz-card:nth-child(even){margin-right:auto;margin-left:0}
.study-list .amir-stage-path .study-card-index{position:absolute;left:-52px;top:27px;display:grid;place-items:center;width:46px;height:46px;border:5px solid var(--modern-bg);border-radius:50%;background:#e5ecff;color:#5167ab;z-index:1;font-size:17px;font-weight:700;box-shadow:none}
.study-list .amir-stage-path .study-quiz-card:nth-child(even) .study-card-index{left:auto;right:-52px}
.study-list .amir-stage-path .study-quiz-card[data-completed=true] .study-card-index{background:#dcf5eb;color:#128760}
@media(max-width:650px){.study-list .amir-stage-path{padding-inline-end:40px;gap:20px}.study-list .amir-stage-path:before{left:20px}.study-list .amir-stage-path .study-quiz-card,.study-list .amir-stage-path .study-quiz-card:nth-child(even){width:100%;margin:0}.study-list .amir-stage-path .study-card-index,.study-list .amir-stage-path .study-quiz-card:nth-child(even) .study-card-index{right:auto;left:-43px;width:42px;height:42px}}
.logo-medallion{display:grid;place-items:center}
.logo-medallion img{width:68%;height:68%;object-fit:contain}
.brand img,.auth-brand img,.study-brand img,.portal-brand img{object-fit:contain}
.colorful-home .logo{background:radial-gradient(circle at 35% 28%,#fff 0,#edf8ff 65%,#e8e8ff 100%)}
[data-theme=dark] .colorful-home .logo{background:radial-gradient(circle at 35% 28%,#304664,#14253d 72%)}
.colorful-home .learning-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.colorful-home .learning-grid>a{min-height:144px;justify-content:center}
.colorful-home .hero-chips{position:relative;z-index:1}
.modern-study #InnerDivQ{height:auto!important;overflow:visible!important;min-height:280px}
.modern-study .study-question-text,.modern-study .answers,.modern-study .answers a{direction:ltr!important;text-align:left!important;font-family:Heebo,Arial,sans-serif!important;line-height:1.7}
.modern-study .study-question-text{font-size:clamp(18px,2vw,23px)}
.modern-study .answers a{padding:16px 20px!important;border-radius:15px!important}
.modern-study #contentHavanaText .reading-passage,.modern-study #contentHavanaText .reading-passage *{direction:ltr!important;text-align:left!important;font-family:Heebo,Arial,sans-serif!important;font-size:var(--reading-size,20px)!important;line-height:1.9!important;color:var(--reading-text)!important;background:transparent!important}
.modern-study #contentHavanaText .reading-sheet{direction:ltr;text-align:left}
.modern-study #quiz-response{font-family:Heebo,Tajawal,Arial,sans-serif!important}
.modern-study #ChooseTimeDiv{max-width:650px;margin:16px auto;padding:22px;background:var(--amir-paper);border:1px solid var(--amir-line);border-radius:22px;line-height:1.8}
.modern-study #ChooseTimeDiv input{border:1px solid var(--amir-line)!important;border-radius:12px!important;background:var(--amir-paper)!important;color:var(--amir-text)!important;padding:12px 20px!important;margin:5px;cursor:pointer}
.modern-study #ChooseTimeDiv input.is-selected{background:#ecf4ff!important;color:#4c40a8!important;border-color:#9d85dd!important;box-shadow:0 0 0 3px #9d85dd22}
.modern-study .study-watermark{font:500 12px/1.5 Tajawal,Heebo,Arial,sans-serif!important;opacity:.55}
.modern-study #contentHavanaText .reading-footer{line-height:1.7}
.modern-study .quiz-finish-details{min-width:0}
.modern-study [id$=UserNameLabel]{color:inherit!important}
.admin-page #InnerDivQ input,.admin-page #InnerDivQ textarea,.admin-page #InnerDivQ select{max-width:100%;box-sizing:border-box}
.admin-page .admin-main{min-width:0}.admin-page .admin-table-scroll{max-width:100%}
.portal-richtext{font-size:19px;line-height:1.95}.portal-richtext h2{font-size:24px;line-height:1.6;color:var(--amir-text)}
.portal-richtext img{max-width:100%}
.amir-legacy-page>form{max-width:1100px;margin:0 auto;padding:24px 24px 110px;line-height:1.8}
.amir-legacy-page>form>.portal-header{padding-inline:0}
.amir-legacy-page .amir-legacy-content{background:var(--amir-paper);border:1px solid var(--amir-line);border-radius:24px;padding:clamp(18px,4vw,40px);box-shadow:0 18px 50px #173c6010;overflow-wrap:anywhere}
.amir-legacy-page .amir-legacy-content>div{max-width:100%;box-sizing:border-box}
.amir-legacy-page a{color:#167cac}.amir-legacy-page table{max-width:100%}
.amir-legacy-page [id$=ExamDatelbl]{font:700 23px/1.5 Tajawal,Heebo,Arial,sans-serif!important;color:#219cac!important;text-shadow:none!important}
.amir-legacy-page .news-item{border:1px solid var(--amir-line);border-radius:16px;background:var(--amir-paper);padding:20px;margin-block:12px;font:500 18px/1.8 Tajawal,Heebo,Arial,sans-serif}
.amir-legacy-page .amir-page-title{font-size:clamp(26px,4vw,38px);margin:12px 0 25px;line-height:1.4}
.amir-legacy-page iframe,.amir-legacy-page embed{max-width:100%}
/* Remove the opaque square around the existing accessibility launcher. */
.open-accessibility-container,.open-accessibility-collapsed,.open-accessibility-collapsed-menu{background:transparent!important;box-shadow:none!important}
@media(max-width:760px){.colorful-home .learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.colorful-home>form>header,.colorful-home>form>footer{width:calc(100% - 28px)}.amir-legacy-page>form{padding:16px 14px 100px}.modern-study .reading-header{flex-wrap:wrap}.modern-study #ChooseTimeDiv{padding:14px}}
@media(max-width:400px){.colorful-home .learning-grid{grid-template-columns:1fr}.header-actions{flex-wrap:wrap}.modern-study .study-account{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}
@media print{#modern-tools,.social-dock,.admin-sidebar,.admin-header,.amir-legacy-page .portal-header{display:none!important}.amir-legacy-page>form{padding:0}.amir-legacy-content{border:0!important;box-shadow:none!important}}

/* Illuminated logo artwork: center the mark and retain its transparent glow. */
.colorful-home .logo img{width:80%!important;height:80%!important;left:10%!important;top:10%!important;object-fit:contain!important;filter:none}
.logo-medallion img{width:80%;height:80%;object-fit:contain;transform:none}
.brand img,.auth-brand img,.study-brand img,.portal-brand img,.admin-brand img{object-fit:contain;image-rendering:auto}