/* Shared public containers: footer children never participate in an outer grid. */
.public-site .site-header .site-navigation{gap:0;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;padding-block:0}
.public-site .site-header .site-navigation>a{display:flex;align-items:center;justify-content:center;align-self:stretch;margin:0;min-height:56px;padding:12px 20px;line-height:1.8;border-inline-start:1px solid #ece8df}
.public-site .site-header .site-navigation>a:first-child{border-inline-start:0}
.public-site .site-header .site-navigation>a:hover,.public-site .site-header .site-navigation>a:focus-visible{background:#f0ede5;text-decoration:none}
.public-site .site-header .site-navigation>a:focus-visible{outline:2px solid var(--forest);outline-offset:-3px}
@media(min-width:781px) and (max-width:1180px){.public-site .site-header .site-navigation>a{padding-inline:9px;font-size:16px}}
@media(max-width:780px){.public-site .site-header .site-navigation{padding:0}.public-site .site-header .site-navigation>a{justify-content:flex-start;width:100%;border-inline-start:0;padding-inline:20px}}
.public-site .site-footer{display:block;width:100%;max-width:none;margin:0;padding:0}
.public-site .footer-wrap,.public-site .footer-bottom{width:calc(100% - 48px);max-width:1120px;margin-inline:auto}
.public-site .footer-wrap{grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));gap:32px}
.public-site .footer-bottom{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.public-site .footer-wrap>*,.public-site .footer-bottom>*{min-width:0}
.public-site .footer-identity .institution-logo{margin-bottom:0}
.public-site .footer-logo{white-space:normal}
.public-site .footer-logo span{white-space:nowrap;font-size:clamp(17px,1.5vw,23px)}
.public-site .footer-wrap section a{line-height:2;overflow-wrap:anywhere}

/* Collection pages share the heading's width and gutters rather than the viewport edge. */
.public-site .quotation-archive{width:100%;max-width:1120px;margin-inline:auto;padding:32px 48px 56px;display:grid;gap:28px;min-width:0}
.public-site .quotation-archive>article{min-width:0;margin:0;padding:24px;background:#fffefa;border:1px solid #e2ddd2;border-inline-start:3px solid var(--gold)}
.public-site .quotation-archive .editorial-list>a{display:block;margin:0;padding:0;border:0}
.public-site .quotation-archive .editorial-list>a:hover{margin:0;padding:0;background:transparent}
.public-site .quotation-archive h2{font-size:clamp(24px,2.5vw,32px);line-height:2.1;margin:12px 0 18px;overflow-wrap:anywhere}
.public-site .quotation-archive p{line-height:2.1;margin:0 0 18px;overflow-wrap:anywhere}
.public-site .quotation-archive .text-link{display:inline-block;width:fit-content;line-height:2;max-width:100%}
.public-site .page-top,.public-site .page-summary{min-width:0;overflow-wrap:anywhere}
@media(max-width:800px){
 .public-site .quotation-archive{padding:28px 25px 40px}
 .public-site .footer-wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 .public-site .footer-identity{grid-column:1/-1}
}
@media(max-width:480px){
 .public-site .quotation-archive{padding:24px 20px 36px;gap:22px}
 .public-site .quotation-archive>article{padding:20px}
 .public-site .footer-wrap,.public-site .footer-bottom{width:calc(100% - 40px)}
 .public-site .footer-wrap{grid-template-columns:minmax(0,1fr);gap:28px}
 .public-site .footer-identity{grid-column:auto}
 .public-site .footer-bottom{justify-content:center;text-align:center}
}

/* Arabic is a formal reading face within the existing institutional palette. */
.public-site{--arabic:MarkazAmiri,MarkazNaskh,"Noto Naskh Arabic",serif}
.public-site .arabic{font-family:var(--arabic);font-weight:500;font-size:.94em;letter-spacing:normal;unicode-bidi:isolate;white-space:normal;overflow-wrap:break-word;color:inherit}
.public-site .quotation-card blockquote.ar{font-family:var(--arabic);font-size:27px;line-height:1.9;color:var(--forest)}

/* Every primary slider action occupies the same deliberate visual measure. */
.public-site .hero-actions .button{inline-size:210px;min-inline-size:210px;min-block-size:54px;padding-inline:18px;text-align:center}
@media(max-width:480px){.public-site .hero-actions .button{inline-size:100%;min-inline-size:0}}

/* Dense operational tables use the reading face, never the decorative Nastaliq display face. */
.public-site .prayer-preview,.public-site .sample-prayer-table{font-family:MarkazNaskh,"Noto Naskh Arabic","Segoe UI",Tahoma,serif;font-variant-numeric:tabular-nums}
.public-site .prayer-preview table{font-size:16px;line-height:1.45}
.public-site .prayer-preview th,.public-site .prayer-preview td{font-family:inherit;line-height:1.45;vertical-align:middle}
.public-site .prayer-preview .auxiliary-time th{color:#766448;font-weight:500}
.public-site .sample-prayer-table{font-size:16px;line-height:1.45}
.public-site .sample-prayer-table th,.public-site .sample-prayer-table td{font-family:inherit;font-weight:500;line-height:1.45;vertical-align:middle}

/* Donation details remain inside the one-page giving journey. */
.public-site .donor-details{border:0;border-bottom:1px solid #e7e1d7;padding:0 0 24px;margin:0 0 23px}
.public-site .donor-details legend{font-size:22px;padding:0;margin-bottom:10px}
.public-site .donor-details legend span{font-size:17px;color:#6b746e;font-weight:400}
.public-site .donor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px}
.public-site .donor-grid label,.public-site .donor-message{display:block;font-family:var(--urdu);font-size:17px;line-height:1.8;color:#355045;text-align:right;direction:rtl}
.public-site .donor-grid input,.public-site .donor-message textarea{font-family:var(--urdu);font-size:17px;line-height:1.8;margin-top:6px;text-align:right}
.public-site .donor-grid input[dir=ltr]{font-family:var(--sans);font-size:17px;line-height:1.8;text-align:left}
.public-site .donor-grid input::placeholder,.public-site .donor-message textarea::placeholder{font-family:var(--urdu);font-size:17px;opacity:1;color:#64736a;text-align:right;direction:rtl}
.public-site .donor-grid input[dir=ltr]::placeholder{text-align:right;direction:rtl}
.public-site .donor-message{margin-top:15px}.public-site .donor-message textarea{min-height:104px}
.public-site .giving-receipt-note{font-size:15px;line-height:1.75;color:#59675e;border-inline-start:3px solid var(--gold);padding-inline-start:13px;margin:0 0 20px}
@media(max-width:680px){.public-site .donor-grid{grid-template-columns:1fr}.public-site .donor-details legend{font-size:20px}}

/* Contact maps are supporting directions, never the only way to find the site. */
.public-site .contact-maps{max-width:1120px;margin:0 auto 58px;padding:34px 0 0;border-top:1px solid #ddd7ca}
.public-site .contact-maps-intro{max-width:670px;margin-bottom:25px}.public-site .contact-maps h2{font-size:34px;line-height:1.6;margin:0 0 8px}.public-site .contact-maps-intro p:last-child{font-size:18px;line-height:1.8;color:#5e685f}
.public-site .contact-map-fallback{max-width:1120px;margin:-10px auto 16px;font-size:15px;line-height:1.7;color:#657067}
.public-site .contact-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.public-site .contact-map-card{background:#fff;border:1px solid #e0dbd0;padding:23px}.public-site .contact-map-card h3{font-size:25px;line-height:1.6;margin:0 0 5px}.public-site .contact-map-card p{font-size:16px;line-height:1.7;color:#626c64;margin:0 0 14px}.public-site .contact-map-card iframe{display:block;width:100%;height:290px;margin:0 0 16px;background:#edf0eb}.public-site .contact-map-card .text-link{font-size:16px}
.public-site .contact-map-preview{margin:0 0 14px}
.public-site .contact-map-preview summary{display:flex;align-items:center;min-height:46px;padding:9px 13px;border:1px solid #d9d2c3;background:#f6f2e8;color:#25483c;font:600 15px/1.5 var(--urdu);cursor:pointer}
.public-site .contact-map-preview summary:hover{background:#f0ebdd}
.public-site .contact-map-preview summary:focus-visible{outline:2px solid var(--forest);outline-offset:3px}
.public-site .contact-map-preview[open] summary{border-bottom:0}
.public-site .contact-map-preview iframe{margin:0}
@media(max-width:800px){.public-site .contact-maps{margin-inline:25px}.public-site .contact-map-grid{grid-template-columns:1fr}}@media(max-width:480px){.public-site .contact-maps{margin-inline:20px}.public-site .contact-maps h2{font-size:29px}.public-site .contact-map-card{padding:18px}.public-site .contact-map-card iframe{height:240px}}

/* Reading pages follow an editorial measure and retain the Markaz forest, cream and gold palette. */
.public-site .article-story{max-width:1120px;margin:0 auto 70px;padding:50px 28px 64px;color:#223c35}
.public-site .article-head{max-width:760px;margin:0 auto;padding:0 0 32px;border-bottom:1px solid #ded8cb}
.public-site .article-kicker{display:flex;align-items:center;gap:14px;color:#766144;font:13px/1.5 var(--sans)}
.public-site .article-head h1{font:500 clamp(38px,5vw,58px)/1.13 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:24px 0 18px;color:var(--forest);text-wrap:balance}
.public-site .article-deck{font:21px/1.65 Georgia,"Times New Roman",serif;color:#57665e;margin:0 0 24px}
.public-site .article-byline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:14px/1.45 var(--sans);color:#55625b}
.public-site .author-monogram,.public-site .author-profile-monogram{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:50%;background:var(--forest);color:var(--gold);font:bold 14px/1 var(--sans);letter-spacing:.04em}
.public-site .article-byline-copy{display:flex;flex-direction:column;gap:3px;min-width:150px}
.public-site .article-byline-copy a{font-weight:700;color:#25483c}
.public-site .article-byline-copy span,.public-site .article-date span{font-size:12px;color:#6c756e}
.public-site .article-date{display:flex;flex-direction:column;gap:3px;padding-inline-start:12px;border-inline-start:1px solid #ddd7cb}
.public-site .article-share{margin-inline-start:auto;padding:10px 14px;border:1px solid #c9c5b9;border-radius:2px;background:transparent;color:var(--forest);font:600 13px var(--sans)}
.public-site .article-share:hover{background:#f0ede5}
.public-site .article-provenance{margin:22px 0 16px;padding-inline-start:13px;border-inline-start:2px solid #ddbd69;font:14px/1.65 var(--sans);color:#59655d}
.public-site .article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.public-site .article-tags span{border:1px solid #ddd7cb;border-radius:2px;padding:5px 9px;color:#59675d;background:#fffefa;font:12px/1.3 var(--sans)}
.public-site .article-review-note{max-width:760px;margin:24px auto;padding:14px 18px;border:1px solid #e1d5b6;background:#f5f0e3;display:flex;flex-direction:column;gap:5px;color:#645842;font-size:15px;line-height:1.7}
.public-site .article-review-note strong{color:#4b3b27}
.public-site .article-content{max-width:720px;margin:38px auto 0;font:20px/1.9 Georgia,"Times New Roman",serif;color:#2d3732}
.public-site .article-content p{margin:0 0 1.45em}
.public-site .article-content p:first-child{font-size:21px;color:#47574e}
.public-site .article-content p:has(.arabic){font:27px/1.9 var(--arabic);text-align:right;color:#183d34}
.public-site .article-content strong{font-weight:700;color:#233f34}
.public-site .article-content a{color:#205648;text-decoration-thickness:1px}
.public-site .article-end{max-width:720px;margin:36px auto 0;padding-top:20px;border-top:1px solid #ded8cb;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font:13px/1.5 var(--sans)}
.public-site .article-end a{color:#255446;text-decoration:underline;text-underline-offset:4px}
.public-site .share-status{max-width:720px;margin:10px auto;color:#4c6555;font:13px/1.5 var(--sans)}
.public-site .collection-archive .article-listing{width:100%;max-width:780px;margin-inline:auto}
.public-site .article-listing h2{font:500 clamp(25px,3vw,34px)/1.3 Georgia,"Times New Roman",serif;color:var(--forest);margin:20px 0 14px}
.public-site .article-listing .article-list-summary{font:18px/1.8 Georgia,"Times New Roman",serif;color:#5e6a62;margin-bottom:20px}
.public-site .article-listing .sample-badge,.public-site .author-profile-page .sample-badge{font:12px/1.6 var(--sans);letter-spacing:normal;word-spacing:normal}
.public-site .article-listing .article-read-link{font:600 14px/1.6 var(--sans);display:inline-flex;align-items:center;min-height:44px}
.public-site .collection-page[lang=en] .page-top h1{font:500 clamp(36px,4vw,49px)/1.3 Georgia,serif;margin:20px 0}
.public-site .collection-page[lang=en] .page-summary,.public-site .collection-page[lang=en] .empty-collection{font:18px/1.7 var(--sans)}
.public-site .collection-page .page-top>.eyebrow{font-family:MarkazNafees,MarkazNaskh,serif}
.public-site .collection-languages{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.public-site .collection-languages a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 16px;border:1px solid #d7d0c2;font:15px/1.5 var(--sans)}
.public-site .collection-languages a[lang=ur],.public-site .collection-back{font-family:MarkazNafees,MarkazNaskh,serif}
.public-site .collection-languages a[lang=ar]{font-family:var(--arabic)}
.public-site .collection-languages a[aria-current=page]{background:var(--forest);border-color:var(--forest);color:#fffefa}

/* The interface-language control is visible on every public page. Future
   languages are status text until reviewed UI translations actually exist. */
.public-site .site-language{position:relative;z-index:30;font-family:var(--urdu);font-size:15px;line-height:1.6}
.public-site .site-language summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:36px;padding:3px 9px;cursor:pointer;border:1px solid var(--gold);border-radius:3px;background:var(--gold);color:var(--forest-deep);white-space:nowrap}
.public-site .site-language summary::-webkit-details-marker{display:none}
.public-site .site-language summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.public-site .site-language summary:hover,.public-site .site-language[open] summary{background:#f0d898;border-color:#f0d898;color:var(--forest-deep)}
.public-site .site-language-options{position:absolute;inset-inline-end:0;top:calc(100% + 5px);width:max-content;min-width:185px;background:#fffdfa;color:var(--forest);border:1px solid #cbbd9b;box-shadow:0 10px 25px #102b2133;padding:6px;display:grid;gap:1px}
.public-site .site-language-options span{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 9px;white-space:nowrap}
.public-site .site-language-options span[aria-current]{background:#e9efea;font-weight:700}
.public-site .site-language-options span[aria-disabled]{color:#5f665f}
.public-site .site-language-options small{font-size:12px;font-weight:400}
@media(max-width:460px){.public-site .site-language{font-size:13px}.public-site .site-language summary{min-height:32px;padding:2px 6px}.public-site .site-language-options{inset-inline-end:0;inset-inline-start:auto}}

/* Video-programme reading layout: the sample does not request a remote player. */
.public-site .sample-video-page{max-width:920px;margin:0 auto;padding:26px 28px 72px;min-width:0}
.public-site .sample-video-meta{font-size:16px;color:#526a5b;margin:0 0 16px}
.public-site .sample-video-frame{aspect-ratio:16/9;background:linear-gradient(145deg,#183f35,#0b3029);color:#fbf5e9;display:grid;place-items:center;text-align:center;border:1px solid #0b3029;overflow:hidden}
.public-site .sample-video-frame>div{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px}
.public-site .sample-video-frame span{border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;width:56px;height:56px;color:var(--gold);font:30px/1 var(--sans)}
.public-site .sample-video-frame strong{font-size:24px;font-weight:600}
.public-site .sample-video-frame small{font-size:15px;color:#ddd7c8}
.public-site .sample-video-page>.sample-warning{font-size:15px;margin:12px 0 32px}
.public-site .sample-video-writing{max-width:740px;margin:0 auto;padding:30px 0;border-top:1px solid #d8d1c2}
.public-site .sample-video-writing .eyebrow{margin-bottom:7px}
.public-site .sample-video-writing h2{font-size:31px;line-height:1.6;margin-bottom:12px}
.public-site .sample-video-writing p:last-child{font-size:21px;line-height:2.1;color:#334e42;margin-bottom:0}
@media(max-width:600px){.public-site .sample-video-page{padding:20px 18px 52px}.public-site .sample-video-frame strong{font-size:18px}.public-site .sample-video-frame small{font-size:12px}.public-site .sample-video-writing{padding:24px 0}.public-site .sample-video-writing h2{font-size:26px}.public-site .sample-video-writing p:last-child{font-size:18px}}
.public-site .collection-page[lang=ar]{font-family:var(--arabic)}
.public-site .article-content .arabic{white-space:normal;overflow-wrap:anywhere}
.public-site .article-content p:has(.arabic){direction:rtl;unicode-bidi:isolate}

/* Approved articles share a quiet reading measure; draft previews use the same template. */
.public-site .live-article{max-width:1120px;margin:0 auto;padding:48px 24px 76px;min-width:0}
.public-site .live-article-head,.public-site .live-article-body,.public-site .live-article-source,.public-site .live-article-foot{max-width:760px;margin-inline:auto}
.public-site .live-article-head{padding-bottom:29px;border-bottom:1px solid #d9dfd7}
.public-site .live-article-back{display:inline-block;font-size:15px;color:var(--forest);border-bottom:1px solid var(--gold);margin-bottom:23px}
.public-site .live-article-topic{color:#786134;font-size:16px;margin:0 0 12px}
.public-site .live-article h1{color:var(--forest);font-family:var(--display);font-size:clamp(34px,5vw,55px);font-weight:500;line-height:1.7;margin:0 0 13px;overflow-wrap:anywhere}
.public-site .live-article-summary{font-size:21px;line-height:1.85;color:#51665b;margin:0 0 21px}
.public-site .live-article-meta{display:flex;flex-wrap:wrap;gap:9px 22px;align-items:center;font-size:15px;line-height:1.6;color:#5b6d61}
.public-site .live-article-meta strong{color:#1b483b}
.public-site .live-article-meta time{font-variant-numeric:tabular-nums}
.public-site .live-article-body{padding-top:35px;font-size:21px;line-height:2.05;color:#243f36;overflow-wrap:break-word}
.public-site .live-article-body h2{font-size:31px;line-height:1.6;margin:36px 0 13px;color:var(--forest)}
.public-site .live-article-body p,.public-site .live-article-body ul,.public-site .live-article-body ol{margin:0 0 22px}
.public-site .live-article-body a,.public-site .live-article-source a{color:var(--forest);text-decoration:underline;text-underline-offset:4px}
.public-site .live-article-source{border-inline-start:3px solid var(--gold);background:#f5f1e6;padding:17px 22px;margin-top:32px;font-size:17px;line-height:1.8}
.public-site .live-article-source h2{font-size:20px;margin:0 0 6px}.public-site .live-article-source p:last-child{margin-bottom:0}
.public-site .live-article-foot{border-top:1px solid #d9dfd7;margin-top:43px;padding-top:20px;font-size:17px;color:var(--forest)}
.public-site .live-article[lang=en]{font-family:Georgia,"Times New Roman",serif;line-height:1.55}
.public-site .live-article[lang=en] h1{font-family:Georgia,"Times New Roman",serif;line-height:1.15;font-weight:500;letter-spacing:-.025em}
.public-site .live-article[lang=en] .live-article-body{font-size:19px;line-height:1.82}
.public-site .live-article[lang=en] .live-article-meta,.public-site .live-article[lang=en] .live-article-topic,.public-site .live-article[lang=en] .live-article-back{font-family:Arial,Helvetica,sans-serif}
.public-site .live-article[lang=ar]{font-family:var(--arabic)}
.public-site .live-article[lang=ar] h1{font-family:var(--arabic);line-height:1.4}
.public-site .article-layout-sample-link{border-top:1px solid #d9dfd7;padding-top:16px;font-size:16px;color:#53685d}
.public-site .article-layout-sample-link a{color:var(--forest);border-bottom:1px solid var(--gold)}
@media(max-width:600px){.public-site .live-article{padding:32px 20px 58px}.public-site .live-article-body{font-size:19px}.public-site .live-article-summary{font-size:19px}}
.public-site .article-review-note{font-family:MarkazNafees,MarkazNaskh,serif}
.public-site .article-list-meta{display:flex;gap:15px;flex-wrap:wrap;color:#6b746d;font:12px/1.5 var(--sans);margin:12px 0}
.public-site .article-list-meta a{color:#255446;text-decoration:underline}
.public-site .article-listing .article-tags{margin:8px 0 17px}
.public-site .article-listing[lang=ur] h2{font-family:var(--display);font-size:clamp(26px,3vw,35px);line-height:1.9}
.public-site .article-listing[lang=ur] .article-list-summary{font-family:var(--urdu);font-size:19px;line-height:1.9}
.public-site .article-listing[lang=ur] .article-list-meta,.public-site .article-listing[lang=ur] .article-read-link,.public-site .article-listing[lang=ur] .article-list-topic{font-family:var(--urdu);font-size:16px;line-height:1.7}
.public-site .article-listing[lang=ur] .sample-badge{font:14px/1.7 var(--urdu)}
.public-site .article-listing[lang=ar] h2,.public-site .article-listing[lang=ar] .article-list-summary,.public-site .article-listing[lang=ar] .article-list-meta,.public-site .article-listing[lang=ar] .article-read-link,.public-site .article-listing[lang=ar] .article-list-topic{font-family:var(--arabic);line-height:1.7}

/* Service articles reuse the reviewed article reader; the landing never implies an unverified active appeal. */
.khidmat-page{max-width:1120px;margin-inline:auto;padding:52px 24px 70px}.khidmat-intro{max-width:790px;padding-block:10px 48px}.khidmat-intro h1{font-family:var(--display);font-size:clamp(42px,5vw,63px);line-height:1.75;margin:0 0 13px;color:var(--forest)}.khidmat-intro>p:not(.eyebrow){font-size:21px;line-height:2;color:#4f6258;margin:0 0 23px}.khidmat-areas{border-block:1px solid #d8d2c5;padding:38px 0 42px}.khidmat-areas h2,.khidmat-posts h2{font-family:var(--display);font-size:clamp(30px,3.5vw,42px);line-height:1.7;color:var(--forest);margin:0 0 18px}.khidmat-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.khidmat-area-grid article{border:1px solid #ded8c9;border-top:4px solid var(--gold);background:#fff;padding:22px 23px 25px;min-width:0}.khidmat-area-grid article>span{color:#95702a;font:18px/1.3 var(--urdu)}.khidmat-area-grid h3{font-family:var(--display);font-size:24px;line-height:1.8;color:var(--forest);margin:4px 0 8px}.khidmat-area-grid p,.khidmat-disclosure{font-size:17px;line-height:1.85;color:#586b60;margin:0}.khidmat-disclosure{margin-top:19px}.khidmat-posts{padding-top:43px}.khidmat-posts-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.khidmat-posts-head h2{margin-bottom:10px}.khidmat-posts .article-listing{border-top:1px solid #ddd6ca;padding:23px 0;max-width:790px}.khidmat-posts .article-listing h3{font-family:var(--display);font-size:29px;line-height:1.8;margin:4px 0 9px}.khidmat-posts .article-list-summary{font-family:var(--urdu);font-size:19px;line-height:1.9}.khidmat-posts .article-list-meta{font-family:var(--urdu);font-size:15px}.khidmat-posts .empty-collection{margin-top:12px}
@media(max-width:780px){.khidmat-page{padding:34px 20px 48px}.khidmat-intro{padding-bottom:35px}.khidmat-intro>p:not(.eyebrow){font-size:19px}.khidmat-area-grid{grid-template-columns:1fr}.khidmat-areas{padding:28px 0 30px}.khidmat-posts-head{display:block}}
.public-site .amount-row>label:not(.custom-amount) span{font-family:var(--urdu);direction:rtl;unicode-bidi:normal;font-size:17px}
.public-site .giving-form{font-family:var(--urdu);direction:rtl}
.public-site .giving-form .choice-hint,.public-site .giving-form .giving-note,.public-site .giving-form .giving-receipt-note,.public-site .giving-form .giving-contact,.public-site .giving-form .custom-amount>span{font-family:var(--urdu);font-size:17px;line-height:1.8}
.public-site .giving-form .giving-summary p,.public-site .giving-form .frequency-row label,.public-site .giving-form .choice-grid small{font-family:var(--urdu);font-size:17px;line-height:1.8}
.public-site .giving-form .custom-amount input{font-family:var(--sans);font-size:17px;direction:ltr;text-align:left}
.public-site .author-profile-page{max-width:920px;margin:0 auto 70px;padding:55px 28px 0}
.public-site .author-profile-head{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:23px;padding-bottom:28px;border-bottom:1px solid #ded8cb}
.public-site .author-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:24px;font:14px/1.5 var(--sans);text-decoration:underline;text-underline-offset:4px}
.public-site .author-profile-intro{min-width:0}
.public-site .author-profile-page .section-heading{flex-wrap:wrap;gap:12px}
.public-site .author-profile-page .section-heading>span{font:14px/1.5 var(--sans)}
.public-site .author-profile-monogram{width:72px;height:72px;font-size:20px}
.public-site .author-profile-head .eyebrow{margin:0 0 5px;font:16px/1.5 var(--urdu);color:var(--forest)}
.public-site .author-profile-head h1{font:500 38px/1.2 Georgia,"Times New Roman",serif;color:var(--forest);margin:6px 0}
.public-site .author-profile-head>div:last-child>p:last-child{font:16px/1.65 var(--sans);color:#5c6961;margin:0}
.public-site .author-biography{padding:28px 0;border-bottom:1px solid #ded8cb}
.public-site .author-biography h2,.public-site .author-works h2{font:600 22px/1.4 var(--sans);color:var(--forest);margin:0 0 10px}
.public-site .author-biography p,.public-site .author-work-card>p{font:16px/1.7 var(--sans);color:#56635b;margin:0}
.public-site .author-works{padding-top:30px}
.public-site .author-work-card{margin:15px 0;padding:23px 25px;border:1px solid #e0dbd0;background:#fffefa}
.public-site .author-work-card h3{font:500 26px/1.3 Georgia,"Times New Roman",serif;color:var(--forest);margin:13px 0 8px}
.public-site .author-work-card>a{font:600 14px var(--sans);color:#225345;text-decoration:underline;text-underline-offset:4px}
.public-site .article-share:focus-visible{outline-offset:3px}
@media(max-width:680px){.public-site .article-story{padding:34px 20px 45px}.public-site .article-deck{font-size:19px}.public-site .article-content{font-size:18px;line-height:1.85}.public-site .article-content p:first-child{font-size:19px}.public-site .article-content p:has(.arabic){font-size:24px}.public-site .article-byline{gap:9px}.public-site .article-share{width:100%;margin:5px 0 0}.public-site .article-date{margin-inline-start:auto}.public-site .author-profile-page{padding:35px 20px 0}.public-site .author-profile-head{grid-template-columns:55px 1fr;gap:15px}.public-site .author-profile-monogram{width:55px;height:55px}.public-site .author-profile-head h1{font-size:31px}.public-site .author-work-card{padding:19px}.public-site .article-review-note{font-size:14px}}
@media(max-width:380px){.public-site .article-kicker{align-items:flex-start;flex-direction:column}.public-site .article-head h1{font-size:36px}.public-site .article-byline-copy{min-width:120px}}

/* Prayer table: spreadsheet-like group headings with safe narrow-screen horizontal scrolling. */
.public-site .prayer-page{max-width:1320px;margin:0 auto;padding:46px 32px 70px;min-width:0}
.public-site .prayer-page-head{max-width:1120px;margin:0 auto 26px}
.public-site .prayer-page-head .eyebrow{font-size:16px;color:var(--forest);margin-bottom:5px}
.public-site .prayer-page-head h1{font:500 clamp(34px,4vw,48px)/1.4 var(--display);color:var(--forest);margin:0 0 5px}
.public-site .prayer-page-head>p:last-child{font-size:19px;color:#57665d;margin:0}
.public-site .prayer-month-bar{max-width:1120px;margin:0 auto 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.public-site .prayer-month-bar .button{font-size:15px;min-height:42px;padding:8px 14px}
.public-site .prayer-month-select{display:flex;align-items:center;gap:9px;font:14px var(--sans)}
.public-site .prayer-month-select label{font-weight:600;color:#506157}
.public-site .prayer-month-select select{width:auto;min-width:115px;padding:8px 10px;font-size:14px}
.public-site .prayer-table-card{background:#fffefa;border:1px solid #ded8cc}
.public-site .prayer-table-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border-bottom:1px solid #ded8cc}
.public-site .prayer-table-caption h2{font:600 21px/1.4 var(--urdu);color:var(--forest);margin:0 0 4px}
.public-site .prayer-table-caption p{font-size:14px;color:#647067;line-height:1.6;margin:0}
.public-site .prayer-feed-status{display:flex;align-items:center;gap:8px;white-space:nowrap;font:12px var(--sans);color:#526457}
.public-site .feed-dot{width:8px;height:8px;border-radius:50%;background:#aa7e3c}
.public-site .feed-dot.is-live{background:#4e8156}
.public-site .prayer-table-scroll{overflow:auto;max-width:100%;overscroll-behavior-inline:contain}
.public-site .prayer-calendar-table{min-width:1420px;width:100%;border-collapse:separate;border-spacing:0;font:14px/1.35 MarkazNaskh,"Segoe UI",Tahoma,serif;font-variant-numeric:tabular-nums}
.public-site .prayer-calendar-table th,.public-site .prayer-calendar-table td{padding:10px 11px;border-inline-end:1px solid #e4ded2;border-bottom:1px solid #e5e0d6;text-align:center;white-space:nowrap}
.public-site .prayer-calendar-table thead th{position:sticky;top:0;z-index:2;background:#f0ede3;color:#344c3d;font-size:14px;font-weight:600;line-height:1.5}
.public-site .prayer-calendar-table thead tr:first-child th{top:0}
.public-site .prayer-calendar-table thead tr:nth-child(2) th{top:41px}
.public-site .prayer-calendar-table th:first-child,.public-site .prayer-calendar-table td:first-child{position:sticky;right:0;z-index:1;background:#fffefa}
.public-site .prayer-calendar-table thead th:first-child{z-index:4;background:#e9e5d9}
.public-site .prayer-calendar-table tr:last-child>*{border-bottom:0}
.public-site .prayer-calendar-table .is-friday>*{background:#f8f4e8}
.public-site .prayer-calendar-table .is-friday th:first-child{background:#efe8d5}
.public-site .hijri-date{font-family:MarkazNaskh,"Segoe UI",Tahoma,serif}
.public-site .time-pending{font:11px/1.45 var(--urdu);color:var(--forest);white-space:normal;display:inline-block;max-width:90px}
.public-site .prayer-method-note{max-width:1120px;margin:25px auto 0;padding:20px 22px;background:#f0ede4;border-inline-start:3px solid var(--gold)}
.public-site .prayer-method-note h2{font:600 20px/1.6 var(--urdu);margin:0 0 8px;color:var(--forest)}
.public-site .prayer-method-note p{font-size:15px;line-height:1.8;color:#56635b;margin:0 0 10px}
.public-site .prayer-method-note .small-note{font:12px/1.7 var(--sans);color:#6c746c}
.public-site .prayer-method-note .button{font-size:15px;margin-top:8px}
.public-site .prayer-unavailable{max-width:1120px;margin:20px auto;padding:25px;background:#f4eee1;border:1px solid #dfd1b3}
.public-site .prayer-unavailable h2{font-size:24px;color:var(--forest)}
.public-site .prayer-unavailable p{font-size:16px;line-height:1.8;color:#59655d;margin:0}
.public-site .prayer-preview{font-variant-numeric:tabular-nums}
.public-site .prayer-preview bdi,.public-site .prayer-calendar-table bdi{direction:ltr;unicode-bidi:isolate;display:inline-block;font:14px/1.3 Arial,Helvetica,sans-serif;color:#233b32}
.public-site .prayer-preview .prayer-date{padding:8px 10px;background:#f4f0e7;color:#574e3d;font:14px/1.6 var(--urdu)}
.public-site .prayer-preview .jumuah-row th{color:var(--forest)}
.public-site .prayer-preview .jumuah-row td{font-size:14px}
.public-site .prayer-day-panel{max-width:1120px;margin:0 auto 30px;background:#fffefa;border:1px solid #ded8cc;scroll-margin-top:20px}
.public-site .prayer-day-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:20px 24px;border-bottom:1px solid #ded8cc}
.public-site .prayer-day-heading h2{font:500 26px/1.7 var(--urdu);margin:0;color:var(--forest)}
.public-site .prayer-day-heading p{font:16px/1.9 MarkazNaskh,serif;margin:4px 0 0;color:#506157}
.public-site .prayer-day-heading form{max-width:100%}
.public-site .prayer-day-heading label{display:block;font:15px/1.9 MarkazNaskh,serif;margin-bottom:4px}
.public-site .prayer-day-heading form>div{display:flex;gap:8px;align-items:stretch}
.public-site .prayer-day-heading select{min-width:0;max-width:100%;font:16px/1.6 MarkazNaskh,serif}
.public-site .prayer-day-heading .button{font-size:16px;padding:8px 15px;min-height:44px;flex-shrink:0}
.public-site .prayer-day-body{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;padding:22px 24px;align-items:start}
.public-site .prayer-day-table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;font:17px/1.6 MarkazNaskh,serif}
.public-site .prayer-day-table th,.public-site .prayer-day-table td{padding:10px 7px;border-bottom:1px solid #e4ded2;text-align:center;font:inherit;letter-spacing:0;vertical-align:middle}
.public-site .prayer-day-table thead th{background:#f0ede3;color:var(--forest)}
.public-site .prayer-day-table .time-pending{font:13px/1.6 MarkazNaskh,serif}
.public-site .prayer-day-table bdi,.public-site .prayer-day-landmarks bdi{font:16px/1.5 Arial,sans-serif;font-variant-numeric:tabular-nums;unicode-bidi:isolate}
.public-site .prayer-day-landmarks h3{font:500 20px/1.7 var(--urdu);margin:0 0 12px;color:var(--forest)}
.public-site .prayer-day-landmarks dl{margin:0;font:17px/1.8 MarkazNaskh,serif}
.public-site .prayer-day-landmarks dl>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e4ded2;padding:9px 0}
.public-site .prayer-day-landmarks dd{margin:0}
.public-site .prayer-day-landmarks p{font:15px/1.8 MarkazNaskh,serif;margin:16px 0;color:#506157}
.public-site .prayer-day-landmarks a{font:16px/1.8 MarkazNaskh,serif;text-underline-offset:5px}
.public-site #monthly-timetable{scroll-margin-top:20px}
.public-site .prayer-calendar-table .prayer-today-label{display:block;font:13px/1.7 MarkazNaskh,serif;color:var(--forest)}
.public-site .prayer-calendar-table tbody th{font:16px/1.6 MarkazNaskh,serif;letter-spacing:0}
.public-site .prayer-calendar-table .hijri-date{font:16px/1.6 MarkazNaskh,serif}
@media(max-width:740px){.public-site .prayer-day-heading{align-items:stretch;flex-direction:column;padding:17px}.public-site .prayer-day-heading select{flex:1;width:0}.public-site .prayer-day-body{grid-template-columns:minmax(0,1fr);padding:17px;gap:24px}.public-site .prayer-preview table{width:100%;min-width:0!important;table-layout:fixed}}
@media(max-width:740px){.public-site .prayer-page{padding:34px 18px 48px}.public-site .prayer-month-bar{align-items:stretch}.public-site .prayer-month-select{order:-1;width:100%;flex-wrap:wrap}.public-site .prayer-month-select select{flex:1;min-width:95px}.public-site .prayer-table-caption{align-items:flex-start;flex-direction:column}.public-site .prayer-calendar-table{min-width:1320px}.public-site .prayer-method-note{padding:18px}.public-site .prayer-preview{padding:17px}.public-site .prayer-preview table{min-width:380px}}

/* Use high-quality modern-photo derivatives with the original PNGs as fallbacks. */
.public-site .home-feature-links>a>picture{display:block;width:145px;height:100%;min-height:170px}
.public-site .home-feature-links>a>picture>img{display:block;width:100%;height:100%;object-fit:cover}
.public-site .director-portrait picture{display:block}
.public-site .director-portrait picture img{display:block;width:100%;height:auto;object-fit:contain}
.public-site .sample-gallery-image picture{display:block;width:100%}
.public-site .sample-gallery-image picture img{display:block;width:100%;height:auto}
.public-site .contact-map-preview iframe{display:block;max-width:100%}
@supports (background-image:image-set(url("/assets/images/markaz-building.bb8f67d73c81.webp") 1x)){
 .public-site .scholarship-band{background-image:image-set(url("/assets/images/markaz-building.bb8f67d73c81.webp") 1x)}
}
.live-video{width:min(100% - 2rem,920px);margin:0 auto;padding:clamp(2.5rem,6vw,5rem) 0;color:var(--ink,#183b32)}
.live-video-head{max-width:780px;margin:0 auto 2rem;text-align:center}
.live-video-head h1{font-size:clamp(2.1rem,5vw,3.8rem);line-height:1.55;margin:.4rem 0 1rem}
.live-video-summary{font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.9;margin:0 auto 1rem;max-width:40rem}
.live-video-head .live-article-meta{justify-content:center;gap:1.5rem;flex-wrap:wrap}
.live-video-player{margin:2.5rem auto 3rem}
.live-video-frame,.live-video-unavailable{aspect-ratio:16/9;width:100%;background:#103f36;display:grid;place-items:center;overflow:hidden}
.live-video-frame iframe{display:block;width:100%;height:100%;border:0}
.live-video-prompt{text-align:center;color:#fff;padding:1rem;display:grid;justify-items:center;gap:.45rem}
.live-video-prompt p,.live-video-prompt small{margin:0}
.live-video-icon{font-family:Arial,sans-serif;font-size:clamp(2.5rem,6vw,4rem);line-height:1}

/* Public controls use a single Urdu face; marked Arabic uses one self-hosted Arabic face. */
.public-site{--urdu:var(--urdu-ui);--display:var(--urdu-ui);--arabic:var(--arabic-ui);font-family:var(--urdu-ui)}
.public-site :lang(ar){font-family:var(--arabic-ui)}
.public-site .honorific-jameel{font-family:MarkazJameelHonorific,"Jameel Noori Nastaleeq",serif}
.public-site .prayer-preview,.public-site .sample-prayer-table,.public-site .prayer-calendar-table,.public-site .hijri-date{font-family:var(--urdu-ui)}
.public-site .prayer-day-heading :is(p,label,select),.public-site .prayer-day-table,.public-site .prayer-day-table .time-pending,.public-site .prayer-day-landmarks :is(dl,p,a),.public-site .prayer-calendar-table :is(.prayer-today-label,.hijri-date),.public-site .prayer-calendar-table tbody th,.public-site .prayer-today-label{font-family:var(--urdu-ui)}
.public-site .prayer-month-select,.public-site .prayer-month-select label,.public-site .prayer-feed-status,.public-site .prayer-method-note .small-note{font-family:var(--urdu-ui)}
.public-site :is(button,input,textarea,select):not([dir="ltr"]):not([lang="en"]):not([lang="ar"]){font-family:var(--urdu-ui)}
.public-site :is(input,textarea)[lang="ar"]{font-family:var(--arabic-ui)}
.public-site :is(input,textarea)[dir="ltr"],.public-site :is(input,textarea)[lang="en"]{font-family:var(--sans)}
.public-site a[href^="tel:"] bdi,.public-site a[href^="mailto:"] bdi{font-family:var(--sans);direction:ltr}

/* A reviewed article can choose its own reading face without changing navigation or other pages. */
.public-site .live-article.article-font-nastaliq{--article-reading-font:MarkazNastaliq,serif}
.public-site .live-article.article-font-naskh{--article-reading-font:MarkazNaskh,serif}
.public-site .live-article.article-font-amiri{--article-reading-font:MarkazAmiri,serif}
.public-site .live-article[class*="article-font-"] :is(h1,.live-article-summary,.live-article-body,.live-article-source){font-family:var(--article-reading-font,inherit)}
.public-site .live-article .arabic{font-family:var(--arabic-ui)}
.public-site .khidmat-sample-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,1fr);gap:28px;align-items:start;margin-top:16px}
.public-site .khidmat-sample-image{min-height:190px;border:1px dashed #a8b9a9;background:#edf1eb;color:#536a5b;display:grid;place-items:center;text-align:center;padding:20px;font:17px/1.8 var(--urdu-ui)}
.public-site .live-article-photos{max-width:760px;margin:32px auto 0;display:grid;gap:20px}.public-site .live-article-photos figure{margin:0}.public-site .live-article-photos img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain;background:#e8ede8}.public-site .live-article-photos figcaption{font:16px/1.8 var(--urdu-ui);color:#53655c;margin-top:8px}
@media(max-width:640px){.public-site .khidmat-sample-layout{grid-template-columns:1fr}.public-site .khidmat-sample-image{min-height:150px}}
.live-video-prompt .button{font:inherit;margin:.4rem 0;background:#dabc69;color:#123d33;border:0;cursor:pointer}
.live-video-prompt .button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.live-video-fallback{text-align:center;margin:.8rem 0 0;font-size:1rem}
.live-video-fallback a,.live-video-credit strong{color:#12604b}
.live-video-unavailable{color:#fff;text-align:center;padding:1rem}
.live-video-writing{max-width:760px;margin:0 auto;padding:2rem 0;border-top:1px solid #ddd5bf}
.live-video-writing h2{font-size:clamp(1.7rem,3vw,2.25rem);line-height:1.5;margin:.2rem 0 1rem}
.live-video-prose{font-size:clamp(1.08rem,1.6vw,1.25rem);line-height:2.1;overflow-wrap:anywhere}
.live-video-prose p{margin:0 0 1.2rem}
.live-video-credit{margin:0 0 1.2rem}
.live-video .live-article-foot{max-width:760px;margin:1rem auto 0}
.public-site .prayer-date-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 15px}.public-site .prayer-date-box{min-width:0;padding:10px 13px;background:#f7f3e9;border:1px solid #dcd3c0;border-top:3px solid var(--gold);text-align:center}.public-site .prayer-date-box span{display:block;color:#6a634f;font:13px/1.6 var(--urdu-ui)}.public-site .prayer-date-box strong{display:block;color:var(--forest);font:19px/1.7 var(--urdu-ui);overflow-wrap:anywhere}.public-site .prayer-location-link{display:block;margin-top:12px;padding-top:12px;border-top:1px solid #ded9cb;color:var(--forest);font:16px/1.8 var(--urdu-ui);text-decoration:underline;text-underline-offset:4px}.public-site .contact-map-card{scroll-margin-top:20px}
.public-site .prayer-day-heading>div:first-child{flex:1;min-width:0}.public-site .prayer-day-heading .prayer-date-pair{margin-top:10px;margin-bottom:0;max-width:560px}.public-site .prayer-day-heading .prayer-date-box strong{font-family:var(--urdu-ui)}
@media(max-width:380px){.public-site .prayer-date-box{padding-inline:6px}.public-site .prayer-date-box strong{font-size:16px}}
.public-site .quotation-card{border-radius:2px;overflow-wrap:anywhere}
.public-site .quotation-heading{margin:0 0 12px;color:var(--forest);font-family:var(--urdu-ui);font-size:clamp(23px,2.4vw,30px);line-height:1.8;font-weight:600}
.public-site .quotation-heading a{color:inherit;text-decoration:none}
.public-site .quotation-heading a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.public-site .quotation-intro{margin:0 0 15px;font-family:var(--urdu-ui);font-size:clamp(19px,2.2vw,24px);line-height:2;color:var(--forest)}
.public-site .quran-verse{font-family:MarkazAmiriQuran,MarkazAmiri,serif;font-weight:400;font-size:1.16em;line-height:2;unicode-bidi:isolate;white-space:normal;overflow-wrap:normal;color:var(--forest)}
.public-site .quran-verse-text{font-family:inherit}
.public-site .quran-bracket{font-family:MarkazAmiriQuran,MarkazAmiri,serif;color:#ae8439;padding-inline:0.08em}
.public-site .quran-citation{display:inline-block;white-space:nowrap;font-family:var(--urdu-ui);font-size:.78em;line-height:1.8;color:#695b43;unicode-bidi:isolate}
.public-site .quotation-card blockquote .quran-verse{font-size:1em}
.public-site .quotation-language-block+.quotation-language-block{border-top:1px solid #e7e2d7;padding-top:17px;margin-top:19px}
.public-site .quotation-language-label{display:inline-block;margin:0 0 8px;color:#68583d;font-size:15px;line-height:1.6;font-weight:600}
.public-site .quotation-card blockquote.ar{font-family:var(--arabic-ui);font-size:clamp(24px,3vw,31px);line-height:2.05;color:var(--forest);font-weight:400}
.public-site .quotation-card blockquote.ur{font-family:var(--urdu-ui);font-size:clamp(19px,2vw,23px);line-height:2.1;color:var(--ink)}
.public-site .quotation-card footer{display:grid;gap:12px;margin-top:20px;padding-top:0;border-top:0}
.public-site .quotation-death{font-size:.77em;color:#6b6452;white-space:nowrap}
.public-site .honorific.honorific-glyph{font-family:MarkazScheherazade,serif}
.public-site .quotation-source{color:#485b50;font-family:var(--urdu-ui);font-size:clamp(15px,1.65vw,18px);line-height:2;overflow-wrap:anywhere;background:#f7f5ee;border:1px solid #e6e0d2;border-inline-start:2px solid #c5b797;padding:12px 16px}
.public-site .quotation-source>strong{color:var(--forest);font-weight:600}
.public-site .quotation-source p{display:inline;margin:0}
.public-site .quotation-grade{color:var(--forest)}
.public-site .quotation-card footer>.text-link{justify-self:start;margin-top:4px}
.public-site .live-article-body .article-arabic{margin:12px 0 14px;padding:0;color:var(--forest);font:clamp(24px,2.8vw,30px)/2 var(--arabic-ui);border:0;overflow-wrap:anywhere}
.public-site .live-article-body .article-citation{display:block;margin:0 0 27px;padding:11px 16px;color:#485b50;background:#f7f5ee;border:1px solid #e6e0d2;border-inline-start:2px solid #c5b797;font:clamp(15px,1.5vw,17px)/1.9 var(--urdu-ui);overflow-wrap:anywhere}
.public-site .live-article-body .article-citation strong{color:var(--forest);font-weight:600}
.public-site .live-article[lang="ur"] .live-article-body :is(p,h2,ul,ol,.article-citation){direction:rtl;text-align:start}
.public-site .live-article[lang="en"] .live-article-body :is(p,h2,ul,ol,.article-citation){direction:ltr;text-align:start}
.public-site .live-article-body .article-arabic{font-family:MarkazAmiri,serif;line-height:1.95;text-align:start;unicode-bidi:isolate}
.public-site .live-article-body .article-citation{unicode-bidi:isolate}
.public-site .live-article-body .article-citation,.public-site .quotation-source{font-size:clamp(17px,1.7vw,19px);line-height:2;color:#3d5549}
.public-site .quote-controls{border:0;padding-top:16px;gap:14px}
.public-site .quote-controls button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:transparent;color:transparent;cursor:pointer}
.public-site .quote-controls button span{width:10px;height:10px;border-radius:50%;border:1px solid var(--forest);background:transparent;transition:background-color .15s,transform .15s}
.public-site .quote-controls button[aria-selected=true] span{background:var(--forest);transform:scale(1.2)}
.public-site .quote-controls button:focus-visible{outline:2px solid var(--forest);outline-offset:2px}
@media(max-width:600px){.public-site .quotation-card blockquote.ar{font-size:24px}}
/* Readable Urdu in prayer tables and balanced headlines (22 Oct 2026 audit fixes). */
.public-site .prayer-calendar-table :is(th,td){font-size:17px;line-height:1.9}
.public-site .prayer-table-caption p,.public-site .prayer-month-select select{font-size:16px}
.public-site :is(h1,h2){text-wrap:balance}
.public-site .prayer-calendar-table .time-pending,.public-site .prayer-date-box span,.public-site .prayer-today-label,.public-site .small-note{font-size:16px}
.live-answer{width:min(100% - 2rem,820px);margin:0 auto;padding:clamp(2.5rem,6vw,5rem) 0;color:var(--ink,#183b32)}
.live-answer-head{margin:0 0 2rem}.live-answer-head h1{font-size:clamp(1.9rem,4.5vw,3.2rem);line-height:1.6;margin:.4rem 0 .8rem}
.live-answer h2{font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.6;margin:0 0 .8rem;color:#12604b}
.live-answer-question{background:#f4efe0;border-right:5px solid #dabc69;padding:1.2rem 1.5rem;margin:0 0 2rem}
.live-answer-prose{font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:2.1;overflow-wrap:anywhere}.live-answer-prose p{margin:0 0 1.1rem}.live-answer-prose>:last-child{margin-bottom:0}
.live-answer-reply{padding:0 0 2rem;margin:0 0 1rem}
.live-answer-audio{margin:0 0 1.5rem}.live-answer-audio figcaption{font-size:1rem;margin:0 0 .5rem;color:#4a6358}.live-answer-audio audio{width:100%}
.live-answer-video{margin:0 0 2rem}
.live-catalogue-action{margin:1.5rem 0 0}.live-answer-notes{margin:0 0 2rem}
.live-gallery{width:min(100% - 2rem,1100px);margin:0 auto;padding:clamp(2.5rem,6vw,5rem) 0;color:var(--ink,#183b32)}
.live-gallery-intro{max-width:760px;margin:0 0 2rem}
.gallery-grid{list-style:none;margin:0 0 2.5rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}
.gallery-grid li{margin:0}.gallery-grid a{display:block;aspect-ratio:4/3;overflow:hidden;background:#e6ece7}.gallery-grid img{width:100%;height:100%;object-fit:cover;display:block}.gallery-grid p{margin:.4rem 0 0;font-size:1rem;line-height:1.8}
.gallery-lightbox{border:0;padding:0;background:rgba(8,28,23,.94);color:#fff;max-width:100vw;max-height:100vh;width:100vw;height:100vh}.gallery-lightbox::backdrop{background:rgba(8,28,23,.94)}
.gallery-lightbox figure{margin:0;height:100%;display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:center;padding:3.5rem 4rem 1rem}.gallery-lightbox img{max-width:100%;max-height:100%;object-fit:contain}.gallery-lightbox figcaption{padding:.8rem 0;font-size:1.1rem;line-height:1.8;text-align:center}
.gallery-close,.gallery-nav{position:absolute;background:rgba(255,255,255,.14);color:#fff;border:0;cursor:pointer;font:2rem/1 Arial,sans-serif;width:3rem;height:3rem;border-radius:50%}.gallery-close{top:1rem;inset-inline-start:1rem}.gallery-next{top:50%;inset-inline-start:.75rem}.gallery-prev{top:50%;inset-inline-end:.75rem}.gallery-close:focus-visible,.gallery-nav:focus-visible{outline:3px solid #dabc69;outline-offset:3px}

/* Aqwal-e-Zareen: one-line search with topic and speaker filters */
.public-site .aqwal-search{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin:22px 0 0;max-width:980px}
.public-site .aqwal-search input[type=search]{flex:1 1 300px;min-width:0;height:50px;padding:0 16px;border:1px solid #cfd6cf;border-radius:6px;background:#fff;font:inherit;font-size:18px}
.public-site .aqwal-search select{flex:0 1 200px;min-width:0;height:50px;padding:0 12px;border:1px solid #cfd6cf;border-radius:6px;background:#fff;font:inherit;font-size:17px;color:#183d34}
.public-site .aqwal-search .button{flex:0 0 auto;height:50px;padding:0 28px;margin:0}
.public-site .aqwal-search :is(input,select):focus{outline:2px solid var(--forest);outline-offset:1px}
.public-site .aqwal-topics{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.public-site .aqwal-topics a{padding:4px 14px;border:1px solid #d9d2c1;border-radius:999px;background:#fffefa;color:#183d34;text-decoration:none;font-size:16px}
.public-site .aqwal-topics a:hover,.public-site .aqwal-topics a[aria-current]{background:var(--forest);border-color:var(--forest);color:#fff}
.public-site .aqwal-result{margin:14px 0 0;font-size:16px;color:#4d5d55}
.public-site .aqwal-pages{display:flex;gap:18px;justify-content:center;align-items:center;margin:28px auto 50px;font-size:17px}
@media(max-width:680px){.public-site .aqwal-search select{flex:1 1 45%}.public-site .aqwal-search .button{flex:1 1 100%}}
.public-site .live-article-body .article-citation .arabic{font-size:1.12em;line-height:1.8}

/* Public forms: contact, question, admission, giving */
.public-site .inquiry-embed,.public-site .inquiry-page{max-width:880px;margin:10px auto 60px;padding:0 24px}
.public-site .inquiry-embed>h2{font-size:clamp(26px,3vw,34px);color:var(--forest);margin:0 0 6px}
.public-site .inquiry-embed>p{margin:0 0 18px;color:#4d5d55}
.public-site .inquiry-form{background:#fffefa;border:1px solid #e2ddd2;border-top:3px solid var(--gold);padding:26px;border-radius:4px}
.public-site .inquiry-form .inq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.public-site .inquiry-form .inq-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.public-site .inquiry-form :is(.inq-body,.inq-subject,.inq-choice,.inq-check,.inq-programme,.inq-guardian,.inq-age){grid-column:1/-1}
.public-site .inquiry-form label{font-size:17px;color:#183d34}
.public-site .inquiry-form :is(input[type=text],input[type=email],input[type=number],select,textarea){width:100%;box-sizing:border-box;min-height:48px;padding:8px 14px;border:1px solid #cfd6cf;border-radius:6px;background:#fff;font:inherit;font-size:18px;color:#183d34}
.public-site .inquiry-form textarea{min-height:130px;line-height:2}
.public-site .inquiry-form :is(input,select,textarea):focus{outline:2px solid var(--forest);outline-offset:1px;border-color:var(--forest)}
.public-site .inquiry-form fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.public-site .inquiry-form legend{font-size:17px;color:#183d34;margin-bottom:8px;width:100%}
.public-site .inquiry-form .inq-choice label{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #d9d2c1;border-radius:999px;background:#fff;cursor:pointer}
.public-site .inquiry-form .inq-choice label:has(input:checked){border-color:var(--forest);background:#eef4f0}
.public-site .inquiry-form .inq-check label{display:flex;gap:10px;align-items:flex-start;line-height:1.9}
.public-site .inquiry-form .has-error :is(input,select,textarea){border-color:#b32d2e}
.public-site .inquiry-form .inq-error,.public-site .inquiry-form .inq-errors{color:#b32d2e;font-size:16px;margin:0}
.public-site .inquiry-form .inq-errors{background:#fcf0f1;border-inline-start:3px solid #b32d2e;padding:10px 14px;margin-bottom:16px}
.public-site .inquiry-form .inq-privacy{font-size:15px;color:#5f6d65;margin:18px 0 12px}
.public-site .inquiry-form .button{min-height:50px;padding:0 34px}
.public-site .inq-trap{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}
.public-site .collection-ask{margin:18px 0 0}
.public-site .inquiry-thanks{text-align:center}
@media(max-width:680px){.public-site .inquiry-form{padding:18px}.public-site .inquiry-form .inq-grid{grid-template-columns:1fr}.public-site .inquiry-form .button{width:100%}}
.public-site .inquiry-form .inq-choice label{flex:0 0 auto;white-space:nowrap;line-height:1.6}
.public-site .inquiry-form .inq-choice input,.public-site .inquiry-form .inq-check input{width:auto;min-height:0;margin:0;flex:0 0 auto}
@media(min-width:1100px){.public-site .prayer-calendar-table{min-width:0}.public-site .prayer-calendar-table :is(th,td){padding:9px 8px;font-size:16px}}
/* Monthly timetable: Nastaliq needs room — larger header and day names, no squeezed lines */
.public-site .prayer-calendar-table thead th{font-family:var(--urdu-ui);font-size:18px;line-height:2.1;padding-top:6px;padding-bottom:6px;font-weight:400}
.public-site .prayer-calendar-table thead tr:nth-child(2) th{top:auto}
.public-site .prayer-calendar-table thead{position:sticky;top:0;z-index:3}
.public-site .prayer-calendar-table thead th{position:static}
.public-site .prayer-calendar-table tbody th{font-size:18px;line-height:2.1;font-weight:400}
.public-site .prayer-calendar-table .time-pending{color:#8a958e}
/* Timetables read like a table, not prose: one clear Naskh face for all Urdu labels, names and dates */
.public-site :is(.prayer-calendar-table,.prayer-day-table) :is(th,td,.hijri-date,.prayer-today-label,.time-pending){font-family:MarkazNaskh,"Noto Naskh Arabic",serif !important;line-height:1.7}
.public-site .prayer-calendar-table thead th{font-size:16px;font-weight:600;color:#26443a}
.public-site .prayer-calendar-table tbody th{font-size:16px;font-weight:600;color:#26443a}
.public-site .prayer-calendar-table td{font-size:16px}
.public-site :is(.prayer-calendar-table,.prayer-day-table) bdi{font:16px/1.3 "Segoe UI",Roboto,Arial,sans-serif;font-variant-numeric:tabular-nums}
.public-site .nowrap{white-space:nowrap}
.public-site :is(h1,h2,h3){text-wrap:balance}
.public-site .prayer-day-table tbody th{color:#26443a}
.public-site .live-article-terms{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.public-site .live-article-terms a{padding:2px 12px;border:1px solid #d9d2c1;border-radius:999px;background:#fffefa;color:#183d34;text-decoration:none;font-size:15px}
.public-site .live-article-terms a.term-category{background:var(--forest);border-color:var(--forest);color:#fff}
.public-site .footer-contact{list-style:none;margin:12px 0 0;padding:0;font-size:16px;line-height:2}
.public-site .footer-contact a,.public-site .footer-social a{color:inherit}
.public-site .footer-social{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0 0;font-size:16px}
.public-site .inquiry-form .inq-programmes{grid-column:1/-1}
.public-site .inquiry-form .inq-programme-info{border:1px solid #e2ddd2;border-inline-start:3px solid var(--forest);background:#f7f9f6;padding:14px 18px;border-radius:4px;display:flex;flex-direction:column;gap:10px}
.public-site .inquiry-form .inq-programme-info[hidden]{display:none}
.public-site .inquiry-form .inq-programme-info h3{margin:0;font-size:20px;color:var(--forest)}
.public-site .inquiry-form .inq-requirements{font-size:17px;line-height:2}
.public-site .inquiry-form .inq-extra{display:flex;flex-direction:column;gap:6px}
.public-site .inquiry-form .inq-fee{margin:0;padding:10px 14px;background:#fbf6e6;border-inline-start:3px solid var(--gold);font-size:17px}
.public-site .inquiry-fee{max-width:640px;margin:22px auto;padding:18px 22px;background:#fbf6e6;border:1px solid #eadfbf;border-radius:6px}
.public-site .inquiry-fee h2{margin:0 0 6px;font-size:24px;color:var(--forest)}