@font-face{font-family:ManaraArabic;src:local("KFGQPC Uthmanic Script HAFS"),local("Amiri Quran"),local("Amiri"),local("Traditional Arabic"),local("Arabic Typesetting");font-display:swap}
:root{--ink:#173a34;--deep:#0c332c;--green:#145a4b;--green-2:#1f7461;--cream:#fbf6e9;--paper:#fffdf7;--gold:#c9973d;--gold-2:#edca79;--muted:#697a75;--danger:#a33e3e;--line:rgba(17,74,62,.16);--shadow:0 18px 60px rgba(4,37,31,.13);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--cream);color:var(--ink);font-family:ManaraArabic,"Segoe UI",Tahoma,sans-serif;font-size:18px;line-height:1.6;overflow-x:hidden}.page-pattern{position:fixed;inset:0;z-index:-2;opacity:.055;background-color:#f9f2df;background-image:linear-gradient(30deg,#135a4b 12%,transparent 12.5%,transparent 87%,#135a4b 87.5%,#135a4b),linear-gradient(150deg,#135a4b 12%,transparent 12.5%,transparent 87%,#135a4b 87.5%,#135a4b),linear-gradient(30deg,#135a4b 12%,transparent 12.5%,transparent 87%,#135a4b 87.5%,#135a4b),linear-gradient(150deg,#135a4b 12%,transparent 12.5%,transparent 87%,#135a4b 87.5%,#135a4b),linear-gradient(60deg,#c9973d 25%,transparent 25.5%,transparent 75%,#c9973d 75%,#c9973d);background-size:80px 140px;background-position:0 0,0 0,40px 70px,40px 70px,0 0}.public-header{height:88px;padding:0 max(4vw,24px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,253,247,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:50px;height:58px;color:#fff;font-size:30px;font-weight:700;background:var(--deep);clip-path:polygon(50% 0,88% 22%,100% 72%,74% 100%,26% 100%,0 72%,12% 22%);box-shadow:inset 0 0 0 3px var(--gold)}.brand-mark.small{width:38px;height:44px;font-size:23px}.brand b,.brand small{display:block}.brand b{font-size:21px}.brand small{font-size:13px;color:var(--muted);line-height:1.2}.public-header nav{display:flex;align-items:center;gap:26px}.public-header nav a{color:var(--ink);text-decoration:none;font-weight:700;font-size:16px;position:relative}.public-header nav a:after{content:"";position:absolute;right:0;bottom:-8px;width:0;height:2px;background:var(--gold);transition:.25s}.public-header nav a:hover:after{width:100%}.menu-button{display:none;border:0;background:transparent;font-size:28px;color:var(--deep)}.public-section{scroll-margin-top:90px}.hero{min-height:700px;padding:70px max(6vw,36px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;background:radial-gradient(circle at 15% 10%,rgba(237,202,121,.32),transparent 32%),linear-gradient(135deg,rgba(255,253,247,.95),rgba(241,231,203,.9))}.eyebrow,.section-heading>span{display:inline-block;color:var(--gold);font-weight:800;letter-spacing:.06em;border-bottom:1px solid currentColor;padding-bottom:4px}.hero h1{font-size:clamp(48px,6vw,83px);line-height:1.14;margin:18px 0 22px;color:var(--deep);text-wrap:balance}.hero-copy>p{font-size:24px;color:var(--muted);max-width:700px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button{border:0;border-radius:14px;padding:12px 24px;font:700 17px/1.5 inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(9,48,40,.16)}.button.primary{background:var(--green);color:#fff}.button.gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#233c31}.button.ghost{border:1px solid var(--green);color:var(--green);background:transparent}.button.danger{background:#f8e8e4;color:var(--danger)}.button.small{padding:8px 15px;font-size:14px}.mihrab{display:grid;place-items:center;min-height:500px;background:var(--deep);border-radius:260px 260px 24px 24px;box-shadow:var(--shadow),inset 0 0 0 3px var(--gold),inset 0 0 0 14px var(--deep),inset 0 0 0 16px rgba(237,202,121,.35);position:relative;overflow:hidden}.mihrab:before,.mihrab:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(237,202,121,.18);transform:rotate(45deg)}.mihrab:after{width:200px;height:200px}.mihrab-inner{position:relative;z-index:1;text-align:center;color:#fff;padding:30px}.mihrab-inner p{font-size:clamp(31px,4vw,52px);margin:15px 0}.mihrab-inner span{color:var(--gold-2);font-size:42px}.mihrab-inner small{display:block;color:#d7e8df}.ticker{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;text-align:center;background:var(--gold);color:#173a34;padding:14px 5vw;font-weight:800}.content-section,.ask-section,.lantern-section{padding:100px max(6vw,32px)}.section-heading{text-align:center;max-width:720px;margin:0 auto 50px}.section-heading h2{font-size:clamp(38px,5vw,60px);line-height:1.25;margin:12px 0}.section-heading p{color:var(--muted);font-size:20px}.section-heading.light{color:white}.section-heading.light p{color:#cfe0d9}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.book-card,.panel,.stat-card,.exam-card,.question-card{background:rgba(255,253,247,.92);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 35px rgba(7,49,41,.07)}.book-card{padding:28px;position:relative;overflow:hidden}.book-card:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:linear-gradient(var(--gold),var(--green))}.book-icon{width:64px;height:74px;border-radius:8px 15px 15px 8px;background:var(--green);color:var(--gold-2);display:grid;place-items:center;font-size:32px;margin-bottom:22px;box-shadow:inset 5px 0 rgba(255,255,255,.12)}.book-card h3{font-size:25px;margin:0 0 8px}.book-card p{color:var(--muted);min-height:58px}.empty-card{text-align:center;padding:35px;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);grid-column:1/-1}.lantern-section,.ask-section{background:var(--deep);color:#fff;position:relative;overflow:hidden}.lantern-section:before,.ask-section:before{content:"";position:absolute;inset:0;opacity:.08;background:repeating-radial-gradient(circle at 50% 0,transparent 0 24px,var(--gold-2) 25px 26px)}.lantern-section>* ,.ask-section>*{position:relative}.lantern-stage{max-width:980px;margin:auto;border:1px solid rgba(237,202,121,.35);border-radius:32px;padding:45px;display:grid;grid-template-columns:220px 1fr;align-items:center;gap:45px;background:rgba(255,255,255,.05);backdrop-filter:blur(6px)}.lantern-stage h3{font-size:38px;margin:0}.lantern-stage p{color:#d3e3dc}.lantern-glow{width:180px;height:240px;border:3px solid var(--gold);border-radius:90px 90px 30px 30px;display:grid;place-items:center;font-size:90px;color:var(--gold-2);box-shadow:0 0 70px rgba(237,202,121,.3),inset 0 0 50px rgba(237,202,121,.12)}.exam-shell{max-width:920px;margin:auto}.panel{padding:28px}.compact-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:16px}.compact-form .form-message{grid-column:1/-1}.hidden{display:none!important}label{display:grid;gap:8px;font-weight:700}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:13px;padding:13px 15px;background:#fff;color:var(--ink);font:500 17px/1.4 inherit;outline:none;transition:.2s}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,151,61,.15)}textarea{min-height:130px;resize:vertical}.form-message{margin:5px 0 0;color:var(--muted)}.form-message.error{color:var(--danger)}.exam-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.timer{background:var(--deep);color:#fff;padding:8px 16px;border-radius:99px;font-family:monospace;direction:ltr}.question-block{padding:25px 0;border-top:1px solid var(--line)}.question-block h4{font-size:22px;margin:0 0 14px}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px;cursor:pointer}.option input{width:auto}.matching-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;margin:10px 0}.ask-layout{max-width:1050px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:22px;color:var(--ink)}.question-form{display:grid;gap:18px}.gender-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gender-choice label input{display:none}.gender-choice label span{display:block;text-align:center;border:1px solid var(--line);border-radius:13px;padding:12px;cursor:pointer}.gender-choice label input:checked+span{background:var(--green);color:#fff;border-color:var(--green)}.lookup h3{font-size:28px;margin-top:0}.lookup form{display:grid;gap:10px}.lookup-result{margin-top:18px;padding:15px;border-radius:12px;background:#eef7f2}.public-answers{max-width:1050px;margin:65px auto 0}.public-answers>h3{font-size:32px}.answer-list{display:grid;gap:15px}.answer-item{padding:22px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(255,255,255,.06)}.answer-item p{margin:7px 0}.answer-item .answer{color:var(--gold-2)}.social-float{position:fixed;left:20px;bottom:25px;display:grid;gap:9px;z-index:40}.social-float a{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#fff;background:var(--green);box-shadow:0 5px 18px rgba(0,0,0,.25);font-weight:800}.social-float a.wa{background:#238b58}.social-float a.tg{background:#2486b9}.social-float a.ig{background:#a63b74}footer{padding:45px max(6vw,32px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;background:#08251f;color:#d7e8df}footer .brand{color:white}footer>a{color:var(--gold-2)}footer>p{grid-column:1/-1;margin:0;color:#94aaa2}.toast{position:fixed;bottom:25px;right:25px;background:#132f29;color:#fff;padding:13px 20px;border-radius:12px;box-shadow:var(--shadow);z-index:100;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
.quiz-public{max-width:920px;margin:28px auto 0;color:var(--ink)}

/* v1.1 — richer hero, larger Arabic type, and device-first responsiveness */
body{font-size:20px}
.public-header{background:rgba(6,43,36,.94);border-bottom-color:rgba(237,202,121,.24);box-shadow:0 8px 34px rgba(2,25,21,.2)}
.public-header .brand,.public-header nav a{color:#fff}.public-header .brand small{color:#c6dad2}.public-header .menu-button{color:var(--gold-2)}
.public-header nav a{font-size:18px}.public-header nav a:after{height:3px}
.hero{min-height:calc(100svh - 88px);padding:clamp(44px,6vw,92px);gap:clamp(28px,5vw,76px);position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(90deg,rgba(2,30,25,.7) 0%,rgba(4,42,34,.38) 44%,rgba(3,34,28,.7) 100%),url('/assets/islamic-hero-v2.webp');background-size:cover;background-position:center;background-attachment:scroll;color:#fff}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 72% 40%,rgba(240,198,103,.15),transparent 32%),linear-gradient(180deg,transparent 68%,rgba(3,28,23,.58));pointer-events:none}
.hero-copy{padding:clamp(25px,4vw,44px);border:1px solid rgba(237,202,121,.32);border-radius:32px;background:rgba(4,37,31,.62);backdrop-filter:blur(12px);box-shadow:0 24px 80px rgba(0,0,0,.28);animation:heroRise .8s ease-out both}
.hero h1{font-size:clamp(54px,6vw,90px);color:#fff;text-shadow:0 4px 22px rgba(0,0,0,.42);letter-spacing:.01em}
.hero-copy>p{font-size:clamp(22px,2vw,29px);line-height:1.75;color:#e6f0eb}
.hero .eyebrow{font-size:19px;color:var(--gold-2)}
.hero .button{font-size:20px;padding:15px 29px;min-height:56px}.hero .button.ghost{color:#fff;border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.07)}
.mihrab{min-height:clamp(420px,50vw,570px);background:rgba(4,35,29,.76);backdrop-filter:blur(7px);box-shadow:0 25px 80px rgba(0,0,0,.28),inset 0 0 0 3px var(--gold),inset 0 0 0 14px rgba(4,35,29,.78),inset 0 0 0 16px rgba(237,202,121,.35);animation:heroRise .9s .12s ease-out both}
.mihrab-inner p{font-size:clamp(38px,4.2vw,60px);text-shadow:0 4px 20px rgba(0,0,0,.45)}
.ticker{font-size:20px;padding-block:17px}.section-heading{max-width:820px}.section-heading h2{font-size:clamp(44px,5vw,68px)}.section-heading p{font-size:23px;line-height:1.75}
.book-card h3{font-size:29px}.book-card p,.lantern-stage p,.answer-item p{font-size:19px}.book-card{transition:transform .28s ease,box-shadow .28s ease}.book-card:hover{transform:translateY(-7px);box-shadow:0 22px 55px rgba(7,49,41,.14)}
.button{font-size:18px;min-height:50px}.lantern-glow{animation:softPulse 3.4s ease-in-out infinite}.option{font-size:19px;min-height:58px}.question-block h4{font-size:26px}.panel{font-size:19px}input,textarea,select{font-size:19px;min-height:52px}
@keyframes heroRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes softPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(237,202,121,0));transform:translateY(0)}50%{filter:drop-shadow(0 0 18px rgba(237,202,121,.42));transform:translateY(-7px)}}
@media(max-width:1200px){.hero{grid-template-columns:1.05fr .95fr;padding-inline:clamp(28px,4vw,52px)}.hero h1{font-size:clamp(50px,6vw,72px)}.public-header nav{gap:17px}.public-header nav a{font-size:17px}}
@media(max-width:900px){body{font-size:19px}.public-header nav{background:rgba(6,43,36,.98);border-bottom:1px solid rgba(237,202,121,.25)}.public-header nav a{font-size:20px;padding:9px}.hero{min-height:auto;grid-template-columns:1fr;background-position:38% center;padding:52px clamp(20px,5vw,44px) 68px}.hero-copy{max-width:760px;margin:auto;text-align:center}.mihrab{width:min(620px,100%);min-height:420px;margin:auto}.content-section,.ask-section,.lantern-section{padding:84px clamp(22px,5vw,48px)}.lantern-stage{grid-template-columns:180px 1fr;padding:34px}.lantern-glow{width:160px;height:210px}.ask-layout{gap:18px}}
@media(max-width:600px){body{font-size:18px}.public-header{padding-inline:16px}.brand b{font-size:19px}.brand small{font-size:14px}.hero{padding:38px 14px 54px;background-position:32% center}.hero-copy{padding:26px 18px;border-radius:24px}.hero h1{font-size:clamp(42px,12vw,58px);line-height:1.2;margin-block:15px}.hero-copy>p{font-size:21px;line-height:1.7}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero .button{font-size:18px;padding-inline:16px}.mihrab{min-height:350px;border-radius:190px 190px 22px 22px}.mihrab-inner p{font-size:clamp(34px,10vw,46px)}.ticker{font-size:18px}.section-heading h2{font-size:clamp(39px,11vw,52px)}.section-heading p{font-size:20px}.content-section,.ask-section,.lantern-section{padding:68px 16px}.panel{padding:21px}.lantern-stage{grid-template-columns:1fr;padding:26px 18px}.lantern-stage h3{font-size:34px}.lantern-glow{width:140px;height:180px}.question-block h4{font-size:23px}.option{font-size:18px}.gender-choice{gap:8px}.social-float{bottom:14px}}
@media(max-width:410px){.hero-actions{grid-template-columns:1fr}.brand small{display:none}.hero h1{font-size:40px}.stats{grid-template-columns:1fr}.gender-choice{grid-template-columns:1fr}.exam-header{display:grid}.section-heading h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Admin */
.admin-body{background:#eef1e9}.admin-shell{min-height:100vh;display:grid;grid-template-columns:290px 1fr}.sidebar{background:var(--deep);color:white;padding:28px 20px;position:sticky;top:0;height:100vh;overflow:auto}.sidebar .brand{color:#fff;margin-bottom:35px}.sidebar nav{display:grid;gap:7px}.sidebar button{border:0;background:transparent;color:#c9d9d3;text-align:right;padding:12px 15px;border-radius:12px;font:700 16px inherit;cursor:pointer}.sidebar button.active,.sidebar button:hover{background:rgba(255,255,255,.1);color:var(--gold-2)}.sidebar-bottom{position:absolute;bottom:22px;right:20px;left:20px}.admin-main{padding:35px max(3vw,25px)}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-top h1{font-size:36px;margin:0}.admin-top p{margin:0;color:var(--muted)}.admin-view{display:none}.admin-view.active{display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat-card{padding:22px}.stat-card strong{display:block;font-size:38px;color:var(--green)}.stat-card span{color:var(--muted)}.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}.data-table th,.data-table td{text-align:right;padding:13px 15px;border-bottom:1px solid var(--line)}.data-table th{background:#e9f0eb;color:var(--deep)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;flex-wrap:wrap}.toolbar h2{font-size:30px;margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .wide{grid-column:1/-1}.stack{display:grid;gap:15px}.exam-list{display:grid;gap:14px}.exam-card{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.exam-card h3{margin:0;font-size:24px}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:13px;background:#e7efe9;color:var(--green)}.badge.published,.badge.answered{background:#d7f3df}.badge.draft,.badge.new{background:#fff0c7}.modal{position:fixed;inset:0;background:rgba(5,28,24,.65);z-index:90;display:grid;place-items:center;padding:20px}.modal-card{background:var(--paper);border-radius:24px;width:min(820px,96vw);max-height:90vh;overflow:auto;padding:30px}.modal-head{display:flex;justify-content:space-between;align-items:center}.icon-button{border:0;background:#eee;border-radius:50%;width:38px;height:38px;cursor:pointer}.question-card{padding:20px}.question-card header{display:flex;justify-content:space-between;gap:15px}.question-card p{font-size:20px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 20% 20%,rgba(201,151,61,.24),transparent 28%),var(--deep)}.login-card{width:min(440px,100%);background:var(--paper);border-radius:30px;padding:38px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.login-card .brand{justify-content:center;margin-bottom:26px}.login-card form{display:grid;gap:15px}.loading{opacity:.55;pointer-events:none}.muted{color:var(--muted)}.danger-text{color:var(--danger)}
@media(max-width:900px){.public-header nav{display:none;position:absolute;top:88px;right:0;left:0;background:var(--paper);padding:20px;box-shadow:var(--shadow);flex-direction:column}.public-header nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center}.hero-actions{justify-content:center}.mihrab{min-height:420px}.ask-layout,.split{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:16px}.sidebar .brand{margin-bottom:12px}.sidebar nav{display:flex;overflow:auto}.sidebar button{white-space:nowrap}.sidebar-bottom{position:static;margin-top:12px}.stats{grid-template-columns:repeat(2,1fr)}.admin-main{padding:22px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}
@media(max-width:600px){body{font-size:16px}.public-header{height:74px}.public-header nav{top:74px}.brand b{font-size:17px}.brand-mark{width:42px;height:48px}.hero{min-height:auto;padding:55px 20px}.hero h1{font-size:43px}.mihrab{min-height:330px}.content-section,.ask-section,.lantern-section{padding:70px 20px}.lantern-stage{grid-template-columns:1fr;text-align:center;padding:25px}.lantern-glow{margin:auto;width:140px;height:180px}.compact-form{grid-template-columns:1fr}.ask-layout{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.exam-card{align-items:flex-start;flex-direction:column}.data-table{font-size:13px;display:block;overflow-x:auto}.admin-top h1{font-size:28px}.modal-card{padding:20px}.matching-row{grid-template-columns:1fr}.social-float{left:10px}.social-float a{width:40px;height:40px}}
/* keep v1.1 responsive rules authoritative after the legacy breakpoints */
@media(max-width:900px){body{font-size:19px}.public-header nav{background:rgba(6,43,36,.98);border-bottom:1px solid rgba(237,202,121,.25)}.public-header nav a{font-size:20px;padding:9px}.hero{min-height:auto;padding:52px clamp(20px,5vw,44px) 68px;background-position:38% center}.hero-copy{max-width:760px;margin:auto;text-align:center}.mihrab{width:min(620px,100%);min-height:420px;margin:auto}.content-section,.ask-section,.lantern-section{padding:84px clamp(22px,5vw,48px)}.lantern-stage{grid-template-columns:180px 1fr;padding:34px}.lantern-glow{width:160px;height:210px}}
@media(max-width:600px){body{font-size:18px}.public-header{padding-inline:16px}.brand b{font-size:19px}.brand small{font-size:14px}.hero{padding:38px 14px 54px;background-position:32% center}.hero-copy{padding:26px 18px}.hero h1{font-size:clamp(42px,12vw,58px)}.hero-copy>p{font-size:21px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.mihrab{min-height:350px}.content-section,.ask-section,.lantern-section{padding:68px 16px}.lantern-stage{grid-template-columns:1fr;padding:26px 18px}.section-heading h2{font-size:clamp(39px,11vw,52px)}.section-heading p{font-size:20px}.panel{padding:21px}}
@media(max-width:410px){.hero-actions{grid-template-columns:1fr}.brand small{display:none}.hero h1{font-size:40px}.stats{grid-template-columns:1fr}.gender-choice{grid-template-columns:1fr}.exam-header{display:grid}}

/* v1.2 — screenshot audit fixes */
.mihrab-inner{width:100%}.mihrab-inner .ayah-line{display:flex;align-items:center;justify-content:center;gap:.22em;direction:rtl;white-space:nowrap;margin:12px auto 18px;font-size:clamp(29px,3.3vw,54px);line-height:1.35}.mihrab-inner .ayah-line b{font-weight:500}.mihrab-inner .ayah-line span{flex:0 0 auto;font-size:.92em;color:var(--gold-2)}
#books,#exam{position:relative;isolation:isolate;background-image:linear-gradient(135deg,rgba(255,253,247,.94),rgba(244,237,217,.9)),url('/assets/islamic-hero-v2.webp');background-size:cover;background-position:center;background-attachment:fixed}
#books:before,#exam:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(30deg,rgba(19,90,75,.045) 12%,transparent 12.5%,transparent 87%,rgba(19,90,75,.045) 87.5%),linear-gradient(150deg,rgba(19,90,75,.045) 12%,transparent 12.5%,transparent 87%,rgba(19,90,75,.045) 87.5%);background-size:72px 126px;pointer-events:none}
#books .section-heading,#exam .section-heading{padding:22px 30px;border-radius:24px;background:rgba(255,253,247,.62);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.7);box-shadow:0 15px 45px rgba(7,49,41,.07)}
#books .card-grid{max-width:1120px;margin-inline:auto;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));align-items:start}
#books .book-card{display:grid;grid-template-columns:82px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:4px 22px;min-height:148px;padding:26px 30px;background:rgba(255,253,247,.94);backdrop-filter:blur(9px)}
#books .book-icon{grid-column:1;grid-row:1/3;margin:0;width:68px;height:78px}#books .book-card h3{grid-column:2;grid-row:1;margin:0;align-self:end}#books .book-card p{grid-column:2;grid-row:2;margin:0;min-height:0;align-self:start}#books .book-card>a{grid-column:3;grid-row:1/3;white-space:nowrap}
#exam .exam-shell{max-width:1040px}#exam .panel{background:rgba(255,253,247,.94);backdrop-filter:blur(9px);box-shadow:0 24px 65px rgba(4,37,31,.14)}
.lantern-stage .button.ghost,.lantern-stage .public-quiz-button{color:#fff;border-color:rgba(237,202,121,.7);background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.lantern-stage .button.ghost:hover,.lantern-stage .public-quiz-button:hover{color:#173a34;background:var(--gold-2)}
.split{align-items:start}.admin-main{min-width:0;background:radial-gradient(circle at 10% 0,rgba(201,151,61,.09),transparent 28%),linear-gradient(145deg,#f4f7f0,#e9eee7)}.sidebar .button.ghost{color:#fff;border-color:rgba(255,255,255,.35)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.file-picker{cursor:pointer}.file-picker-ui{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:10px 12px 10px 18px;border:1px dashed rgba(20,90,75,.38);border-radius:14px;background:#f8fbf8;transition:.2s}.file-picker-ui b{padding:9px 16px;border-radius:10px;background:var(--green);color:#fff}.file-picker-ui small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.file-picker:focus-within .file-picker-ui,.file-picker:hover .file-picker-ui{border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,151,61,.13)}
.admin-view>.split>.panel,.admin-view>.split>form{height:auto;align-self:start}#adminBooks .question-card{height:auto}
@media(max-width:1150px) and (min-width:901px){.admin-shell{grid-template-columns:245px minmax(0,1fr)}.admin-main{padding:28px 24px}.admin-main .split{grid-template-columns:1fr}.sidebar{padding-inline:16px}}
@media(max-width:900px){#books,#exam{background-attachment:scroll}.mihrab-inner .ayah-line{font-size:clamp(30px,6.2vw,46px)}#books .book-card{grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto auto}#books .book-icon{grid-row:1/3}#books .book-card>a{grid-column:1/3;grid-row:3;margin-top:16px}.admin-main .split{grid-template-columns:1fr}}
@media(max-width:600px){#books .section-heading,#exam .section-heading{padding:18px 14px}#books .book-card{grid-template-columns:58px minmax(0,1fr);padding:22px 18px;gap:4px 14px}#books .book-icon{width:56px;height:65px;font-size:27px}#books .book-card h3{font-size:25px}#books .book-card p{font-size:17px}.mihrab-inner .ayah-line{font-size:clamp(25px,7.1vw,36px);gap:.12em}.file-picker-ui{align-items:stretch;flex-direction:column}.file-picker-ui b{text-align:center}}
.brand-mark,.brand-mark.small{width:68px;height:68px;display:grid;place-items:center;background:transparent;clip-path:none;box-shadow:none;flex:0 0 auto}.brand-mark.small{width:52px;height:52px}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.22))}.login-card .brand-mark{width:88px;height:88px}.public-header .brand{gap:10px}.sidebar .brand-mark{width:62px;height:62px}
@media(max-width:600px){.public-header .brand-mark{width:50px;height:50px}.brand-mark.small{width:46px;height:46px}.sidebar .brand-mark{width:52px;height:52px}}

/* v1.3 — topic doors and the first prepared exam */
fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;margin:0 0 12px;font-size:19px;font-weight:800;color:var(--ink)}
.topic-doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.topic-door{display:block;min-width:0}.topic-door>input{position:absolute;opacity:0;pointer-events:none}.topic-door-card{position:relative;display:grid;grid-template-columns:42px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:1px 10px;min-height:86px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;cursor:pointer;transition:.2s}.topic-door-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 10px 25px rgba(9,48,40,.09)}.topic-door input:checked+.topic-door-card{color:#fff;border-color:var(--green);background:linear-gradient(145deg,var(--green),var(--deep));box-shadow:0 0 0 4px rgba(201,151,61,.22)}.topic-icon{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf5f0;color:var(--green);font-size:23px}.topic-door input:checked+.topic-door-card .topic-icon{background:rgba(255,255,255,.13);color:var(--gold-2)}.topic-door-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.topic-door-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px;line-height:1.3}.topic-door input:checked+.topic-door-card small{color:#d4e4dd}.topic-door-card em{grid-row:1/3;align-self:start;padding:2px 7px;border-radius:99px;background:#f5e8c7;color:#6a4a16;font:700 11px/1.5 monospace;font-style:normal}.gender-fieldset{padding-top:3px}.form-message.success{padding:12px;border-radius:12px;background:#e7f5eb;color:#155943}.answer-filters{display:flex;gap:9px;overflow:auto;padding:3px 2px 18px;scrollbar-width:thin}.topic-filter{flex:0 0 auto;border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:8px 15px;background:rgba(255,255,255,.06);color:#fff;font:700 15px inherit;cursor:pointer}.topic-filter.active,.topic-filter:hover{background:var(--gold-2);border-color:var(--gold-2);color:var(--deep)}.answer-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.answer-meta>span{color:var(--gold-2);font-weight:800}.answer-meta small{color:#cfe0d9}.lookup .answer-meta>span,.lookup .answer-meta small{color:var(--muted)}
.toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}.inquiry-admin-split{grid-template-columns:minmax(310px,.75fr) minmax(430px,1.25fr)}.topic-admin-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.topic-admin-card.inactive{opacity:.62}.topic-admin-card small,.topic-admin-card p{display:block;margin:2px 0;color:var(--muted)}.topic-admin-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#e7f1eb;color:var(--green);font-size:25px}.topic-badge{background:#e6f0eb}.button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.question-notes,.source-notes{border:1px solid var(--line);border-radius:14px;padding:11px 14px;background:#f7faf7}.question-notes summary,.source-notes summary{cursor:pointer;font-weight:800;color:var(--green)}.question-notes p{font-size:16px}.source-notes{display:grid;gap:12px}.source-notes textarea{min-height:90px}
@media(max-width:1150px){.inquiry-admin-split{grid-template-columns:1fr}.topic-doors{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.topic-doors{grid-template-columns:1fr}.topic-admin-card{grid-template-columns:46px minmax(0,1fr)}.topic-admin-card>div:last-child{grid-column:1/-1}.toolbar-actions{width:100%}.toolbar-actions .button{flex:1}.answer-meta{align-items:flex-start;flex-direction:column;gap:3px}}

/* v1.4 — visual identity of the Individual Reading Program */
:root{
  --ink:#173447;--deep:#173f5f;--green:#2d6686;--green-2:#5b9fbe;
  --cream:#edf8fc;--paper:#ffffff;--gold:#b8893d;--gold-2:#e5c47c;
  --muted:#5e7484;--line:rgba(31,91,125,.19);--shadow:0 22px 64px rgba(21,66,94,.16);--radius:24px
}
html{font-size:16px}html[data-font-size="small"]{font-size:14px}html[data-font-size="normal"]{font-size:16px}html[data-font-size="large"]{font-size:18px}
body{font-size:1rem;line-height:1.75;background:var(--cream);color:var(--ink)}
.page-pattern{opacity:.42;background-color:#eff9fd;background-image:linear-gradient(30deg,rgba(61,135,172,.1) 12%,transparent 12.5%,transparent 87%,rgba(61,135,172,.1) 87.5%),linear-gradient(150deg,rgba(61,135,172,.1) 12%,transparent 12.5%,transparent 87%,rgba(61,135,172,.1) 87.5%),linear-gradient(60deg,rgba(184,137,61,.08) 25%,transparent 25.5%,transparent 75%,rgba(184,137,61,.08) 75%);background-size:72px 126px;background-position:0 0,36px 63px,0 0}
.public-header{height:84px;padding-inline:max(3vw,18px);background:rgba(246,252,255,.91);border-bottom:1px solid var(--line);box-shadow:0 10px 36px rgba(19,64,91,.11)}
.public-header .brand,.public-header nav a{color:var(--deep)}.public-header .brand small{color:var(--muted)}.public-header .menu-button{color:var(--deep)}
.brand-mark,.brand-mark.small{width:62px;height:62px;border-radius:50%;overflow:hidden;border:2px solid rgba(184,137,61,.65);background:#d8f0f9;box-shadow:0 8px 22px rgba(22,64,89,.18)}.brand-mark.small{width:48px;height:48px}.brand-mark img{width:100%;height:100%;object-fit:cover;filter:none}.public-header .brand{gap:11px}.public-header .brand b{font-size:1.12rem;line-height:1.25}.public-header .brand small{font-size:.78rem;margin-top:3px}.public-header nav{gap:clamp(12px,1.8vw,26px)}.public-header nav a{font-size:.96rem}.public-header nav a:after{background:var(--gold)}
.header-tools,.admin-actions{display:flex;align-items:center;gap:10px}.font-controls{direction:rtl;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.72);box-shadow:0 5px 18px rgba(25,78,108,.08)}.font-control{width:34px;height:32px;border:0;border-radius:9px;background:transparent;color:var(--deep);font:700 .83rem/1 ManaraArabic,"Segoe UI",sans-serif;cursor:pointer}.font-control:hover,.font-control.active{background:var(--deep);color:#fff}.login-font-controls{display:flex;width:max-content;margin:0 auto 18px}
.hero{min-height:calc(100svh - 84px);padding:clamp(42px,6vw,86px) max(5vw,26px);grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(28px,5vw,70px);background:radial-gradient(circle at 12% 8%,rgba(229,196,124,.27),transparent 29%),radial-gradient(circle at 85% 20%,rgba(103,180,214,.32),transparent 35%),linear-gradient(135deg,#f7fcff 0%,#dff3fb 56%,#bcddec 100%);color:var(--ink)}
.hero:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.18)),repeating-radial-gradient(circle at 88% -10%,transparent 0 32px,rgba(32,94,129,.07) 33px 34px)}
.hero-copy{padding:clamp(24px,3vw,40px);border:1px solid rgba(255,255,255,.82);border-radius:30px;background:rgba(255,255,255,.61);backdrop-filter:blur(15px);box-shadow:0 26px 70px rgba(27,80,109,.14)}
.hero h1{font-size:clamp(2.6rem,4.6vw,4.9rem);line-height:1.22;color:var(--deep);text-shadow:none;margin:16px 0 20px}.hero-copy>p{max-width:820px;font-size:1.18rem;line-height:1.95;color:#405f71}.hero .eyebrow{font-size:.94rem;color:var(--gold)}.hero .button{font-size:1rem;min-height:49px;padding:11px 25px}.hero .button.ghost{color:var(--deep);border-color:rgba(23,63,95,.55);background:rgba(255,255,255,.46)}
.mihrab{min-height:clamp(420px,46vw,555px);background:linear-gradient(155deg,rgba(23,63,95,.97),rgba(39,108,142,.93));box-shadow:0 28px 76px rgba(18,60,87,.25),inset 0 0 0 3px var(--gold),inset 0 0 0 13px rgba(23,63,95,.8),inset 0 0 0 15px rgba(229,196,124,.45)}.mihrab-inner .ayah-line{font-size:clamp(1.85rem,3vw,3.2rem);color:#fff}.mihrab-inner span{color:var(--gold-2)}.mihrab-inner small{color:#dceef7}
.ticker{font-size:1rem;padding-block:13px;background:linear-gradient(90deg,#d7b66c,#f0d99d,#d7b66c);color:var(--deep)}
.content-section,.ask-section,.lantern-section{padding:clamp(66px,7vw,96px) max(5vw,24px)}.section-heading{max-width:790px;margin-bottom:42px}.section-heading h2{font-size:clamp(2.15rem,4vw,3.7rem);line-height:1.3}.section-heading p{font-size:1.08rem;line-height:1.8}.section-heading>span{font-size:.92rem}.section-heading.light p{color:#dbeef7}
#books,#exam{background-color:#eff9fd;background-image:linear-gradient(30deg,rgba(67,145,180,.065) 12%,transparent 12.5%,transparent 87%,rgba(67,145,180,.065) 87.5%),linear-gradient(150deg,rgba(67,145,180,.065) 12%,transparent 12.5%,transparent 87%,rgba(67,145,180,.065) 87.5%);background-size:76px 132px}
.lantern-section,.ask-section{background:linear-gradient(145deg,#173f5f,#245f7e 62%,#1d506d)}.lantern-section:before,.ask-section:before{opacity:.09}.lantern-stage{border-color:rgba(229,196,124,.42);background:rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.12)}.lantern-stage h3{font-size:2rem}.lantern-stage p{font-size:1rem;color:#deedf5}.lantern-glow{border-color:var(--gold);color:var(--gold-2)}
.book-card,.panel,.stat-card,.exam-card,.question-card{background:rgba(255,255,255,.9);border-color:var(--line);box-shadow:0 13px 38px rgba(21,74,103,.09);backdrop-filter:blur(10px)}.book-card h3{font-size:1.45rem}.book-card p,.answer-item p{font-size:1rem}.book-icon{background:linear-gradient(145deg,var(--deep),var(--green-2));color:var(--gold-2)}.book-card:before{background:linear-gradient(var(--gold),var(--green-2))}.panel{font-size:1rem;padding:26px}.question-block h4{font-size:1.2rem}.option{font-size:1rem}.button{font-size:.95rem;min-height:46px}.button.small{font-size:.82rem}.button.primary{background:linear-gradient(135deg,var(--deep),var(--green));color:#fff}.button.gold{color:var(--deep)}.button.ghost{border-color:var(--green);color:var(--deep);background:rgba(255,255,255,.38)}
input,textarea,select{font-size:1rem;min-height:49px;border-color:var(--line);background:rgba(255,255,255,.94)}input:focus,textarea:focus,select:focus{border-color:var(--green-2);box-shadow:0 0 0 4px rgba(67,145,180,.15)}
.topic-door-card{border-color:var(--line);background:rgba(255,255,255,.95)}.topic-door input:checked+.topic-door-card{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,137,61,.2),0 12px 26px rgba(24,71,99,.12)}.gender-choice label input:checked+span{background:var(--deep);border-color:var(--deep)}
footer{background:#122f47;color:#d9eaf3}footer>p{color:#9db9c9}
.admin-body{background:#edf7fb}.admin-shell{grid-template-columns:280px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#173f5f,#1c5674);padding:25px 18px}.sidebar .brand{margin-bottom:28px}.sidebar .brand b{font-size:1rem}.sidebar button{font-size:.92rem;color:#d7e9f3}.sidebar button.active,.sidebar button:hover{background:rgba(255,255,255,.13);color:var(--gold-2)}.admin-main{background:radial-gradient(circle at 8% 0,rgba(111,187,217,.18),transparent 28%),linear-gradient(145deg,#f7fcff,#e9f5fa);padding:30px max(2.5vw,22px)}.admin-top{gap:18px}.admin-top h1{font-size:2rem}.toolbar h2{font-size:1.65rem}.exam-card h3{font-size:1.25rem}.question-card p{font-size:1rem}.stat-card strong{font-size:2.2rem;color:var(--deep)}.data-table th{background:#e0f0f7;color:var(--deep)}.login-screen{background:radial-gradient(circle at 18% 12%,rgba(229,196,124,.28),transparent 27%),radial-gradient(circle at 82% 25%,rgba(102,179,211,.34),transparent 30%),linear-gradient(145deg,#173f5f,#2e7598)}.login-card{background:rgba(250,253,255,.95);border:1px solid rgba(255,255,255,.68)}.login-card .brand-mark{width:100px;height:100px}
@media(max-width:1100px) and (min-width:901px){.public-header nav{gap:11px}.public-header nav a{font-size:.85rem}.public-header .brand b{font-size:1rem}.hero{grid-template-columns:1.08fr .92fr}.hero-copy>p{font-size:1.05rem}}
@media(max-width:900px){
  .public-header nav{top:84px;background:rgba(246,252,255,.98);border-bottom:1px solid var(--line)}.public-header nav a{font-size:1rem;color:var(--deep);padding:8px}.menu-button{display:block}.hero{grid-template-columns:1fr;padding:46px clamp(18px,5vw,42px) 62px}.hero-copy{max-width:760px}.hero h1{font-size:clamp(2.45rem,7vw,4rem)}.hero-copy>p{font-size:1.08rem}.mihrab{width:min(610px,100%);min-height:400px}.lantern-stage{grid-template-columns:160px 1fr}.admin-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{display:flex;overflow:auto}.sidebar-bottom{position:static}.admin-main .split{grid-template-columns:1fr}
}
@media(max-width:600px){
  html{font-size:15px}html[data-font-size="small"]{font-size:13px}html[data-font-size="normal"]{font-size:15px}html[data-font-size="large"]{font-size:17px}
  .public-header{height:72px;padding-inline:11px}.public-header nav{top:72px}.public-header .brand-mark{width:45px;height:45px}.public-header .brand{gap:7px}.public-header .brand b{font-size:.93rem;max-width:150px}.public-header .brand small{font-size:.68rem}.header-tools{gap:5px}.font-controls{padding:2px;gap:1px}.font-control{width:28px;height:29px;font-size:.74rem}.menu-button{font-size:24px;padding:5px}
  .hero{padding:30px 12px 48px}.hero-copy{padding:23px 17px;border-radius:22px}.hero h1{font-size:clamp(2.15rem,10vw,3rem);margin-block:13px}.hero-copy>p{font-size:1rem;line-height:1.85}.hero .eyebrow{font-size:.78rem}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero .button{font-size:.92rem;padding-inline:12px}.mihrab{min-height:315px;border-radius:180px 180px 21px 21px}.mihrab-inner .ayah-line{font-size:clamp(1.45rem,7vw,2.2rem)}
  .ticker{font-size:.9rem;gap:10px}.content-section,.ask-section,.lantern-section{padding:54px 13px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:2rem;margin-block:9px}.section-heading p{font-size:.98rem}.panel{padding:18px}.book-card{padding:20px 17px}.book-card h3{font-size:1.3rem}.book-card p{font-size:.96rem;min-height:auto}.lantern-stage{grid-template-columns:1fr;padding:22px 16px;text-align:center}.lantern-stage h3{font-size:1.75rem}.lantern-glow{margin:auto;width:120px;height:155px;font-size:65px}.compact-form{grid-template-columns:1fr}.ask-layout{grid-template-columns:1fr}.question-block{padding-block:18px}.question-block h4{font-size:1.12rem}.option{min-height:50px}.social-float{left:9px;bottom:12px}
  .admin-main{padding:18px 12px}.admin-top{align-items:flex-start;flex-direction:column}.admin-actions{width:100%;justify-content:space-between}.admin-top h1{font-size:1.7rem}.stats{grid-template-columns:1fr 1fr}.stat-card{padding:17px}.stat-card strong{font-size:1.8rem}.toolbar-actions{display:grid;grid-template-columns:1fr;width:100%}.toolbar-actions .button{width:100%}.modal{padding:10px}.modal-card{padding:18px;width:100%}.data-table{font-size:.82rem}.exam-card{padding:18px}
}
@media(max-width:390px){.public-header .brand small{display:none}.public-header .brand b{max-width:125px}.hero-actions{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.gender-choice{grid-template-columns:1fr}.section-heading h2{font-size:1.85rem}}
@media(max-width:330px){.public-header{padding-inline:6px}.public-header .brand>span:last-child{display:none}.public-header .brand-mark{width:42px;height:42px}.header-tools{gap:2px}.hero{padding-inline:8px}.hero-copy{padding-inline:13px}}

/* v1.4.1 — public page routing: one focused section at a time */
[data-public-view]:not(.active){display:none!important}
.public-view.active{animation:publicPageIn .36s ease-out both}
body:not([data-current-view="home"]) main{min-height:calc(100svh - 84px)}
body:not([data-current-view="home"]) .public-view.active{min-height:calc(100svh - 84px)}
.public-header nav a.active,.public-header nav a[aria-current="page"]{color:var(--gold);text-shadow:0 0 18px rgba(184,137,61,.18)}
.public-header nav a.active:after,.public-header nav a[aria-current="page"]:after{width:100%}
.home-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));max-width:620px}
.home-shortcuts .button{width:100%}
@keyframes publicPageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:900px){body:not([data-current-view="home"]) main{min-height:calc(100svh - 72px)}body:not([data-current-view="home"]) .public-view.active{min-height:calc(100svh - 72px)}.public-header nav a.active{background:rgba(184,137,61,.1);border-radius:10px}}
@media(max-width:600px){.home-shortcuts{grid-template-columns:1fr 1fr}.home-shortcuts .button{min-height:44px}.public-view.active{animation-duration:.24s}}
@media(max-width:390px){.home-shortcuts{grid-template-columns:1fr}}

/* Individual Islamic backgrounds for the public pages */
#books,#exam,#lantern,#ask{position:relative;isolation:isolate;overflow:hidden}
#books>*,#exam>*,#lantern>*,#ask>*{position:relative;z-index:1}
#books{
  background-color:#eef9fd;
  background-image:radial-gradient(circle at 12% 18%,rgba(229,196,124,.24),transparent 24%),radial-gradient(circle at 88% 75%,rgba(81,158,194,.2),transparent 30%),linear-gradient(30deg,rgba(49,124,160,.075) 12%,transparent 12.5%,transparent 87%,rgba(49,124,160,.075) 87.5%),linear-gradient(150deg,rgba(49,124,160,.075) 12%,transparent 12.5%,transparent 87%,rgba(49,124,160,.075) 87.5%);
  background-size:auto,auto,76px 132px,76px 132px;background-position:center,center,0 0,38px 66px
}
#books:after{content:"۞";position:absolute;left:-4vw;bottom:-16vw;z-index:0;font-size:min(48vw,650px);line-height:1;color:rgba(39,108,142,.035);transform:rotate(-12deg);pointer-events:none}
#lantern{background-color:#153b59;background-image:radial-gradient(circle at 50% 15%,rgba(229,196,124,.22),transparent 22%),radial-gradient(circle at 16% 70%,rgba(86,167,201,.18),transparent 30%),linear-gradient(145deg,#102f49 0%,#1b5272 52%,#163d5a 100%)}
#lantern:before{opacity:.15;background:repeating-radial-gradient(circle at 50% -8%,transparent 0 40px,rgba(229,196,124,.38) 41px 42px),radial-gradient(circle,rgba(255,235,174,.85) 0 1px,transparent 1.6px);background-size:auto,62px 62px}
#lantern:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(60deg,transparent 49.5%,rgba(255,255,255,.035) 50%,transparent 50.5%),linear-gradient(-60deg,transparent 49.5%,rgba(255,255,255,.035) 50%,transparent 50.5%);background-size:100px 174px;pointer-events:none}
#exam{background-color:#f4fbfe;background-image:radial-gradient(circle at 50% 8%,rgba(229,196,124,.22),transparent 22%),linear-gradient(120deg,rgba(91,159,190,.11),transparent 33%),linear-gradient(240deg,rgba(91,159,190,.11),transparent 33%)}
#exam:before{content:"";position:absolute;z-index:0;top:70px;left:50%;width:min(74vw,960px);height:calc(100% - 120px);transform:translateX(-50%);border:1px solid rgba(45,102,134,.12);border-bottom:0;border-radius:480px 480px 0 0;box-shadow:inset 0 0 0 14px rgba(255,255,255,.22),inset 0 0 0 15px rgba(184,137,61,.1);background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.08));pointer-events:none}
#ask{background-color:#17445f;background-image:radial-gradient(circle at 82% 14%,rgba(229,196,124,.2),transparent 24%),radial-gradient(circle at 12% 78%,rgba(105,184,215,.2),transparent 27%),linear-gradient(145deg,#133850,#245f7e 58%,#173f5f)}
#ask:before{opacity:.13;background:linear-gradient(30deg,rgba(229,196,124,.52) 12%,transparent 12.5%,transparent 87%,rgba(229,196,124,.52) 87.5%),linear-gradient(150deg,rgba(229,196,124,.52) 12%,transparent 12.5%,transparent 87%,rgba(229,196,124,.52) 87.5%),linear-gradient(30deg,rgba(229,196,124,.52) 12%,transparent 12.5%,transparent 87%,rgba(229,196,124,.52) 87.5%),linear-gradient(150deg,rgba(229,196,124,.52) 12%,transparent 12.5%,transparent 87%,rgba(229,196,124,.52) 87.5%);background-size:92px 160px;background-position:0 0,0 0,46px 80px,46px 80px}
#ask:after{content:"؟";position:absolute;z-index:0;left:4vw;top:12%;font-size:min(38vw,480px);font-weight:700;color:rgba(255,255,255,.035);line-height:1;pointer-events:none}
@media(max-width:600px){#books:after{font-size:82vw;bottom:-22vw}#exam:before{top:46px;width:92vw;height:calc(100% - 78px)}#ask:after{font-size:70vw;top:18%}}

/* v1.4.2 — polished Sheikh entry and interactive analytics dashboard */
.sheikh-login{justify-self:end;display:flex;align-items:center;gap:12px;min-width:220px;padding:12px 16px;border:1px solid rgba(229,196,124,.45);border-radius:18px;color:#fff;text-decoration:none;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(105,184,215,.12));box-shadow:inset 0 1px rgba(255,255,255,.14),0 12px 30px rgba(4,24,38,.2);transition:transform .22s ease,border-color .22s ease,background .22s ease}.sheikh-login:hover{transform:translateY(-3px);border-color:var(--gold-2);background:linear-gradient(135deg,rgba(229,196,124,.2),rgba(105,184,215,.18))}.sheikh-login-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:linear-gradient(145deg,var(--gold),var(--gold-2));color:var(--deep);font-size:1.45rem;font-weight:900;box-shadow:0 7px 18px rgba(0,0,0,.2)}.sheikh-login b,.sheikh-login small{display:block}.sheikh-login b{font-size:1rem}.sheikh-login small{color:#bcd7e6;font-size:.76rem;margin-top:2px}
.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}.stat-card.interactive{position:relative;width:100%;min-height:155px;text-align:right;font-family:inherit;color:inherit;cursor:pointer;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.stat-card.interactive:before{content:"";position:absolute;inset:auto -28px -42px auto;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(87,166,201,.2),transparent 67%)}.stat-card.interactive:hover,.stat-card.interactive:focus-visible{transform:translateY(-5px);border-color:rgba(184,137,61,.55);box-shadow:0 20px 45px rgba(21,74,103,.16);outline:none}.stat-card.interactive>span:not(.stat-icon){display:block;font-weight:800;color:var(--ink)}.stat-card.interactive small{display:block;color:var(--muted);font-size:.72rem;margin-top:5px}.stat-icon{position:absolute;left:16px;top:16px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#e6f4fa;color:var(--deep);font-size:1.05rem}.dashboard-charts{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:18px;margin-bottom:25px}.chart-panel{min-width:0}.chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.chart-heading span{color:var(--gold);font-size:.78rem;font-weight:800}.chart-heading h2{font-size:1.35rem;margin:2px 0}.chart-heading>b{padding:7px 11px;border-radius:99px;background:#e7f4f9;color:var(--deep);font-size:.78rem;white-space:nowrap}.bar-chart{height:220px;display:flex;align-items:stretch;justify-content:space-around;gap:9px;padding:18px 6px 0;border-bottom:1px solid var(--line);background:linear-gradient(to top,rgba(88,162,195,.06) 1px,transparent 1px);background-size:100% 25%}.chart-column{flex:1;min-width:30px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.chart-column>b{font-size:.74rem;color:var(--deep)}.chart-column small{font-size:.68rem;color:var(--muted);white-space:nowrap}.chart-bar{width:min(44px,75%);height:var(--bar);min-height:8px;border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,#69b3d2,var(--deep));box-shadow:0 8px 18px rgba(34,102,139,.18);animation:chartGrow .7s ease both;transform-origin:bottom}.chart-empty{margin:auto;color:var(--muted);text-align:center}.score-chart{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:24px}.donut{width:145px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--donut);position:relative;box-shadow:0 15px 30px rgba(26,78,107,.14)}.donut:after{content:"";position:absolute;inset:20px;border-radius:50%;background:#fff}.donut span{position:relative;z-index:1;text-align:center}.donut span b,.donut span small{display:block}.donut span b{font-size:1.6rem;color:var(--deep)}.donut span small{font-size:.7rem;color:var(--muted)}.chart-legend{display:grid;gap:10px}.chart-legend>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:.76rem}.chart-legend i{width:9px;height:9px;border-radius:50%;background:var(--color)}.chart-legend b{color:var(--deep)}.tester-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin-bottom:18px;border:1px solid rgba(184,137,61,.4);border-radius:19px;background:linear-gradient(135deg,#f8fcff,#fff8e8)}.tester-card h3{margin:8px 0 0}.tester-card p{margin:2px 0;color:var(--muted)}.tester-card code,.dashboard-detail-table code{direction:ltr;display:inline-block;font-family:Consolas,monospace;color:var(--deep);background:#e8f4f8;padding:4px 8px;border-radius:7px}.dashboard-detail-table{overflow:auto;max-height:55vh}.visit-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.visit-summary article{text-align:center;padding:18px;border-radius:17px;background:#eaf6fb}.visit-summary strong,.visit-summary span{display:block}.visit-summary strong{font-size:1.8rem;color:var(--deep)}.visit-summary span{font-size:.78rem;color:var(--muted)}.tester-assignment{border-color:rgba(184,137,61,.5);background:#fffaf0!important}.tester-assignment .badge{margin-inline-start:8px}
@keyframes chartGrow{from{transform:scaleY(.05);opacity:.35}to{transform:none;opacity:1}}
@media(max-width:980px){.dashboard-charts{grid-template-columns:1fr}.score-chart{grid-template-columns:150px 1fr}}
@media(max-width:600px){footer{grid-template-columns:1fr}.sheikh-login{justify-self:stretch;min-width:0}.dashboard-stats{grid-template-columns:1fr 1fr}.stat-card.interactive{min-height:135px}.dashboard-charts{grid-template-columns:1fr}.score-chart{grid-template-columns:1fr}.donut{margin:auto}.tester-card{align-items:stretch;flex-direction:column}.visit-summary{grid-template-columns:1fr}.bar-chart{height:190px}.chart-column small{font-size:.6rem}}
@media(max-width:390px){.dashboard-stats{grid-template-columns:1fr}}
.integrity-pledge{display:grid;grid-template-columns:auto 1fr;gap:15px;margin:24px 0 16px;padding:20px;border:1px solid rgba(184,137,61,.46);border-radius:20px;background:linear-gradient(135deg,rgba(255,250,236,.98),rgba(235,247,252,.96));box-shadow:0 12px 28px rgba(25,77,105,.09)}.pledge-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--deep);color:var(--gold-2);font-size:1.45rem}.integrity-pledge h3{margin:0 0 7px;color:var(--deep);font-size:1.15rem}.integrity-pledge p{margin:0 0 14px;color:#405f71;line-height:1.9}.pledge-check{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;padding:12px;border-radius:13px;background:rgba(255,255,255,.75);cursor:pointer}.pledge-check input{width:20px;height:20px;min-height:0;margin-top:3px;accent-color:var(--deep)}.pledge-check span{font-weight:800;color:var(--deep)}#startExam:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}@media(max-width:600px){.integrity-pledge{grid-template-columns:1fr;padding:17px}.pledge-icon{width:40px;height:40px}.integrity-pledge p{font-size:.93rem}}

/* Focused exam experience */
#examWorkspace:not(.hidden){animation:examWorkspaceIn .45s ease-out both}#examWorkspace .exam-header{position:sticky;top:98px;z-index:6;padding:17px 19px;border:1px solid rgba(85,154,187,.2);border-radius:19px;background:rgba(247,252,255,.91);backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(20,70,98,.1)}#examForm{display:grid;gap:20px}.question-block{position:relative;padding:25px 23px 23px;border:1px solid rgba(64,137,173,.2);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(242,250,253,.94));box-shadow:0 11px 30px rgba(25,77,105,.075);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.question-block:before{content:"";position:absolute;top:0;right:0;bottom:0;width:5px;background:linear-gradient(var(--gold-2),var(--green-2));opacity:.78}.question-block:hover{transform:translateY(-3px);border-color:rgba(184,137,61,.42);box-shadow:0 19px 42px rgba(25,77,105,.13)}.question-block>small{display:inline-flex;align-items:center;min-height:29px;padding:3px 10px;border-radius:99px;background:#e6f4f9;color:var(--deep);font-weight:800}.question-block h4{margin-top:15px;line-height:1.8;color:var(--deep)}.question-block .options{gap:12px}.question-block .option{position:relative;isolation:isolate;min-height:58px;padding:14px 16px;border:1px solid rgba(61,133,168,.22);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 5px 15px rgba(30,87,117,.055);overflow:hidden;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease,background .22s ease}.question-block .option:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:0;background:linear-gradient(105deg,rgba(103,180,214,.2),rgba(229,196,124,.2));transition:width .28s ease}.question-block .option:hover{transform:translateX(-7px) translateY(-2px);border-color:rgba(54,133,171,.52);box-shadow:0 12px 27px rgba(24,78,108,.14)}.question-block .option:hover:before{width:100%}.question-block .option:has(input:checked){transform:translateX(-5px);border-color:var(--gold);background:linear-gradient(105deg,#eef9fd,#fff8e7);box-shadow:0 0 0 3px rgba(184,137,61,.14),0 13px 30px rgba(25,77,105,.12)}.question-block .option:has(input:checked):after{content:"✓";position:absolute;left:15px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--deep);color:#fff;font-weight:900}.question-block .option input[type="radio"]{appearance:none;width:21px;height:21px;min-height:0;flex:0 0 auto;margin:0;border:2px solid #78a9bf;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px #fff;transition:.2s}.question-block .option input[type="radio"]:checked{border-color:var(--gold);background:var(--deep)}.question-block .option span{padding-inline-end:35px}.matching-row{padding:12px;border:1px solid rgba(64,137,173,.16);border-radius:15px;background:rgba(255,255,255,.72);transition:transform .2s ease,box-shadow .2s ease}.matching-row:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(25,77,105,.1)}#examForm>.button[type="submit"]{position:sticky;bottom:16px;z-index:7;width:min(360px,100%);margin:8px auto 0;box-shadow:0 14px 35px rgba(25,77,105,.24)}@keyframes examWorkspaceIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:600px){#examWorkspace .exam-header{top:80px;padding:14px}.question-block{padding:20px 16px 18px;border-radius:18px}.question-block .option{padding:12px 13px}.question-block .option:hover{transform:translateY(-2px)}.question-block .option:has(input:checked){transform:none}.question-block .option:has(input:checked):after{left:10px}.question-block .option span{padding-inline-end:30px}}
@media(prefers-reduced-motion:reduce){#examWorkspace:not(.hidden),.question-block,.question-block .option,.question-block .option:before,.matching-row{animation:none!important;transition:none!important}.question-block:hover,.question-block .option:hover,.question-block .option:has(input:checked),.matching-row:hover{transform:none}}

/* v1.4.3 — faster rendering and clearer responsive typography */
html{font-size:19px;scroll-behavior:auto}
html[data-font-size="small"]{font-size:17px}
html[data-font-size="normal"]{font-size:19px}
html[data-font-size="large"]{font-size:21px}

/* Solid translucent surfaces keep the same visual identity without costly live blur. */
.public-header{background:rgba(246,252,255,.98);backdrop-filter:none}
.hero-copy,#books .section-heading,#exam .section-heading,#books .book-card,
#exam .panel,.lantern-stage,.book-card,.panel,.stat-card,.exam-card,.question-card,
#examWorkspace .exam-header{backdrop-filter:none}
.hero-copy{background:rgba(255,255,255,.9);box-shadow:0 18px 42px rgba(27,80,109,.12)}
.book-card,.panel,.stat-card,.exam-card,.question-card{background:#fff;box-shadow:0 8px 24px rgba(21,74,103,.085)}
#examWorkspace .exam-header{background:#f7fcff;box-shadow:0 8px 22px rgba(20,70,98,.09)}

/* Only visible exam questions are laid out and painted; this is important for 50-question exams. */
.question-block{content-visibility:auto;contain-intrinsic-size:auto 360px;box-shadow:0 7px 20px rgba(25,77,105,.07)}
.question-block:hover{box-shadow:0 12px 28px rgba(25,77,105,.11)}
.question-block .option{box-shadow:0 3px 10px rgba(30,87,117,.045)}
.question-block .option:hover{box-shadow:0 8px 18px rgba(24,78,108,.11)}
.public-view.active{animation-duration:.18s}
#examWorkspace:not(.hidden){animation-duration:.25s}

/* The administration area uses a highly legible interface face; Quran-style type remains in headings. */
.admin-body{font-family:"Segoe UI",Tahoma,Arial,ManaraArabic,sans-serif;font-size:1rem;line-height:1.72}
.admin-body h1,.admin-body h2,.admin-body h3,.admin-body .brand b{font-family:ManaraArabic,"Segoe UI",Tahoma,sans-serif}
.admin-body .sidebar .brand b{font-size:1.16rem}
.admin-body .sidebar .brand small{font-size:.88rem;line-height:1.5}
.admin-body .sidebar button{font-size:1.05rem;line-height:1.5;padding:13px 15px}
.admin-body .admin-top h1{font-size:2.15rem}
.admin-body .admin-top p{font-size:1rem}
.admin-body .button{font-size:1rem}
.admin-body .button.small{font-size:.92rem}
.admin-body .stat-card.interactive>span:not(.stat-icon){font-size:1.02rem}
.admin-body .stat-card.interactive small{font-size:.86rem;line-height:1.55}
.admin-body .stat-card strong{font-size:2.35rem}
.admin-body .chart-heading span,.admin-body .chart-heading>b{font-size:.9rem}
.admin-body .chart-heading h2{font-size:1.55rem}
.admin-body .chart-column>b{font-size:.9rem}
.admin-body .chart-column small{font-size:.8rem}
.admin-body .chart-legend>div{font-size:.9rem}
.admin-body .donut span small{font-size:.82rem}
.admin-body .visit-summary span{font-size:.9rem}
.admin-body .data-table{font-size:.96rem}
.admin-body .badge{font-size:.8rem}
.admin-body .muted{font-size:.94rem}

/* Clearer exam reading while keeping the display typeface for question headings. */
#examWorkspace .exam-header,#examForm .option,#examForm select,#examForm input{
  font-family:"Segoe UI",Tahoma,Arial,ManaraArabic,sans-serif
}
.question-block h4{font-size:1.3rem}
.question-block .option{font-size:1.08rem;line-height:1.65}

@media(max-width:900px){
  .admin-body .sidebar nav{padding-block:4px}.admin-body .sidebar button{white-space:nowrap}
}
@media(max-width:600px){
  html{font-size:17px}html[data-font-size="small"]{font-size:15px}html[data-font-size="normal"]{font-size:17px}html[data-font-size="large"]{font-size:19px}
  .admin-body .admin-top h1{font-size:1.8rem}.admin-body .admin-top p{font-size:.96rem}
  .admin-body .sidebar button{font-size:1rem}.admin-body .stat-card.interactive small{font-size:.82rem}
  .admin-body .data-table{font-size:.9rem}.question-block{contain-intrinsic-size:auto 330px}
  .question-block h4{font-size:1.2rem}.question-block .option{font-size:1rem}
}

/* v1.4.4 — one-question exam flow and final review */
.exam-progress-panel{margin:0 0 22px;padding:20px;border:1px solid rgba(57,127,162,.2);border-radius:22px;background:#fff;box-shadow:0 7px 22px rgba(25,77,105,.07)}
.exam-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:11px}.exam-progress-copy b{font-size:1.08rem;color:var(--deep)}.exam-progress-copy span{font-size:.9rem;color:var(--muted)}
.exam-progress-track{height:9px;margin-bottom:17px;border-radius:99px;overflow:hidden;background:#e5f1f6}.exam-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green-2),var(--deep),var(--gold));transition:width .25s ease}
.question-navigator{display:grid;grid-template-columns:repeat(10,minmax(36px,1fr));gap:8px}.question-navigator button,.unanswered-review button{height:40px;border:1px solid #bfd5df;border-radius:11px;background:#f7fbfd;color:var(--deep);font:800 .85rem/1 "Segoe UI",Tahoma,sans-serif;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.question-navigator button:hover,.unanswered-review button:hover{transform:translateY(-2px);border-color:var(--green-2)}.question-navigator button.answered{background:#dceff7;border-color:#82bad2}.question-navigator button.current{background:var(--deep);border-color:var(--gold);color:#fff;box-shadow:0 0 0 3px rgba(184,137,61,.17)}
.navigator-key{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:14px 0 0;color:var(--muted);font-size:.78rem}.navigator-key span{display:flex;align-items:center;gap:6px}.navigator-key i{width:11px;height:11px;border:1px solid #bfd5df;border-radius:3px;background:#f7fbfd}.navigator-key i.answered{background:#dceff7;border-color:#82bad2}.navigator-key i.current{background:var(--deep);border-color:var(--gold)}
.question-stage{min-height:360px;overflow-anchor:none}.question-stage .question-block{content-visibility:visible;contain:none;animation:questionDoorIn .22s ease-out both}.question-stage .question-block.question-hidden{display:none!important}.exam-nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;overflow-anchor:none}.exam-nav-actions button{min-height:54px}.exam-nav-actions button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}
@keyframes questionDoorIn{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:none}}
.modal-open{overflow:hidden}.exam-review-modal{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:18px;background:rgba(10,38,55,.74)}.exam-review-card{width:min(720px,100%);max-height:92vh;overflow:auto;padding:28px;border:1px solid rgba(229,196,124,.5);border-radius:27px;background:#fafdff;box-shadow:0 30px 90px rgba(4,31,47,.35)}.review-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.review-title h2{margin:8px 0 18px;font-size:1.65rem;color:var(--deep)}.review-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.review-summary article{padding:16px;text-align:center;border:1px solid #cee1e9;border-radius:17px;background:#edf7fb}.review-summary article.done{background:#e8f6ef;border-color:#b8dfca}.review-summary article.warning{background:#fff5dc;border-color:#ead08d}.review-summary strong,.review-summary span{display:block}.review-summary strong{font-size:1.8rem;color:var(--deep)}.review-summary span{font-size:.86rem;color:var(--muted)}
.unanswered-review{margin:18px 0}.unanswered-review h3{margin:0;color:var(--deep)}.unanswered-review p{margin:4px 0 12px;color:var(--muted)}.unanswered-review>div:not(.review-complete){display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.review-complete{display:grid;gap:3px;padding:15px;border-radius:15px;background:#e8f6ef;color:#285b43}.review-complete span{font-size:.9rem}
.review-confirm{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;gap:11px;margin:18px 0;padding:15px;border:1px solid rgba(184,137,61,.35);border-radius:16px;background:#fff9e9;cursor:pointer}.review-confirm input{width:21px;height:21px;min-height:0;margin-top:3px;accent-color:var(--deep)}.review-confirm span{color:var(--deep);font-weight:800;line-height:1.7}.review-actions{display:flex;justify-content:flex-end;gap:11px;flex-wrap:wrap}.review-actions .button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}
@media(max-width:700px){.question-navigator{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-height:145px;overflow-x:hidden;overflow-y:auto;padding:3px 2px 9px;scrollbar-width:thin;overscroll-behavior:contain}.question-navigator button{width:100%;min-width:0}.question-stage{min-height:320px}.exam-progress-panel{padding:16px 13px}.exam-progress-copy{align-items:flex-start;flex-direction:column;gap:2px}.exam-nav-actions{grid-template-columns:1fr 1fr}.exam-nav-actions .button{padding-inline:10px}.exam-review-card{padding:20px 15px}.review-title h2{font-size:1.35rem}.review-summary{gap:6px}.review-summary article{padding:12px 5px}.review-summary strong{font-size:1.5rem}.review-summary span{font-size:.73rem}.unanswered-review>div:not(.review-complete){grid-template-columns:repeat(5,1fr)}.review-actions{display:grid;grid-template-columns:1fr}.review-actions .button{width:100%}}
@media(max-width:390px){.question-navigator{grid-template-columns:repeat(4,1fr)}.exam-nav-actions{grid-template-columns:1fr}.review-summary{grid-template-columns:1fr 1fr}.review-summary article:first-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.question-stage .question-block{animation:none}.exam-progress-track span,.question-navigator button,.unanswered-review button{transition:none}}

/* One-question authoring flow in the Sheikh dashboard. */
.modal-card:has(.exam-manager-layout){width:min(1220px,96vw)}.exam-manager-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start}.admin-question-workspace{min-width:0}.admin-question-progress{display:grid;gap:12px;margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:17px;background:#edf7fb}.admin-question-progress>b{color:var(--deep)}.admin-question-navigator{display:grid;grid-template-columns:repeat(10,minmax(32px,1fr));gap:6px;max-height:150px;overflow:auto;padding:2px}.admin-question-navigator button{height:36px;border:1px solid #bdd6e1;border-radius:9px;background:#fff;color:var(--deep);font:800 .78rem/1 "Segoe UI",Tahoma,sans-serif;cursor:pointer}.admin-question-navigator button:hover{border-color:var(--green-2);background:#f0f8fb}.admin-question-navigator button.current{border-color:var(--gold);background:var(--deep);color:#fff;box-shadow:0 0 0 2px rgba(184,137,61,.15)}.admin-question-card{min-height:260px;display:grid;align-content:start;animation:questionDoorIn .2s ease-out both}.admin-question-card>p{font-size:1.08rem;line-height:1.85}.admin-question-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.admin-question-actions button:disabled{cursor:not-allowed;opacity:.45}.student-assignment-list{max-height:450px;overflow:auto;padding-inline-end:4px}.question-form-actions{display:flex;gap:10px;flex-wrap:wrap}.question-form-actions .button{flex:1 1 220px}
@media(max-width:900px){.exam-manager-layout{grid-template-columns:1fr}.admin-question-navigator{grid-template-columns:repeat(8,1fr)}.student-assignment-list{max-height:330px}}
@media(max-width:600px){.modal-card:has(.exam-manager-layout){width:100%}.admin-question-navigator{grid-template-columns:repeat(5,1fr)}.admin-question-card{min-height:230px}.admin-question-actions{grid-template-columns:1fr 1fr}.question-form-actions{display:grid;grid-template-columns:1fr}.question-form-actions .button{width:100%}}

/* Editable student names and exam identifiers. */
.student-assignment-card{padding:15px}.student-assignment-view{display:flex;align-items:center;justify-content:space-between;gap:12px}.student-assignment-view>div{min-width:0;display:grid;gap:5px}.student-assignment-view code{direction:ltr;text-align:left;color:var(--deep);font-weight:800;overflow-wrap:anywhere}.student-assignment-view .badge{width:max-content}.student-assignment-edit{display:grid;gap:11px}.student-assignment-edit label{font-size:.86rem}.student-assignment-edit input{padding:10px 12px;font-size:.9rem}.student-edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.student-assignment-edit .form-message{font-size:.8rem}
@media(max-width:480px){.student-assignment-view{align-items:stretch;flex-direction:column}.student-assignment-view .button{width:100%}.student-edit-actions{grid-template-columns:1fr}}

/* v1.6 — coherent type scaling, rotating verses, exam notice, students, and integrity. */
html{font-size:17px}
html[data-font-size="small"]{font-size:15px}
html[data-font-size="normal"]{font-size:17px}
html[data-font-size="large"]{font-size:19px}
body{font-size:1rem}
button,input,textarea,select,table{font-size:1rem}
.brand b{font-size:1.1rem}.brand small{font-size:.76rem}.public-header nav a{font-size:.94rem}
.button{font-size:.94rem}.button.small{font-size:.82rem}.badge{font-size:.76rem}.muted,small{font-size:.86rem}
.hero h1{font-size:clamp(2.7rem,4.5vw,4.7rem)}.section-heading h2{font-size:clamp(2.15rem,3.8vw,3.55rem)}.admin-top h1{font-size:2rem}.toolbar h2{font-size:1.6rem}.question-block h4{font-size:1.25rem}
html[data-font-size="small"] .hero h1{font-size:clamp(2.9rem,4.7vw,4.9rem)}
html[data-font-size="small"] .section-heading h2{font-size:clamp(2.3rem,4vw,3.7rem)}
html[data-font-size="small"] .admin-top h1{font-size:2.12rem}
html[data-font-size="large"] .hero h1{font-size:clamp(2.55rem,4.25vw,4.45rem)}
html[data-font-size="large"] .section-heading h2{font-size:clamp(2.02rem,3.6vw,3.35rem)}
html[data-font-size="large"] .admin-top h1{font-size:1.9rem}

.next-exam-banner{display:flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:9px max(3vw,16px);background:linear-gradient(90deg,#173f5f,#2d6686,#173f5f);color:#fff;text-align:center;box-shadow:0 7px 25px rgba(17,63,90,.18);position:relative;z-index:55}
.next-exam-banner>span{color:var(--gold-2);font-size:1.2rem}.next-exam-banner b{color:var(--gold-2)}.next-exam-banner strong{font-weight:900}.next-exam-banner time{color:#d9edf6}.next-exam-banner a{margin-inline-start:6px;padding:4px 11px;border:1px solid rgba(255,255,255,.45);border-radius:99px;color:#fff;text-decoration:none;font-weight:800}
.mihrab-inner{width:100%}.mihrab-inner .ayah-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.22em;margin:0!important;padding:.5em .2em;font-family:"Amiri Quran","Traditional Arabic",ManaraArabic,serif;font-size:clamp(1.7rem,2.65vw,2.85rem);font-weight:400;line-height:2.05;white-space:normal;text-rendering:optimizeLegibility}
.mihrab-inner .ayah-line b{min-width:0;text-align:center;white-space:normal;overflow-wrap:normal;font-weight:400;transition:opacity .25s ease,transform .25s ease}.mihrab-inner .ayah-line span{align-self:center;font-size:.9em;line-height:1}.mihrab-inner small{font-size:.88rem;transition:opacity .25s ease}.mihrab-inner .changing{opacity:0;transform:translateY(5px)}

.integrity-warning{display:grid;gap:5px;margin:20px 0;padding:16px 18px;border:1px solid #e2b755;border-inline-start:5px solid #b77a17;border-radius:15px;background:#fff4d8;color:#65470e}.integrity-warning b{font-size:1.05rem}.integrity-warning span{line-height:1.75}.integrity-failed{border:1px solid #e0aaa6;background:#fff0ee;color:#8a2e2e}.exam-violation-result{min-height:360px;display:grid;place-content:center;justify-items:center;gap:9px;text-align:center;padding:30px}.exam-violation-result>span{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#a33e3e;color:#fff;font:900 2rem/1 sans-serif}.exam-violation-result h2{margin:6px 0 0;color:#8a2e2e}.exam-violation-result p{max-width:620px;margin:0;line-height:1.9}

.student-summary-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.student-summary-stats .stat-card{position:relative;display:grid;align-content:start;gap:6px;min-height:160px;overflow:hidden}.student-summary-stats .stat-card>span:not(.stat-icon),.student-summary-stats .stat-card>small{display:block;line-height:1.55}.student-dashboard-toolbar{align-items:flex-end}.student-dashboard-toolbar p{margin:3px 0 0}.student-search-label{width:min(360px,100%);font-size:.82rem}.student-search-label input{margin-top:4px}.student-dashboard-list{display:grid;gap:13px}.student-profile{border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 8px 24px rgba(21,74,103,.065);overflow:hidden}.student-profile>summary{list-style:none;display:grid;grid-template-columns:52px minmax(0,1fr) auto 28px;align-items:center;gap:13px;padding:16px 18px;cursor:pointer}.student-profile>summary::-webkit-details-marker{display:none}.student-profile[open]>summary{background:#edf7fb;border-bottom:1px solid var(--line)}.student-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,var(--deep),var(--green-2));color:#fff;font-size:1.3rem;font-weight:900}.student-profile-name h3{margin:0;color:var(--deep);font-size:1.1rem}.student-profile-name span{color:var(--muted);font-size:.82rem}.student-profile-score{text-align:center}.student-profile-score b,.student-profile-score small{display:block}.student-profile-score b{color:var(--deep);font-size:1.1rem}.student-profile-open{font-size:1.35rem;color:var(--green);transition:transform .2s}.student-profile[open] .student-profile-open{transform:rotate(180deg)}.student-profile-body{padding:15px}.student-exams-table{overflow:auto}.student-exams-table td>small{display:block;margin-top:3px;color:var(--muted)}.student-exams-table code{direction:ltr;display:inline-block;padding:5px 8px;border-radius:7px;background:#e8f4f8;color:var(--deep);font:700 .84rem/1.4 Consolas,monospace}.badge.violation{background:#f8d9d5;color:#8b302b}.integrity-row{background:#fff9f8}.integrity-row td:first-child{border-inline-start:4px solid #bf5b52}

@media(max-width:900px){.student-summary-stats{grid-template-columns:1fr 1fr}.next-exam-banner{flex-wrap:wrap}.student-dashboard-toolbar{align-items:stretch;flex-direction:column}.student-search-label{width:100%}}
@media(max-width:600px){html{font-size:16px}html[data-font-size="small"]{font-size:14px}html[data-font-size="normal"]{font-size:16px}html[data-font-size="large"]{font-size:18px}.next-exam-banner{gap:5px 8px;padding-block:8px;font-size:.86rem}.next-exam-banner time{width:100%}.mihrab-inner .ayah-line{font-size:clamp(1.45rem,6.6vw,2.15rem);line-height:2.15}.student-summary-stats{grid-template-columns:1fr 1fr}.student-profile>summary{grid-template-columns:44px minmax(0,1fr) auto;padding:13px}.student-avatar{width:42px;height:42px}.student-profile-open{display:none}.student-profile-score small{display:none}.student-profile-body{padding:8px}.student-exams-table .data-table{min-width:720px}}

/* v1.7 — permanent student pages, approval workflow, and private exam timeline. */
.student-portal-shell{width:min(1120px,100%);margin:auto;position:relative;z-index:2}.student-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.student-entry-grid>.panel{min-height:360px;padding:32px;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.student-entry-grid h3,.student-registration h3,.student-history h3{margin:8px 0;color:var(--deep);font-size:1.55rem}.student-entry-grid p{color:var(--muted);line-height:1.85}.student-login-card label{margin:12px 0}.portal-step{width:max-content;padding:5px 11px;border-radius:99px;background:#e3f2f8;color:var(--deep);font-size:.78rem;font-weight:900}.portal-steps{display:grid;gap:9px;margin:12px 0 22px;padding-inline-start:25px;color:#466778}.portal-steps li::marker{color:var(--gold);font-weight:900}.student-registration{width:min(940px,100%);margin:auto;padding:30px}.registration-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.student-registration label small{display:block;color:var(--muted);font-weight:400}.privacy-note{display:flex;align-items:center;gap:11px;margin:20px 0;padding:14px 16px;border-radius:15px;background:#e8f5fa;color:#315c72}.privacy-note b{color:var(--deep);white-space:nowrap}.registration-success{text-align:center;display:grid;justify-items:center;gap:12px;padding:20px}.registration-success>span{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:#dff3e8;color:#276445;font-size:2rem;font-weight:900}.permanent-code{width:min(520px,100%);display:grid;gap:8px;padding:20px;border:1px dashed var(--gold);border-radius:18px;background:#fff9e9}.permanent-code small,.permanent-code code{display:block}.permanent-code code{direction:ltr;font:800 1.45rem/1.4 Consolas,monospace;color:var(--deep);letter-spacing:.05em}.student-dashboard{display:grid;gap:18px}.student-welcome-card,.next-student-exam,.student-empty-next,.student-history{border:1px solid rgba(58,129,163,.2);border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(22,74,102,.09)}.student-welcome-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;background:linear-gradient(135deg,#fafdff,#eaf7fc)}.student-welcome-card h2{margin:6px 0;color:var(--deep);font-size:2rem}.student-welcome-card p{margin:0;color:var(--muted)}.student-welcome-card code,.student-exam-row code{direction:ltr;display:inline-block;padding:4px 8px;border-radius:7px;background:#dfeff6;color:var(--deep);font-family:Consolas,monospace}.next-student-exam{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 29px;color:#fff;background:linear-gradient(135deg,#174865,#276f91)}.next-student-exam:after{content:"۞";position:absolute;left:4%;font-size:7rem;color:rgba(255,255,255,.06)}.next-student-exam>*,.student-empty-next>*{position:relative;z-index:1}.next-student-exam span{color:var(--gold-2);font-weight:900}.next-student-exam h3{margin:5px 0;color:#fff}.next-student-exam p{margin:0;color:#d6e9f2}.student-empty-next{display:flex;align-items:center;gap:15px;padding:24px}.student-empty-next>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#e3f3ea;color:#2d7654;font-size:1.4rem;font-weight:900}.student-empty-next h3,.student-empty-next p{margin:2px 0}.student-empty-next p{color:var(--muted)}.student-history{padding:24px}.section-mini-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.section-mini-heading span{padding:5px 10px;border-radius:99px;background:#e7f4f9;color:var(--deep);font-weight:800}.student-exam-list{display:grid;gap:10px}.student-exam-row{width:100%;display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 17px;text-align:right;border:1px solid var(--line);border-radius:16px;background:#fbfdfe;color:inherit;font:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.student-exam-row:hover{transform:translateY(-2px);border-color:rgba(184,137,61,.55);box-shadow:0 9px 22px rgba(22,74,102,.1)}.student-exam-row b,.student-exam-row small{display:block}.student-exam-row b{color:var(--deep)}.student-exam-row small{color:var(--muted);margin-top:3px}.student-exam-row>strong{color:var(--deep)}.student-exam-status{padding:6px 8px;border-radius:9px;background:#e8f2f7;color:#315f77;text-align:center;font-size:.78rem;font-weight:900}.student-exam-status.open{background:#dff2e8;color:#276445}.student-exam-status.upcoming{background:#fff1cb;color:#79570e}.student-exam-status.violation{background:#f8d9d5;color:#8b302b}.form-message.waiting{padding:12px;border-radius:12px;background:#fff2cf;color:#73520d}.form-message.waiting b{color:#634506}
.registration-requests-panel{margin-bottom:20px}.student-requests-list{display:grid;gap:13px}.student-request-card{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(320px,1.4fr) auto;align-items:center;gap:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fbfdfe}.student-request-main{display:flex;align-items:center;gap:13px}.student-request-main h3{margin:5px 0 0;color:var(--deep)}.student-request-main code,.student-profile-name code{display:inline-block;direction:ltr;color:var(--deep);font:700 .8rem/1.5 Consolas,monospace}.student-request-main small{display:block;color:var(--muted);margin-top:4px}.student-request-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;margin:0}.student-request-data>div{min-width:0}.student-request-data dt{color:var(--muted);font-size:.74rem}.student-request-data dd{margin:0;color:var(--ink);font-size:.86rem;overflow-wrap:anywhere}.student-request-actions{display:grid;gap:7px}.student-profile-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:13px}.student-profile-actions small{margin-inline-start:auto;color:var(--muted)}.student-picker{display:grid;gap:8px;max-height:260px;overflow:auto;padding:13px;border:1px solid var(--line);border-radius:15px}.student-picker legend{padding-inline:7px;color:var(--deep);font-weight:900}.student-picker label{display:flex;align-items:center;gap:9px;padding:9px;border-radius:11px;background:#f3f9fc;cursor:pointer}.student-picker input{width:19px;height:19px;min-height:0;accent-color:var(--deep)}.student-picker label span{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.student-picker code{direction:ltr;color:var(--muted);font:700 .78rem/1.4 Consolas,monospace}.empty-card.compact{padding:15px;min-height:0}
@media(max-width:900px){.student-entry-grid{grid-template-columns:1fr}.student-entry-grid>.panel{min-height:0}.student-request-card{grid-template-columns:1fr}.student-request-actions{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.student-entry-grid>.panel,.student-registration,.student-history{padding:19px 15px}.student-registration .form-grid{grid-template-columns:1fr}.student-registration .wide{grid-column:auto}.privacy-note{align-items:flex-start;flex-direction:column}.student-welcome-card,.next-student-exam{align-items:stretch;flex-direction:column;padding:20px}.student-welcome-card h2{font-size:1.6rem}.student-exam-row{grid-template-columns:1fr auto}.student-exam-status{grid-column:1/-1;width:max-content}.student-request-data{grid-template-columns:1fr}.student-request-actions{grid-template-columns:1fr}.student-profile-actions{display:grid}.student-profile-actions small{margin:0}.permanent-code code{font-size:1.12rem}.student-picker label span{align-items:flex-start;flex-direction:column}.student-picker code{font-size:.72rem}}

/* v1.8 — merged question bank and bulk student assignment. */
.question-bank-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.question-bank-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.question-bank-layout>.panel{height:auto;align-self:start}.question-bank-summary{display:grid;gap:9px}.question-bank-summary>p{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#f3f9fc}.question-bank-summary b{color:var(--deep)}.select-all-students{position:sticky;top:0;z-index:2;border:1px solid rgba(184,137,61,.45);background:#fff5d9!important;box-shadow:0 4px 12px rgba(22,74,102,.08)}.select-all-students small{color:var(--muted)}
@media(max-width:900px){.question-bank-layout{grid-template-columns:1fr}.question-bank-stats{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.question-bank-stats{grid-template-columns:1fr}.question-bank-summary>p{align-items:flex-start;flex-direction:column}}

/* Keep the compact dashboard navigation swipeable without an intrusive bar. */
@media(max-width:900px){
  .admin-body .sidebar nav{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain}
  .admin-body .sidebar nav::-webkit-scrollbar{display:none}
}

/* v1.8.2 — mobile-stable exam flow and three timed exit allowances. */
html,body{max-width:100%;overflow-x:clip}
#examWorkspace,#examForm,.question-stage,.question-block,.question-block .options,.question-block .option{min-width:0;max-width:100%}
#examWorkspace{width:100%;overflow-x:clip}
.question-block h4,.question-block .option span,.matching-row span{overflow-wrap:anywhere;word-break:normal}
.exam-integrity-status{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:12px 15px;border:1px solid #bddce9;border-radius:15px;background:#edf8fc;color:var(--deep)}
.exam-integrity-status b,.exam-integrity-status small{display:block}.exam-integrity-status b span{font-size:1.2em}.exam-integrity-status small{color:var(--muted)}
.exam-integrity-status.warning{border-color:#e2bd62;background:#fff5dc;color:#704e08}
@media(max-width:700px){
  #examWorkspace,#examForm,.exam-progress-panel,.question-stage,.question-block{width:100%;max-width:100%;overflow-x:clip}
  .question-block .option:hover,.question-block .option:has(input:checked){transform:translateY(-2px)}
  .question-block .option:has(input:checked):after{left:10px}
  .exam-integrity-status{align-items:flex-start;flex-direction:column;gap:3px}
  .exam-nav-actions{position:sticky;bottom:6px;z-index:8;padding:7px;border:1px solid rgba(61,133,168,.18);border-radius:16px;background:rgba(248,252,254,.96);box-shadow:0 9px 25px rgba(25,77,105,.14)}
}

/* v1.8.3 — result review, support, and focused dashboards. */
.admin-actions{flex-wrap:wrap}
.admin-body .sidebar{background:linear-gradient(180deg,#143f5e 0%,#205f7e 58%,#17465f 100%);box-shadow:-14px 0 35px rgba(14,50,72,.12)}
.admin-body .sidebar nav{display:grid;gap:6px}.admin-body .sidebar nav button{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;border:1px solid transparent;border-radius:14px;text-align:right;background:transparent;transition:.18s}
.admin-body .sidebar nav button>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.09);color:#dceef6}
.admin-body .sidebar nav button:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.12);transform:translateX(-2px)}
.admin-body .sidebar nav button.active{background:linear-gradient(90deg,rgba(88,161,195,.4),rgba(255,255,255,.12));border-color:rgba(229,196,124,.28);box-shadow:inset -4px 0 var(--gold-2),0 8px 20px rgba(8,37,54,.12)}
.admin-body .sidebar nav button.active>span{background:var(--gold-2);color:var(--deep)}
.result-events{display:grid;gap:9px}.result-event{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:15px;background:#f8fcfe}
.result-event>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#dff2e8;color:#276445;font-weight:900}.result-event.violation{border-color:#e8b9b5;background:#fff7f6}.result-event.violation>span{background:#f1d1ce;color:#933b35}.result-event b,.result-event small{display:block}.result-event small{color:var(--muted);margin-top:2px}.result-event strong{color:var(--deep);white-space:nowrap}.result-event.violation strong{color:#9b3d37}.result-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.result-pager b{color:var(--deep)}.chart-bar.has-violation{background:linear-gradient(180deg,#c85f59,var(--deep))}
.support-admin-list,.student-support-list{display:grid;gap:14px}.support-admin-card{padding:19px;border:1px solid var(--line);border-radius:19px;background:#fbfdfe}.support-admin-card.new{border-inline-start:5px solid var(--gold)}.support-admin-card.answered{border-inline-start:5px solid #3d916f}.support-admin-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.support-admin-card h3{margin:6px 0}.support-admin-card code{display:block;direction:ltr;margin-top:4px;color:var(--deep);font:700 .78rem Consolas,monospace}.support-message{padding:13px;border-radius:13px;background:#eef7fb;line-height:1.8}.support-reply-actions{display:grid;grid-template-columns:minmax(160px,.35fr) minmax(180px,.65fr);gap:10px}
.student-welcome-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.student-row-actions{display:grid;justify-items:end;gap:7px}.student-exam-row .button{min-height:38px}.review-wait{color:#a16817!important}.student-support-panel{padding:24px;border:1px solid rgba(58,129,163,.24);border-radius:24px;background:linear-gradient(145deg,#fafdff,#eaf7fc);box-shadow:0 12px 32px rgba(22,74,102,.1)}.student-support-panel>.section-mini-heading h3{margin:5px 0}.support-ticket{padding:17px;border:1px solid var(--line);border-radius:17px;background:#fff}.support-ticket>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-ticket>header span{padding:5px 9px;border-radius:99px;background:#fff1cb;color:#79570e;font-size:.78rem;font-weight:900}.support-ticket.answered>header span{background:#dff2e8;color:#276445}.support-ticket p{line-height:1.8}.support-answer{margin:12px 0;padding:14px;border-radius:14px;background:#e7f4f9;border-inline-start:4px solid var(--deep)}.support-answer p{margin:5px 0 0}.support-ticket>small{color:var(--muted)}
.review-summary{margin:18px 0;padding:25px;border-radius:22px;background:linear-gradient(135deg,#173f5f,#2d708f);color:#fff}.review-summary h2{margin:7px 0;color:#fff}.review-summary strong{display:inline-block;padding:7px 12px;border-radius:10px;background:var(--gold-2);color:var(--deep)}.review-summary p{margin:10px 0 0;color:#d9edf5}.exam-review-list{display:grid;gap:16px}.exam-review-card{padding:22px;border:1px solid var(--line);border-inline-start:6px solid #b95049;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(21,74,103,.08)}.exam-review-card.correct{border-inline-start-color:#2e8b68}.exam-review-card>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.exam-review-card>header b{color:#9c3d37}.exam-review-card.correct>header b{color:#287454}.exam-review-card h3{color:var(--deep);line-height:1.8}.review-answer{display:grid;grid-template-columns:150px 1fr;gap:10px;margin-top:9px;padding:12px 14px;border-radius:13px}.review-answer.student{background:#f3f6f7}.review-answer.correct{background:#e6f5ed}.review-answer p{margin:0}.review-note{margin:10px 0 0;padding:10px 13px;border-radius:11px;background:#fff7df;line-height:1.75}
/* The in-site dark theme was removed. Device/browser appearance settings remain available to the user. */
@media(max-width:900px){.public-header{gap:8px}.header-tools{flex-wrap:nowrap}.admin-body .sidebar nav button{display:flex;grid-template-columns:none}.admin-body .sidebar nav button>span{flex:0 0 auto}.support-admin-card>header{flex-direction:column}.student-row-actions{justify-items:stretch}}
@media(max-width:600px){.public-header{padding-block:5px}.student-welcome-actions{display:grid;width:100%}.student-exam-row{grid-template-columns:1fr!important}.student-row-actions{width:100%;grid-template-columns:1fr 1fr;align-items:center}.student-row-actions strong{text-align:center}.student-support-panel{padding:17px 13px}.support-reply-actions{grid-template-columns:1fr}.exam-review-card{padding:17px 14px}.exam-review-card>header{grid-template-columns:1fr auto}.exam-review-card>header small{grid-column:1/-1}.review-answer{grid-template-columns:1fr;gap:3px}.result-event{grid-template-columns:34px minmax(0,1fr)}.result-event>strong{grid-column:2}}

/* v1.8.4 — stable mobile exam UI, Arabic-only states, and horizontal admin navigation. */
body:not(.admin-body){padding-bottom:0}
.header-tools{display:flex;align-items:center;gap:10px}
footer{grid-template-columns:1fr auto}
.student-portal-shell,#examWorkspace,.student-dashboard,.student-history,.student-exam-row,.student-support-panel{min-width:0;max-width:100%}
.section-mini-heading>span{display:inline-flex;align-items:center;justify-content:center;min-width:92px;max-width:100%;padding:7px 13px;border:1px solid #c9e0ea;border-radius:12px;background:#e9f5fa;line-height:1.35;white-space:nowrap}
.student-exam-copy{min-width:0}.student-exam-copy b,.student-exam-copy small{overflow-wrap:anywhere}
.student-row-actions strong{font-size:.98rem;white-space:nowrap}
.student-support-panel{overflow:hidden;background:#f6fbfd}
.student-support-panel form.panel{padding:18px;border-radius:18px;background:#fff;box-shadow:none}
.student-support-panel input,.student-support-panel textarea{color:#173f5f;background:#fff}
.support-ticket{overflow:hidden}.support-ticket p,.support-answer{overflow-wrap:anywhere}
.exam-availability{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:18px 0}
.exam-availability p{display:grid;gap:5px;margin:0;padding:15px;border:1px solid #cfe1e9;border-radius:15px;background:#f5fafc}
.exam-availability b{color:var(--deep)}.exam-availability span{color:var(--muted)}
.live-exam-header{align-items:center;padding:17px 19px;border:1px solid #c8dee8;border-radius:20px;background:linear-gradient(135deg,#fafdff,#eef8fc)}
.live-exam-header h2{margin:7px 0 0;line-height:1.45}
.exam-clock{flex:0 0 auto;min-width:190px;display:grid;justify-items:center;gap:5px;padding:11px 18px;border-radius:17px;background:#173f5f;color:#fff;box-shadow:0 9px 24px rgba(20,64,91,.2)}
.exam-clock span{color:#d6eaf3;font-size:.8rem}.exam-clock .timer{padding:0;background:transparent;font-family:ManaraArabic,"Segoe UI",Tahoma,sans-serif;font-size:1.7rem;font-weight:900;letter-spacing:.06em;direction:rtl}
.exam-progress-panel{border-color:#c8dee8;background:#f8fcfe}
.exam-progress-copy b{font-size:1.05rem;color:#173f5f}.exam-progress-copy span{color:#527487}
.final-review-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px;background:#edf7fb;color:var(--deep)}
.final-review-summary article{min-width:0;padding:14px 8px;background:#fff;border-color:#c7dfe9}.final-review-summary article.done{background:#eaf7f0}.final-review-summary article.warning{background:#fff4d8}
.final-review-summary strong{padding:0;background:transparent;color:#173f5f;font-size:1.65rem}.final-review-summary span{color:#557485}
.completed-review-summary{display:block;margin:18px 0;padding:24px;border-radius:22px;background:linear-gradient(135deg,#173f5f,#2d708f);color:#fff}
.completed-review-summary h2{margin:7px 0;color:#fff}.completed-review-summary strong{display:inline-block;padding:7px 12px;border-radius:10px;background:var(--gold-2);color:#173f5f}.completed-review-summary p{margin:10px 0 0;color:#d9edf5}
.exam-review-modal{padding:12px}.exam-review-modal>.exam-review-card{width:min(700px,100%);overflow-x:hidden}
.question-block .option{color:#173f5f;background:#fff;border-color:#bdd4df}
.question-block .option:has(input:checked){color:#fff;background:#184d6d;border-color:#d3ab55}
.table-scroll,.dashboard-detail-table,.student-exams-table{max-width:100%;overflow:auto;border-radius:16px;-webkit-overflow-scrolling:touch}

.admin-shell{display:block;min-height:100vh}
.admin-body .sidebar{position:sticky;top:0;z-index:80;width:100%;height:auto;min-height:92px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px clamp(14px,3vw,38px);overflow:visible;background:linear-gradient(100deg,#143f5e,#246b8c);box-shadow:0 8px 28px rgba(14,50,72,.16)}
.admin-body .sidebar .brand{margin:0;white-space:nowrap}
.admin-body .sidebar .brand b{font-size:1rem}.admin-body .sidebar .brand small{color:#cce1eb}
.admin-body .sidebar nav{min-width:0;display:flex;align-items:center;gap:8px;overflow-x:auto;padding:4px 2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;overscroll-behavior-inline:contain}
.admin-body .sidebar nav button{flex:0 0 auto;display:flex;align-items:center;gap:7px;min-height:48px;padding:7px 12px;white-space:nowrap;border-radius:13px;text-align:center;color:#e6f3f8}
.admin-body .sidebar nav button>span{width:30px;height:30px;flex:0 0 30px}
.admin-body .sidebar nav button:hover{transform:translateY(-1px)}
.admin-body .sidebar nav button.active{box-shadow:inset 0 -3px var(--gold-2),0 7px 18px rgba(8,37,54,.12)}
.admin-body .sidebar .logout-nav-button{color:#fff;border-color:rgba(255,255,255,.22);background:rgba(8,38,55,.22)}
.admin-main{width:min(1560px,100%);margin:auto;padding:28px clamp(16px,3vw,42px) 55px}
.admin-top{padding:0 2px 18px;margin-bottom:20px;border-bottom:1px solid rgba(45,102,134,.15)}
.admin-actions{display:flex;align-items:center;gap:10px}
.modal-card{max-width:min(960px,96vw)}

@media(max-width:1050px){
  .admin-body .sidebar{grid-template-columns:auto minmax(0,1fr)}
  .admin-body .sidebar .brand span:last-child{display:none}
}
@media(max-width:700px){
  .public-header{padding-inline:10px}.public-header .brand{gap:8px}.public-header .brand-mark{width:44px;height:44px}.public-header .brand b{font-size:1rem;line-height:1.35}.header-tools{gap:5px}.font-controls{padding:3px}.font-control{width:32px;height:32px}.menu-button{padding:4px}
  .student-portal-shell{width:100%}.student-history{padding:17px 13px}.section-mini-heading{align-items:flex-start}.section-mini-heading h3{margin:4px 0;font-size:1.28rem}
  .student-exam-row{display:grid;grid-template-columns:1fr!important;gap:11px;padding:16px 14px}.student-exam-status{grid-column:auto;width:max-content}.student-row-actions{grid-template-columns:1fr;justify-items:stretch}.student-row-actions strong{text-align:right}.student-row-actions .button{width:100%}
  .exam-availability{grid-template-columns:1fr}.live-exam-header{align-items:stretch;display:grid;padding:15px}.live-exam-header h2{font-size:1.35rem}.exam-clock{min-width:0;width:100%}
  .exam-progress-panel{padding:14px 11px}.exam-progress-copy{display:grid;gap:3px}.question-navigator{grid-template-columns:repeat(5,minmax(0,1fr))}.navigator-key{gap:9px;flex-wrap:wrap}
  .question-block{padding:19px 0}.question-block h4{font-size:1.28rem;line-height:1.7}.question-block .option{min-height:60px;padding:13px 12px}.question-block .option span{font-size:1rem;line-height:1.6;color:inherit}
  .exam-nav-actions{position:static;display:grid;grid-template-columns:1fr 1fr;padding:0;border:0;background:transparent;box-shadow:none}
  .final-review-summary{grid-template-columns:1fr 1fr}.final-review-summary article:first-child{grid-column:1/-1}.review-title h2{font-size:1.25rem}
  .admin-body .sidebar{position:sticky;top:0;min-height:76px;grid-template-columns:48px minmax(0,1fr);gap:8px;padding:8px 9px}.admin-body .sidebar .brand{width:44px}.admin-body .sidebar .brand-mark{width:42px;height:42px}.admin-body .sidebar nav{gap:5px}.admin-body .sidebar nav button{min-height:44px;padding:6px 9px;font-size:.88rem}.admin-body .sidebar nav button>span{width:27px;height:27px;flex-basis:27px}.admin-main{padding:18px 12px 40px}.admin-top{align-items:flex-start;gap:12px}.admin-top h1{font-size:1.65rem}.admin-actions{display:grid;justify-items:end}.admin-actions .button{white-space:nowrap}
  .modal{padding:7px}.modal-card{width:100%;max-height:96vh;padding:20px 13px;border-radius:20px}.data-table{min-width:660px}.data-table th,.data-table td{padding:11px 10px}
}
@media(max-width:390px){
  .public-header .brand small{display:none}.section-mini-heading{display:grid}.section-mini-heading>span{justify-self:start}.exam-nav-actions{grid-template-columns:1fr}.question-navigator{grid-template-columns:repeat(4,minmax(0,1fr))}
}