/* Approved emerald-and-brass homepage. Urdu: Jameel Noori Nastaleeq. */
:root{--green:#164f40;--green-dark:#073e35;--gold:#b78a39;--gold-light:#ebcc83;--cream:#fcfaf5;--ink:#163e34;--ink-soft:#5d6a61}
body{background:var(--cream)}
header.site-header{background:#fcfaf5;color:var(--green-dark);border-bottom:1px solid #e9e4d7;box-shadow:none}
.header-inner{max-width:1440px;padding:12px 38px;min-height:82px;gap:30px}
.brand{gap:13px;font-weight:400;font-size:30px}
.brand-book{display:block;width:43px;height:43px;color:var(--gold)}
.brand-book svg{width:100%;height:100%}
nav.main-nav{gap:21px;flex:1;justify-content:center}
nav.main-nav a{padding:4px 1px;border-radius:0;font-size:20px;border-bottom:2px solid transparent;color:var(--green-dark)}
nav.main-nav a.active{background:transparent;color:#946717;border-bottom-color:var(--gold)}
nav.main-nav a:hover{background:transparent;color:#946717}
.header-cta{display:flex;align-items:center;gap:20px;background:var(--green-dark);color:#fff;padding:4px 20px;border-radius:5px;font-size:20px;white-space:nowrap}
.hamburger span{background:var(--green-dark)}
main{max-width:none;padding:0;min-height:60vh}
main>.page:not(#page-home){max-width:1320px;margin:auto;padding:35px 30px 60px}
#page-home{padding:0}
.single-cover{position:relative;min-height:600px;padding:24px 30px 0;border-radius:0;margin:0;overflow:hidden;display:flex;align-items:stretch;justify-content:center;text-align:center;background-color:#073e35;background-image:linear-gradient(180deg,rgba(0,49,43,.76),rgba(2,46,36,.28) 40%,rgba(4,48,37,.05) 70%,rgba(0,37,29,.45)),url("../images/seerah-cover.svg");background-position:center;background-size:cover}
.single-cover .hero-copy{position:relative;width:100%;max-width:none;display:flex;align-items:center;flex-direction:column;align-self:stretch}
.single-cover .eyebrow{font-size:25px;color:#e6bc63;margin-top:5px}
.single-cover .eyebrow:before,.single-cover .eyebrow:after{content:"";display:inline-block;width:65px;height:1px;vertical-align:middle;background:linear-gradient(90deg,transparent,#bd974f);margin:0 24px}
.single-cover h1{font-size:65px;line-height:1.8;margin:9px 0 0;color:#fff9e9;font-weight:400;text-shadow:0 2px 9px #18483a}
.single-cover h1 .salawat{font-family:Amiri,serif;color:#fff9e9;font-size:.8em}
.single-cover .hero-tagline{font-size:35px;line-height:2;color:#e6bc63;margin:0;max-width:none;text-shadow:0 1px 4px #153d32}
.single-cover .hero-actions{margin-top:15px;gap:15px;justify-content:center}
.primary-button,.secondary-button{border-radius:6px;padding:4px 28px;gap:22px;font-size:23px;min-height:52px}
.primary-button{background:linear-gradient(135deg,#e8c574,#bb8b35);color:#142f23;border:1px solid #f2d898}
.primary-button:hover{background:#e8c574}
.single-cover .secondary-button{border:1px solid #f7ead2;background:rgba(10,68,54,.4);color:#fff9e9}
.single-cover .hero-stats{width:calc(100% + 60px);margin: auto -30px 0;padding:17px 30px;min-height:92px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:rgba(3,51,40,.83);border-top:1px solid rgba(227,198,134,.25);justify-content:center;backdrop-filter:blur(3px)}
.hero-stat{position:relative;gap:0;align-items:center;justify-content:center;display:grid;grid-template-columns:auto auto;column-gap:22px;max-width:400px;width:100%;justify-self:center}
.hero-stat:not(:last-child){border-left:1px solid rgba(228,194,124,.65)}
.hero-stat b{font:400 36px/1.4 "Nastaleeq",serif;color:#fff8e8}
.hero-stat span{font-size:23px;color:#fff8e8}
.home-content{max-width:1320px;margin:auto;padding:30px 45px 15px}
.section-intro{margin:0 0 20px;text-align:right}
.section-intro h2,.directory-heading h2{font-size:40px;font-weight:400;line-height:1.9;margin:0;color:var(--green-dark)}
.section-intro h2:after,.directory-heading h2:after{content:"";display:inline-block;width:150px;height:1px;background:linear-gradient(90deg,transparent,#af802c);margin-right:22px;vertical-align:middle}
.section-intro p,.directory-heading p{font-size:21px;line-height:2.2;margin:0;color:#4d6257}
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.big-card{border:1px solid #dec68f;background:rgba(255,255,255,.6);box-shadow:none;border-radius:5px;padding:20px 24px 13px;min-height:236px;text-align:center;align-items:center;justify-content:flex-start}
.big-card:hover{transform:translateY(-3px);border-color:#ad863a;box-shadow:0 6px 20px rgba(23,60,39,.06)}
.big-card .icon{background:#073e35!important;color:#e7c06b!important;width:68px;height:68px;border:2px solid #bf943b;border-radius:50%;margin:0 auto 6px}
.big-card .icon svg{width:36px;height:36px}
.big-card h3{font-size:29px;margin:5px 0 0;color:var(--green-dark);font-weight:400}
.big-card p{font-size:21px;line-height:2;color:#536359;max-width:230px;margin:2px 0 5px}
.card-arrow{display:block;text-align:left;align-self:flex-end;color:#ab7827;font-family:Arial,sans-serif;font-size:24px;margin-top:auto}
.course-directory{margin-top:30px}
.directory-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}
.outline-link{font:21px/2 "Nastaleeq",serif;display:inline-flex;justify-content:center;align-items:center;gap:22px;border:1px solid #ab812f;border-radius:5px;background:transparent;color:var(--green-dark);padding:2px 22px;cursor:pointer;white-space:nowrap}
.outline-link:hover{background:#f4ebd7}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.search-wrap{position:relative;margin-top:10px}
.topic-search{font-size:21px;line-height:2;padding:5px 16px 5px 45px;margin:0;border:1px solid #c5cabf;border-radius:6px;background:#fff;min-height:51px}
.search-icon{position:absolute;left:17px;top:2px;pointer-events:none;color:var(--green-dark);font:32px/45px Arial,sans-serif}
.search-count{font-size:17px;line-height:2;margin:5px 0 8px;color:#6c786e}
.home-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}
.home-topic-card{background:transparent;border:0;border-top:1px solid #e6dec9;border-radius:0;padding:0;box-shadow:none}
.topic-row{display:flex;align-items:center;gap:18px;min-height:73px;padding:9px 0}
.topic-row:hover{background:#f4f0e4}
.home-topic-card .topic-no{flex:0 0 auto;display:grid;place-items:center;width:37px;height:37px;background:#ead09a;border-radius:50%;font:18px/1 Georgia,serif;color:#624611}
.home-topic-card h3{font-size:22px;line-height:2;font-weight:400;margin:0;flex:1;color:#123b31}
.topic-row-arrow{font:25px/1 Arial,sans-serif;color:#1b5a47;padding-left:8px}
.all-topics-wrap{text-align:center;margin:18px 0 23px}
.revision-banner{position:relative;display:flex;align-items:center;gap:25px;border-radius:10px;padding:19px 30px;background:#063f33;color:#fff8e7;margin:20px 0 10px;overflow:hidden}
.revision-banner:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background-image:repeating-linear-gradient(45deg,transparent 0,transparent 18px,#e8c77d 18px,#e8c77d 19px);mask-image:linear-gradient(90deg,#000,transparent 25%,transparent 75%,#000)}
.revision-icon{color:#dfb552;flex:0 0 62px;width:62px;height:62px}
.revision-icon svg{width:100%;height:100%}
.revision-banner>div{flex:1;position:relative;z-index:1}
.revision-banner h2{font-size:37px;line-height:1.7;font-weight:400;margin:0;color:#fff8e7}
.revision-banner p{font-size:22px;line-height:2;margin:0;color:#edf4e8}
.revision-banner .primary-button{position:relative;z-index:1;margin-left:80px;white-space:nowrap}
.photo-credits{font-size:16px;margin:10px 0 0;padding:0;color:#67766a}
.site-footer{margin:0;background:#073c33;border-top:1px solid #326453;padding:17px 32px;color:#fff6e4}
.footer-inner{max-width:1280px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.footer-academy{font-size:30px;font-family:"Nastaleeq",serif;color:#fff6e4}
.footer-links,.footer-credit{font:18px/2 "Nastaleeq",serif;color:#f2f1e3}
.footer-links{display:flex;flex-wrap:wrap;gap:22px}
.footer-credit{margin:0;font-size:16px}
@media(max-width:1150px){.header-inner{gap:18px;padding:10px 24px}.brand{font-size:25px}.brand-book{width:35px;height:35px}nav.main-nav{gap:14px}nav.main-nav a{font-size:18px}.header-cta{font-size:18px;padding:4px 14px}.single-cover h1{font-size:57px}.home-content{padding:30px}.big-card{padding:17px 15px}.big-card h3{font-size:26px}.revision-banner .primary-button{margin-left:0}.section-intro h2:after,.directory-heading h2:after{width:90px}}
@media(max-width:1000px){
 .hamburger{display:flex}.header-cta{margin-right:auto}.header-inner{gap:20px}.brand{flex:1}
 nav.main-nav{position:absolute;top:100%;left:0;right:0;display:none;background:#fcfaf5;padding:18px 25px;border-bottom:1px solid #dbcfac;flex-direction:column;align-items:stretch;max-height:none}
 nav.main-nav.open{display:flex;max-height:none}nav.main-nav a{padding:7px 0}
 .single-cover{min-height:540px}.single-cover h1{font-size:51px}
 .home-content{padding:25px}.section-intro h2,.directory-heading h2{font-size:34px}
 .big-card p{font-size:19px}
}
@media(max-width:760px){
 .header-inner{min-height:72px;padding:9px 16px;gap:13px}.brand{font-size:23px;gap:8px}.brand-book{width:32px;height:32px}.header-cta{display:none}
 .single-cover{min-height:510px;padding:20px 16px 0;background-position:center;background-size:auto 100%;background-image:linear-gradient(180deg,rgba(0,49,43,.88),rgba(2,46,36,.5) 42%,rgba(4,48,37,.15) 68%,rgba(0,37,29,.7)),url("../images/seerah-cover.svg")}
 .single-cover .eyebrow{font-size:20px;margin:0}.single-cover .eyebrow:before,.single-cover .eyebrow:after{width:22px;margin:0 9px}
 .single-cover h1{font-size:41px;line-height:1.9;margin-top:12px}
 .single-cover .hero-tagline{font-size:28px;line-height:2}
 .single-cover .hero-actions{gap:10px;flex-direction:row;margin-top:10px}
 .primary-button,.secondary-button{font-size:20px;min-height:45px;padding:4px 17px;gap:15px}
 .single-cover .hero-stats{width:calc(100% + 32px);margin:auto -16px 0;padding:12px 8px;min-height:84px}
 .hero-stat{display:flex;flex-direction:column;gap:0}.hero-stat b{font-size:28px;line-height:1.3}.hero-stat span{font-size:17px;line-height:2}
 .home-content{padding:24px 17px 12px}.section-intro{margin-bottom:16px}
 .section-intro h2,.directory-heading h2{font-size:31px}
 .section-intro h2:after,.directory-heading h2:after{display:none}
 .section-intro p,.directory-heading p{font-size:20px;line-height:2}
 .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .big-card{min-height:222px;padding:16px 12px 10px}.big-card .icon{width:55px;height:55px}.big-card .icon svg{width:30px;height:30px}.big-card h3{font-size:25px}.big-card p{font-size:19px;line-height:2}
 .directory-heading{gap:15px;align-items:flex-start;flex-direction:row;flex-wrap:wrap}.outline-link{font-size:19px;padding:2px 14px}
 .home-topic-grid{grid-template-columns:1fr}.topic-row{gap:12px;min-height:70px}.home-topic-card h3{font-size:21px}
 .revision-banner{padding:20px;gap:14px;flex-wrap:wrap}.revision-icon{flex-basis:48px;height:48px;width:48px}.revision-banner h2{font-size:31px}.revision-banner p{font-size:20px}.revision-banner .primary-button{margin-right:62px}
 .site-footer{padding:19px 20px}.footer-inner{justify-content:center;gap:12px;text-align:center}.footer-links{justify-content:center;gap:18px}.footer-credit{width:100%}
 main>.page:not(#page-home){padding:24px 15px 40px}
}
@media(max-width:390px){.brand{font-size:21px}.single-cover h1{font-size:37px}.single-cover .hero-tagline{font-size:26px}.hero-stat span{font-size:16px}.big-card h3{font-size:23px}}
@media print{.header-cta{display:none}.home-content{padding:0}}

/* Consistent script fonts, comfortable Urdu spacing and complete cover framing. */
body,button,input,select,textarea,option{font-family:"Nastaleeq",serif;letter-spacing:normal;word-spacing:.09em;font-kerning:normal;}
[lang="ar"],.quran,.arabic{font-family:"Amiri",serif!important;word-spacing:.06em;letter-spacing:normal;font-weight:700;}
.quran{display:inline;padding-inline:.12em;}
.institution-bar{display:flex;justify-content:center;align-items:center;min-height:54px;padding:5px 18px;background:#073e35;color:#fff6e4;border-bottom:1px solid #b89144;font:26px/1.8 "Nastaleeq",serif;}
.institution-bar a{display:block;word-spacing:.12em;}
.brand{word-spacing:.13em;line-height:2.1;}
.site-header{z-index:30;}
.qa-question{width:100%;border:0;text-align:right;font:22px/2.3 "Nastaleeq",serif;word-spacing:.1em;gap:20px;}
.qa-question .arrow{font:16px/1 Arial,sans-serif;}
.qa-answer,.mcq-q,.mcq-option,.mcq-explanation{word-spacing:.1em;line-height:2.35;}
.qa-item.open .qa-answer{max-height:none;}
button,select,input{font-size:inherit;}
.hero-stat{column-gap:28px;}
.hero-stat b{font-family:Arial,sans-serif;font-size:30px;}
.home-topic-links{gap:18px;}
.single-cover{min-height:clamp(600px,calc(35.84vw + 100px),790px);background-image:none;background-color:#073e35;isolation:isolate;}
.single-cover:before{content:"";position:absolute;z-index:-1;inset:auto 0 92px;width:100%;aspect-ratio:2400/860;background-image:linear-gradient(180deg,rgba(7,62,53,.7),rgba(7,62,53,.28) 38%,rgba(7,62,53,.04) 75%),url("../images/seerah-cover.svg");background-size:100% 100%;background-repeat:no-repeat;background-position:center bottom;}
.single-cover:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#073e35 0,rgba(7,62,53,.82) 14%,transparent 53%);pointer-events:none;}
.single-cover .hero-copy{min-height:inherit;}
.single-cover h1{word-spacing:.16em;}
.single-cover .hero-stats{flex-shrink:0;}
.article-body p,.qa-answer{text-align:right;}
@media(min-width:761px){.single-cover{padding-top:15px}.single-cover .hero-copy{min-height:calc(clamp(600px,calc(35.84vw + 100px),790px) - 15px)}}
@media(max-width:1000px){.institution-bar{font-size:25px}.qa-question{font-size:21px}}
@media(max-width:760px){
 .institution-bar{font-size:24px;min-height:50px;line-height:1.9;padding:4px 12px;}
 .single-cover{min-height:580px;background-image:none;padding-top:22px;}
 .single-cover .hero-copy{min-height:558px;}
 .single-cover:before{bottom:84px;aspect-ratio:2400/860;background-image:linear-gradient(180deg,rgba(7,62,53,.24),transparent 55%),url("../images/seerah-cover.svg");}
 .single-cover:after{background:linear-gradient(180deg,#073e35 0,rgba(7,62,53,.88) 40%,transparent 70%);}
 .single-cover h1{font-size:clamp(32px,8.6vw,41px);line-height:2.05;word-spacing:.12em;}
 .single-cover .hero-tagline{font-size:27px;}
 .hero-stat b{font-size:25px;}
 .hero-stat span{font-size:17px;line-height:2.2;}
 .qa-question{font-size:21px;line-height:2.4;padding:10px 14px;}
 .brand{font-size:22px;}
}

/* Quiet academic palette: neutral reading surfaces and restrained accents. */
:root{--cream:#f7f8f5;--cream-2:#eef2ed;--ink:#25312e;--ink-soft:#52605a;--green:#245447;--green-dark:#163f35;--gold:#866a36;--gold-light:#ddc79e;--maroon:#4b5d54;--blue:#35536d;--teal:#365e57;--brown:#705b39;--success:#226044;--danger:#963e3e;--study-border:#d7dfd8;}
body{background:var(--cream);color:var(--ink);}
header.site-header{background:#fcfcf9;border-bottom-color:var(--study-border);}
nav.main-nav a.active,nav.main-nav a:hover{color:#735923;}
.institution-bar{background:#163f35;border-bottom-color:#9c8353;}
.big-card{background:#fff;border-color:var(--study-border);}
.big-card:hover{border-color:#83998b;box-shadow:0 5px 16px rgba(26,56,45,.06);}
.big-card .icon{background:#eaf0eb!important;color:#245447!important;border:1px solid #c6d3c8;}
.card-arrow{color:#705b39;}
.section-intro p,.directory-heading p,.big-card p,.page-sub{color:#52605a;}
.outline-link{border-color:#9a895f;color:#24493e;}
.outline-link:hover{background:#eef2ed;}
.home-topic-card{border-top-color:var(--study-border);}
.topic-row:hover{background:#edf2ed;}
.home-topic-card .topic-no{background:#eee8dc;color:#655130;}
.search-count,.photo-credits{color:#59665e;}
.topic-search{border-color:#b9c8bd;color:#25312e;}
.topic-search::placeholder{color:#5d6a61;opacity:1;}
.content-pane,.syllabus-item{background:#fff;border-color:var(--study-border);}
.topic-sidebar button{background:#f1f4ef;color:#344b40;border-color:#d7dfd8;}
.topic-sidebar button:hover{background:#e6eee7;color:#163f35;}
.topic-sidebar button.active{background:#245447;color:#fff;border-color:#245447;}
.qa-item{background:#fff;border-color:#d7dfd8;}
.qa-question{background:#edf2ed;color:#24483c;}
.qa-question:hover,.qa-item.open .qa-question{background:#e3ece4;}
.qa-answer{color:#25312e;}
.quote-box{background:#eff4f0!important;border-color:#d2dfd5!important;border-right-color:#688572!important;color:#355b46!important;}
.quote-box:nth-of-type(3n+2){background:#f5f1e9!important;border-color:#e1d9c9!important;border-right-color:#9a835a!important;color:#705b39!important;}
.quote-box:nth-of-type(3n){background:#eff2f7!important;border-color:#d4dce6!important;border-right-color:#7187a0!important;color:#3e5773!important;}
.quran{color:#705b39;}
.quote-box .arabic{color:inherit;}
.quote-box .translation,.quote-box .ref{color:#52605a;}
.exam-keywords{background:#f0f4ef;border-color:#d1ded2;color:#344b40;}
.exam-keywords li{color:#344b40;}
.mcq-card{background:#fff;border-color:#d7dfd8;}
.mcq-opt{background:#fbfcfa;border-color:#d4ddd5;color:#25312e;}
.mcq-opt:hover:not([disabled]){background:#edf2ed;border-color:#81988a;}
.mcq-opt.correct{background:#eaf3ec;border-color:#568469;color:#226044;}
.mcq-opt.wrong{background:#f8eeee;border-color:#ae7474;color:#963e3e;}
.mcq-score{background:#eaf0e8;color:#245447;}
.mcq-answer-line{color:#226044;}
.mcq-explanation{color:#52605a;}
.primary-button{background:#ddc79e;color:#24372d;}
.primary-button:hover{background:#e9d8b8;}
.secondary-button{background:rgba(17,56,45,.5);border-color:#c3d0c5;color:#fffaf1;}
.single-cover .eyebrow,.single-cover .hero-tagline{color:#e3cda5;}
.revision-banner{background:#1b4639;}
.revision-icon{color:#ddc79e;}
footer.site-footer{background:#163f35;color:#edf2e9;border-top:1px solid #60796a;}
footer.site-footer .footer-links,footer.site-footer .footer-credit,footer.site-footer .footer-academy{color:#edf2e9;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #806332;outline-offset:4px;}
@media print{body,.content-pane,.qa-answer,.mcq-card{background:#fff;color:#111;}}