/* MemadKal presentation overrides. Quiz timing, grading and payment stay in the original engines. */
@font-face{font-family:MemadHeebo;src:url('../fonts/fonts-Heebo-Regular.ttf') format('truetype');font-display:swap}
:root{--memad-purple:#835cda;--memad-teal:#139fba;--memad-paper:#fff;--memad-line:#dbe6f2;--memad-text:#1d3852}
[data-theme=dark]{--memad-paper:#152638;--memad-line:#31495d;--memad-text:#e9f4ff}
body{font-family:Heebo,Tajawal,MemadHeebo,Arial,sans-serif!important;background-image:none!important;color:var(--memad-text)}
button,input,select,textarea{font-family:inherit}
[lang=ar],.portal-richtext{font-family:Tajawal,Heebo,Arial,sans-serif}
form{margin:0}
.memad-alert{direction:rtl;border:1px solid var(--memad-line);border-radius:24px;padding:30px;width:min(480px,calc(100vw - 32px));max-height:85dvh;overflow:auto;box-sizing:border-box;background:var(--memad-paper);color:var(--memad-text);box-shadow:0 30px 90px #12365333;font:400 17px/1.85 Heebo,Tajawal,Arial,sans-serif}
.memad-alert::backdrop{background:#102b4b66;backdrop-filter:blur(5px)}.memad-alert h2{font-size:23px;line-height:1.5;margin:14px 0}.memad-alert h2 small{display:block;font:500 20px/1.7 Tajawal,Arial,sans-serif}.memad-alert p{white-space:pre-line;overflow-wrap:anywhere}.memad-alert-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#7554c6;background:#eee8fc;font-size:24px}.memad-alert button{font:600 16px Heebo,Tajawal,Arial,sans-serif;border:0;border-radius:12px;background:#1485ad;color:white;padding:13px 25px;cursor:pointer}.memad-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 .memad-stage-path{display:flex;flex-direction:column;position:relative;max-width:820px;margin:30px auto;gap:28px;padding:10px 0 35px}
.study-list .memad-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 .memad-stage-path .study-quiz-card{position:relative;width:calc(50% - 28px);margin-left:auto;overflow:visible;padding:24px;border-radius:22px}
.study-list .memad-stage-path .study-quiz-card:nth-child(even){margin-right:auto;margin-left:0}
.study-list .memad-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 .memad-stage-path .study-quiz-card:nth-child(even) .study-card-index{left:auto;right:-52px}
.study-list .memad-stage-path .study-quiz-card[data-completed=true] .study-card-index{background:#dcf5eb;color:#128760}
@media(max-width:650px){.study-list .memad-stage-path{padding-inline-end:40px;gap:20px}.study-list .memad-stage-path:before{left:20px}.study-list .memad-stage-path .study-quiz-card,.study-list .memad-stage-path .study-quiz-card:nth-child(even){width:100%;margin:0}.study-list .memad-stage-path .study-card-index,.study-list .memad-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[data-quiz-language=en] .study-question-text,.modern-study[data-quiz-language=en] .answers,.modern-study[data-quiz-language=en] .answers a{direction:ltr!important;text-align:left!important;font-family:Heebo,Arial,sans-serif!important;line-height:1.7}
.modern-study[data-quiz-language=en] .study-question-text{font-size:clamp(18px,2vw,23px)}
.modern-study[data-quiz-language=en] .answers a{padding:16px 20px!important;border-radius:15px!important}
.modern-study[data-quiz-language=en] #contentHavanaText .reading-passage,.modern-study[data-quiz-language=en] #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[data-quiz-language=en] #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(--memad-paper);border:1px solid var(--memad-line);border-radius:22px;line-height:1.8}
.modern-study #ChooseTimeDiv input{border:1px solid var(--memad-line)!important;border-radius:12px!important;background:var(--memad-paper)!important;color:var(--memad-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(--memad-text)}
.portal-richtext img{max-width:100%}
.memad-legacy-page>form{max-width:1100px;margin:0 auto;padding:24px 24px 110px;line-height:1.8}
.memad-legacy-page>form>.portal-header{padding-inline:0}
.memad-legacy-page .memad-legacy-content{background:var(--memad-paper);border:1px solid var(--memad-line);border-radius:24px;padding:clamp(18px,4vw,40px);box-shadow:0 18px 50px #173c6010;overflow-wrap:anywhere}
.memad-legacy-page .memad-legacy-content>div{max-width:100%;box-sizing:border-box}
.memad-legacy-page a{color:#167cac}.memad-legacy-page table{max-width:100%}
.memad-legacy-page [id$=ExamDatelbl]{font:700 23px/1.5 Tajawal,Heebo,Arial,sans-serif!important;color:#219cac!important;text-shadow:none!important}
.memad-legacy-page .news-item{border:1px solid var(--memad-line);border-radius:16px;background:var(--memad-paper);padding:20px;margin-block:12px;font:500 18px/1.8 Tajawal,Heebo,Arial,sans-serif}
.memad-legacy-page .memad-page-title{font-size:clamp(26px,4vw,38px);margin:12px 0 25px;line-height:1.4}
.memad-legacy-page iframe,.memad-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)}.memad-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,.memad-legacy-page .portal-header{display:none!important}.memad-legacy-page>form{padding:0}.memad-legacy-content{border:0!important;box-shadow:none!important}}

/* Memad's green and gold identity, with independent Arabic/English reading directions. */
:root{--memad-green:#49810d;--memad-gold:#d2a32a}
body.colorful-home{background:radial-gradient(ellipse at 85% 5%,#eaf9dc99,transparent 40%),radial-gradient(ellipse at 10% 22%,#fff4d58f,transparent 42%),#f7fbf8!important}
[data-theme=dark] body.colorful-home{background:radial-gradient(ellipse at 85% 5%,#29482570,transparent 40%),#101d29!important}
.colorful-home .logo{background:radial-gradient(circle at 35% 28%,#fff 0,#f1fae8 65%,#fdf5d9 100%);border-color:#bddc96!important;box-shadow:0 0 0 12px #bfe29e1c,0 0 0 26px #d7edbb15,0 0 90px #a4d55838!important}
[data-theme=dark] .colorful-home .logo{background:radial-gradient(circle at 35% 28%,#2a4936,#162b23 72%)}
.colorful-home .logo img{width:68%!important;height:68%!important;left:16%!important;top:16%!important}
.memad-tracks{margin:35px auto 70px;max-width:1160px;padding:24px;text-align:center;scroll-margin-top:25px}
.memad-tracks>h2{font-size:clamp(25px,3.5vw,39px);margin:10px 0}.memad-tracks>p{font:500 22px Tajawal,Arial,sans-serif;color:#698579}
.memad-track-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:32px;text-align:right}
.memad-track{position:relative;border:1px solid var(--memad-line);border-radius:26px;background:var(--memad-paper);padding:24px 20px;box-shadow:0 12px 45px #274c1910;scroll-margin-top:30px;transition:transform .25s,box-shadow .25s}
.memad-track:hover{transform:translateY(-5px);box-shadow:0 18px 50px #274c1920}.memad-track h3{font-size:24px;margin:14px 0 18px}.memad-track small{display:block;font:500 17px/1.6 Tajawal,Arial,sans-serif;color:#678279}
.track-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#eaf7d9;color:#527c21;font-size:29px;font-weight:700}.memad-track:nth-child(2) .track-symbol{background:#ede7fd;color:#815fbb}.memad-track:nth-child(3) .track-symbol{background:#e0f3fa;color:#1886a6}.memad-track:nth-child(4) .track-symbol{background:#fff1d2;color:#b28b22}
.memad-track nav{display:grid;gap:8px}.memad-track nav a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 8px;border-radius:12px;border-bottom:1px solid var(--memad-line);color:var(--memad-text);font-size:14px;text-decoration:none}.memad-track nav a:hover,.memad-track nav a:focus-visible{background:#bddd9429;outline:2px solid #9bbc5d;outline-offset:1px}.memad-track nav b{color:#81a448}
.colorful-home .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.colorful-home .plan-features{min-height:200px}
.memad-events{padding:25px;border:1px solid var(--memad-line);border-radius:20px;margin-block:24px;background:var(--memad-paper)}
.d-none{display:none!important}.site-news #AlertsNotificationsMain>div{position:relative;border:1px solid var(--memad-line)!important;border-radius:18px!important;background:var(--memad-paper)!important;color:var(--memad-text);padding:24px 55px 24px 20px!important;margin-bottom:12px!important;font:500 18px/1.8 Tajawal,Heebo,Arial,sans-serif}.site-news .btn-close{position:absolute;right:16px;top:18px;border:0;border-radius:50%;width:30px;height:30px;background:#bddd9429;color:var(--memad-text);font-size:23px;cursor:pointer}.news-count{font-size:15px;color:#6b9237}
.modern-study:not([data-quiz-language=en]) .study-question-text,.modern-study:not([data-quiz-language=en]) .answers,.modern-study:not([data-quiz-language=en]) .answers a{direction:rtl!important;text-align:right!important;font-family:Tajawal,Heebo,Arial,sans-serif!important;line-height:1.8}
.modern-study:not([data-quiz-language=en]) #contentHavanaText .reading-passage,.modern-study:not([data-quiz-language=en]) #contentHavanaText .reading-passage *{direction:rtl!important;text-align:right!important;font-family:Tajawal,Heebo,Arial,sans-serif!important;font-size:var(--reading-size,20px)!important;line-height:2!important;color:var(--reading-text)!important;background:transparent!important}
.modern-study:not([data-quiz-language=en]) #contentHavanaText .reading-sheet{direction:rtl;text-align:right}
.modern-study img{max-width:100%;height:auto}.modern-study .study-question-text{font-size:22px}.modern-study .answers a{padding:16px 20px!important;border-radius:15px!important}
.admin-quiz-card{display:flex;flex-direction:column;gap:10px;min-height:150px}.admin-quiz-card strong{font-family:Tajawal,Heebo,Arial,sans-serif}.admin-card-icon{font-size:26px}.admin-action-card .admin-action-button{width:100%;white-space:normal;cursor:pointer;border:0;background:transparent;color:inherit;font:600 16px/1.6 Heebo,Tajawal,Arial,sans-serif;padding:12px}
.memad-planner .memad-legacy-content input[type=text],.memad-planner .memad-legacy-content input[type=number]{padding:12px 16px;border:1px solid var(--memad-line);border-radius:12px;background:var(--memad-paper);color:var(--memad-text);max-width:100%}
.memad-planner #StudyprogrammerButtonBuild{border:0!important;border-radius:14px!important;padding:14px 24px!important;background:#538a18!important;color:white!important;font:600 17px Heebo,Tajawal,Arial,sans-serif!important;cursor:pointer}
.memad-planner #LiteralStudyprogrammerDiv{line-height:1.85}.memad-planner table{border-collapse:separate;border-spacing:0;border:1px solid var(--memad-line);border-radius:16px;overflow:hidden;width:100%!important}.memad-planner td,.memad-planner th{padding:12px;border-color:var(--memad-line)!important}
.memad-progress .memad-chart-row{display:flex!important;flex-wrap:wrap;gap:20px;width:100%!important;margin:20px auto!important}.memad-progress .memad-chart-card{flex:1 1 300px;width:100%!important;min-width:0;max-width:100%;margin:0!important;padding:20px!important;border:1px solid var(--memad-line)!important;border-radius:20px!important;background:var(--memad-paper)!important}.memad-progress canvas{max-width:100%;max-height:340px}
@media(max-width:1050px){.memad-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.memad-tracks{padding:14px}.colorful-home .pricing-grid{grid-template-columns:1fr}.memad-track-grid{grid-template-columns:1fr}.memad-track{padding:22px}.signup-progress{grid-template-columns:repeat(2,1fr)!important}.memad-progress .memad-chart-card{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.memad-track{transition:none}.memad-track:hover{transform:none}}

.memad-planner #inputStudyprogrammer{position:static!important;inset:auto!important;transform:none!important;margin:25px auto!important;width:min(100%,640px)!important;padding:clamp(20px,4vw,40px)!important;border:1px solid var(--memad-line)!important;border-radius:24px!important;background:linear-gradient(125deg,#bfe2a61a,#f1ca5820)!important;box-sizing:border-box}
.memad-planner #inputStudyprogrammer .row{display:grid;gap:14px;margin:0!important}.memad-planner #inputStudyprogrammer .col-xs-6{padding:0!important}.memad-planner #txtRestDays{width:100%!important;font:500 18px/1.6 Tajawal,Heebo,Arial,sans-serif!important;height:auto!important}
.memad-planner #LiteralStudyprogrammerDiv{height:auto!important;min-height:220px;padding:24px!important;margin:20px 0!important;background:var(--memad-paper)!important;border-color:var(--memad-line)!important;border-radius:20px!important;color:var(--memad-text);font:500 18px/1.9 Tajawal,Heebo,Arial,sans-serif!important}
.memad-planner footer{position:static!important;width:auto!important;margin-top:30px;background:transparent!important;border:0!important;color:#6f8595!important}.memad-planner footer>div{border:0!important}
.memad-progress .EventC{border:1px solid var(--memad-line);border-radius:16px;margin:8px 0!important;padding:18px!important;box-sizing:border-box;line-height:1.8;font:500 18px/1.8 Tajawal,Heebo,Arial,sans-serif!important;width:100%!important;color:#253d46}
.memad-progress [id$=EventsContainer]{display:grid!important;gap:10px}.memad-progress [id$=myEventsTextlbl]{font:500 19px/1.8 Tajawal,Heebo,Arial,sans-serif!important;color:var(--memad-text)}

.memad-intro-video{max-width:1112px;margin:30px auto 60px;padding:40px 24px;text-align:center;border:1px solid var(--memad-line);border-radius:24px;background:var(--memad-paper)}.memad-intro-video h2{font-size:clamp(23px,3vw,34px)}.memad-intro-video p{font:500 21px/1.8 Tajawal,Arial,sans-serif}.memad-intro-video a{display:inline-flex;justify-content:center;margin-top:15px;white-space:normal;line-height:1.8}

/* 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}