/* ParsSkin Dua UI v2 — intentionally inherits the REAL site header, sidebar and footer. */
.container.layout.dua-site-layout{box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1fr) 270px!important;gap:26px!important;align-items:start;max-width:1240px;width:calc(100% - 36px);margin:28px auto 60px;direction:rtl}
.dua-site-layout>.dua-main-column{display:block;min-width:0!important;width:100%!important;max-width:none!important;flex:1 1 auto;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important;float:none!important;overflow:visible!important}
.dua-site-layout>.dua-sidebar-column{width:100%;min-width:0;position:relative;display:flex;flex-direction:column;gap:17px;align-self:start}
.dua-sidebar-column .sidebar{box-sizing:border-box;display:block!important;position:static!important;float:none!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;flex:none!important}
.dua-sidebar-column .sidebar-box{padding:20px 20px 15px;background:#fff;border:1px solid #eae5ed;border-radius:17px;box-shadow:0 8px 28px rgba(66,43,79,.04);margin:0 0 15px;overflow:hidden}
.dua-sidebar-column .sidebar-box h2{font-size:16px;font-weight:800;line-height:1.8;color:#4a3658;border-bottom:1px solid #eee9f1;padding:0 0 11px;margin:0 0 10px}
.dua-sidebar-column .sidebar-nav{display:grid;gap:0}
.dua-sidebar-column .sidebar-nav a{display:block!important;background:none!important;color:#605569!important;font-weight:500;font-size:13px;padding:10px 3px!important;border:0!important;border-bottom:1px dashed #f0eaf2!important;text-decoration:none!important;transition:color .2s,background .2s}
.dua-sidebar-column .sidebar-nav a:last-child{border-bottom:none!important}
.dua-sidebar-column .sidebar-nav a:hover{color:#824f93!important;background:#fbf7fd!important;padding-right:9px!important}
.dua-sidebar-column .dua-sidebox{border-top:3px solid #9770a7}
.dua-side-highlight{position:relative;overflow:hidden;background:linear-gradient(145deg,#654772,#493557);border-radius:16px;color:#fff;padding:22px 20px;box-shadow:0 10px 24px rgba(87,56,103,.14)}
.dua-side-highlight-icon{display:block;font-size:29px;color:#ead6a9;margin:0 0 6px}.dua-side-highlight strong{display:block;font-size:16px}.dua-side-highlight p{color:#f3eaf6;font-size:12px;line-height:2;margin:8px 0 14px}.dua-side-highlight a{display:inline-block;background:#fff;color:#60436c!important;border-radius:10px;padding:8px 11px;text-decoration:none!important;font-size:12px;font-weight:800}
.dua-site-layout .dua-app{--d-ink:#3e314b;--d-muted:#776d7c;--d-gold:#b48a57;--d-bg:#fff;--d-paper:#fff;--d-edge:#ebe5ec;--d-soft:#faf6fb;--d-shadow:0 13px 29px rgba(87,56,103,.09);box-sizing:border-box;background:#fff;color:#45394f;font-family:inherit;font-size:14px;line-height:1.9;border:1px solid #eae4ec;border-radius:20px;overflow:hidden;padding:0 0 4px;box-shadow:0 9px 36px rgba(84,53,97,.035)}
.dua-app *{box-sizing:border-box}.dua-app button,.dua-app input,.dua-app select{font-family:inherit}.dua-site-layout .dua-wrap{max-width:100%;width:100%;margin:0;padding:0 24px 16px}
.dua-app a:focus-visible,.dua-app button:focus-visible,.dua-app input:focus-visible{outline:3px solid #b28cc0;outline-offset:2px}
.dua-app .dua-localnav{min-height:63px;border-bottom:1px solid #eee8f0;gap:10px;padding:0 1px;margin:0 -2px 5px;display:flex;justify-content:space-between;align-items:center}
.dua-app .dua-mark{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:15px;color:#533961!important;white-space:nowrap}
.dua-mark-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#f2e9f5;color:#835793;font-size:16px}
.dua-app .dua-local-links{display:flex;align-items:center;justify-content:flex-end;gap:13px;flex-wrap:wrap}
.dua-app .dua-local-links a{font-weight:600;color:#77697c;font-size:11.5px;line-height:1.6;padding:6px 0;white-space:nowrap}
.dua-app .dua-local-links a:hover{color:#795187}
.dua-home-topline{display:flex;align-items:center;gap:9px;font-size:11px;color:#928695;margin:23px 0 12px}.dua-home-label{font-weight:700;color:#775884}.dua-home-breadcrumb-dot{color:#cfb07c}
.dua-app .dua-hero{position:relative;display:grid;grid-template-columns:1.28fr .72fr;min-height:0;margin:5px 0 14px;border-radius:16px;background:#f5eff7;box-shadow:none;border:1px solid #e8ddeb;overflow:hidden}
.dua-app .dua-hero:before{content:none}
.dua-app .dua-hero-text{padding:31px 28px 30px 16px;position:relative;z-index:1}
.dua-app .dua-kicker,.dua-app .dua-eyebrow{color:#966b83;font-size:11px;letter-spacing:0;font-weight:800}
.dua-app .dua-hero h1{font-size:clamp(27px,2.7vw,39px);letter-spacing:-.6px;line-height:1.65;font-weight:900;color:#493553;margin:7px 0 11px}
.dua-app .dua-hero h1 em{display:block;color:#9a739f;font-size:.84em;font-weight:800}
.dua-app .dua-hero-text>p{color:#766780;font-size:12.8px;line-height:2.15;margin:0 0 19px;max-width:490px}
.dua-app .dua-hero-art{position:relative;min-width:0;overflow:hidden;background:linear-gradient(140deg,#634972,#887193)}
.dua-app .dua-hero-art img{width:100%;height:100%;min-height:260px;object-fit:cover;object-position:center;filter:saturate(.7) hue-rotate(46deg);opacity:.93}
.dua-app .dua-art-label{position:absolute;bottom:12px;left:12px;border:1px solid rgba(255,255,255,.35);border-radius:100px;background:rgba(36,28,49,.5);padding:5px 13px;font-size:10.5px;font-weight:700;color:#fff;backdrop-filter:blur(4px)}
.dua-app .dua-search{padding:12px;background:#fff;border-radius:12px;border:1px solid #e8dce9;box-shadow:0 5px 16px rgba(76,52,84,.055);max-width:580px;margin:0}
.dua-app .dua-search label{color:#5c436b;font-size:11.5px;font-weight:800;margin:0 0 7px;line-height:1.8}
.dua-app .dua-search-inline{gap:7px}.dua-app .dua-search-inline input{border:1px solid #e6e0e7;border-radius:9px;min-width:0;background:#faf9fb;padding:10px 12px;font-size:11.5px;box-shadow:none;max-width:none;width:100%;height:auto}
.dua-app .dua-search-inline button{background:#745181;color:#fff;border:0;border-radius:9px;min-width:92px;padding:8px 12px;font-size:11.5px;white-space:nowrap;font-weight:800}
.dua-app .dua-search-inline button:hover{background:#573763}
.dua-app .dua-hero-pills{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 0}.dua-app .dua-hero-pills span{font-size:10.5px;color:#866d8c}.dua-app .dua-hero-pills a{border:1px solid #dbcade;background:rgba(255,255,255,.6);color:#755a80;border-radius:8px;font-size:10.5px;padding:3px 9px}.dua-app .dua-hero-pills a:hover{background:#fff}
.dua-quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0 28px}.dua-quick-links>a{position:relative;display:grid;grid-template-columns:35px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:9px;min-height:71px;background:#fff;border:1px solid #eae5ec;border-radius:12px;text-decoration:none!important;padding:11px 13px;transition:border-color .2s,transform .2s}.dua-quick-links>a:hover{border-color:#c7afcf;transform:translateY(-2px)}.dua-quick-links>a span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;background:#f6eff8;color:#9875a3;border-radius:11px;font-size:18px}.dua-quick-links>a strong{font-size:11.5px;color:#543b60;line-height:1.5}.dua-quick-links>a small{font-size:10px;color:#968c99}
.dua-app .dua-section{margin:35px 0}.dua-app .dua-section-title{align-items:end;gap:10px;margin:0 0 15px}.dua-app .dua-section-title h2{font-weight:900;color:#4f3b5b;font-size:21px;line-height:1.6;margin:3px 0 0}.dua-app .dua-section-title p{font-size:11.5px;line-height:1.9;color:#938796}.dua-app .dua-text-link{font-size:11px;color:#815893!important;font-weight:800;white-space:nowrap}
.dua-app .dua-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dua-app .dua-topic{display:grid;grid-template-columns:41px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:10px;align-items:start;min-height:106px;gap:2px 9px;padding:15px 14px;border:1px solid #ebe5ed;border-radius:13px;background:#fff;box-shadow:none;transform:none!important}
.dua-app .dua-topic:hover{background:#fcf9fd;border-color:#d4c0dc;box-shadow:0 6px 16px rgba(86,55,102,.045)}
.dua-app .dua-topic-orn{grid-column:1;grid-row:1/4;display:grid;place-items:center;border-radius:11px;background:#f5edf7;width:40px;height:40px;font-size:22px;color:#9d77a8;line-height:1}
.dua-app .dua-topic strong{grid-column:2;grid-row:1;line-height:1.6;color:#4e3b58;font-weight:800;font-size:13px}
.dua-app .dua-topic small{grid-column:2;grid-row:2;font-size:10.5px;color:#938796;line-height:1.7;white-space:normal}
.dua-app .dua-topic-count{grid-column:2;grid-row:3;border:0!important;padding:0!important;margin:5px 0 0!important;font-size:10px;color:#9b7b9f;line-height:1.5}.dua-app .dua-topic-count b{float:none;margin-right:4px;font-size:12px}
.dua-app .dua-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.dua-app .dua-card{border:1px solid #ebe5ed;border-radius:13px;box-shadow:none;overflow:hidden;background:#fff}.dua-app .dua-card:hover{box-shadow:0 9px 19px rgba(81,54,93,.075);transform:translateY(-2px);border-color:#d9c9df}
.dua-app .dua-card img{display:block;width:100%;height:auto!important;aspect-ratio:16/9;object-fit:cover;filter:saturate(.85)}.dua-app .dua-card-body{padding:11px 14px 16px;gap:3px;min-height:107px}.dua-app .dua-card-body small{color:#a27c97;font-size:10.5px}.dua-app .dua-card-body strong{font-size:14px;color:#513c5d;line-height:1.8}.dua-app .dua-card-body>span{font-size:11px;color:#8c7e90}.dua-app .dua-card-next{color:#9876a5}
.dua-app .dua-feature-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:33px 0}.dua-app .dua-feature{min-height:190px;padding:22px 17px;border-radius:15px;background:#f8f4f9;border:1px solid #ede3ef;gap:13px;box-shadow:none;align-items:start}.dua-app .dua-feature-dark{background:linear-gradient(125deg,#624671,#443052);border-color:transparent}.dua-app .dua-feature-symbol{width:50px;height:50px;flex:0 0 50px;border-radius:12px;background:#efe3f2;color:#845a93;font-size:27px}.dua-app .dua-feature-dark .dua-feature-symbol{background:rgba(255,255,255,.15);color:#f4dba4}.dua-app .dua-feature h2{font-size:17px;line-height:1.6;margin:3px 0 7px;color:#4d3858}.dua-app .dua-feature-dark h2{color:#fff}.dua-app .dua-feature p{font-size:11.5px;line-height:2;color:#807183}.dua-app .dua-feature-dark p{color:#f0e6f3}.dua-app .dua-feature strong{font-size:11.5px;color:#865795}.dua-app .dua-feature-dark strong{color:#fff}
.dua-app .dua-intro{display:grid;grid-template-columns:1fr 1.7fr;gap:25px;border:1px solid #eee5ee;background:#fbf9fc;padding:23px 24px;border-radius:14px}.dua-app .dua-intro h2{color:#584162;font-size:18px}.dua-app .dua-intro p{font-size:12px;line-height:2.15;color:#786e7c}
.dua-app .dua-footer{border-top:1px solid #eee7f0;display:flex;gap:20px;align-items:start;margin:29px 0 0;padding:21px 0 12px}.dua-app .dua-footer strong{color:#61476f;font-size:13px}.dua-app .dua-footer p{font-size:11px;color:#8f8291;line-height:1.9}.dua-app .dua-footer nav a{color:#785b82;font-size:10.5px}
.dua-app .dua-crumb{font-size:11px;display:flex;gap:8px;flex-wrap:wrap;color:#988d9b;margin:20px 0 16px}.dua-app .dua-crumb a{color:#745480}
.dua-app .dua-page-hero{background:linear-gradient(120deg,#f7f2f8,#fdfbfd);padding:28px 30px;border:1px solid #eee6f0;border-radius:15px;min-height:0;margin:0 0 21px}.dua-app .dua-page-hero h1{font-size:28px;line-height:1.6;color:#50385e;margin:7px 0}.dua-app .dua-page-hero p{font-size:12.5px;color:#7a6f7e;max-width:660px;margin:0}.dua-app .dua-page-hero-tight{padding:26px 29px}
.dua-app .dua-note{background:#fbf7ef;border:1px solid #ecdec9;border-radius:13px;padding:19px 22px}.dua-app .dua-note strong{color:#9d7845}.dua-app .dua-note p{color:#756959;font-size:12px}.dua-app .dua-topic-mini{gap:8px}.dua-app .dua-topic-mini a{font-size:11.5px;color:#765b7f;background:#fbf8fc;border:1px solid #eee7ef;border-radius:9px}
.dua-app .dua-article-layout{display:block}.dua-app .dua-article{max-width:none;width:100%}.dua-app .dua-article-heading{padding:0 2px;margin:0 0 17px}.dua-app .dua-article-heading h1{color:#4f3859;font-size:28px;line-height:1.6;margin:6px 0}.dua-app .dua-article-heading p{font-size:12.5px;line-height:2.15;color:#776a7c;max-width:740px}.dua-app .dua-cover{border-radius:15px;overflow:hidden;border:1px solid #ece5ee;margin:0 0 23px;background:#f8f3fa}.dua-app .dua-cover img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}.dua-app .dua-cover figcaption{padding:8px 13px;background:#fff;color:#918194;font-size:10px}
.dua-app .dua-recitation{padding:25px 24px;border-radius:15px;background:#faf7fb;border:1px solid #e8daeb}.dua-app .dua-recitation-top{align-items:start;border-bottom:1px solid #ece1ec;padding-bottom:10px;margin-bottom:21px}.dua-app .dua-recitation-top h2{font-size:20px;color:#553e61}.dua-app .dua-round-btn{border:1px solid #e5d8e9;border-radius:9px;background:#fff;color:#775184;min-width:36px;height:36px}.dua-app .dua-arabic{font-family:'Noto Naskh Arabic','Amiri','Times New Roman',serif;color:#3f2e4e;font-size:var(--arabic-size,32px);line-height:2.55;text-align:center;margin:0 0 23px;padding:10px 4px}.dua-app .dua-translation{background:#fff;border:1px solid #ede5ee;border-radius:12px;padding:16px 19px}.dua-app .dua-translation p{font-size:14px;color:#675a6c;line-height:2.2}.dua-app .dua-actions{gap:8px;margin:16px 0 0;flex-wrap:wrap}.dua-app .dua-btn{border-radius:10px;border:1px solid #775182;background:#775182;color:#fff!important;font-size:11.5px;padding:10px 14px;text-decoration:none!important;line-height:1.7}.dua-app .dua-btn:hover{background:#593a66;color:#fff!important}.dua-app .dua-btn-outline{background:#fff!important;color:#6e4c7a!important;border-color:#e0d0e5}.dua-app .dua-btn-outline:hover{background:#f4edf6!important;color:#5f4070!important}
.dua-app .dua-article-section{border:1px solid #eee6ef;background:#fff;border-radius:13px;padding:20px 23px;margin:18px 0}.dua-app .dua-article-section h2,.dua-app .dua-source h2{font-size:18px;color:#563f61}.dua-app .dua-article-section p{font-size:12.5px;line-height:2.2;color:#716778}.dua-app .dua-practical{background:#fcf9fd}.dua-app .dua-source{background:#f7f3f8;border:1px solid #eae0ed;padding:20px 23px;border-radius:13px;margin:18px 0}.dua-app .dua-source span{color:#987b9d}.dua-app .dua-source p{font-size:12px;color:#756878}.dua-app .dua-source a{color:#80548f!important}.dua-app .dua-inline-tags a{background:#faf6fc;border:1px solid #eadfec;color:#785e82;border-radius:8px;font-size:11px}.dua-app .dua-inline-tags span{font-size:11.5px}
.dua-app .dua-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:19px 0}.dua-app .dua-aside-card{background:#faf7fb;border:1px solid #eee5ef;border-radius:12px;padding:16px 18px;margin:0;min-width:0}.dua-app .dua-aside-card h2{color:#543e60;font-size:14px}.dua-app .dua-aside-card p{color:#7d7180;font-size:11px}.dua-app .dua-aside-card a{color:#81578d!important;font-size:11px}.dua-app .dua-aside-item{border-bottom-color:#eee5ed}.dua-app .dua-aside-card:last-child{grid-column:1/-1}
.dua-app .dua-counter-layout{grid-template-columns:minmax(0,1fr) 210px;gap:13px}.dua-app .dua-counter{background:#fbf8fc;border:1px solid #e9deeb;border-radius:15px;box-shadow:none;padding:22px}.dua-app .dua-counter select,.dua-app .dua-counter input[type=number],.dua-app .dua-counter input[type=text]{background:#fff;border-color:#ded3e2;color:#503957}.dua-app .dua-zekr-arabic{font-family:'Noto Naskh Arabic','Times New Roman',serif;color:#574163;line-height:2.3;font-size:22px}.dua-app .dua-count-tap{border-radius:50%;background:radial-gradient(circle at 34% 20%,#a882b3,#634572 65%,#4e345b);box-shadow:0 14px 25px rgba(86,56,103,.2);color:#fff}.dua-app .dua-meter>span{background:#9971a5}.dua-app .dua-stats{background:#f5eef8;border:1px solid #ebe0ed}.dua-app .dua-stats strong{color:#6e4d79}.dua-app .dua-counter-side .dua-aside-card{margin:0 0 12px}
.dua-app .dua-summary-box{border:1px solid #e9e0ea;background:#fbf8fc;border-radius:13px}.dua-app .dua-summary-box strong{color:#765085}.dua-app .dua-daily-feature{border:1px solid #eee3ee;border-radius:15px;overflow:hidden}.dua-app .dua-daily-feature>div{padding:26px}.dua-app .dua-daily-feature h2{color:#523b61}.dua-app .dua-daily-feature .dua-daily-arabic{color:#60426f;font-family:'Times New Roman',serif}
.dua-app .dua-program-progress{background:#f9f4fa;border:1px solid #eae1ec;border-radius:13px}.dua-app .dua-program-card{border:1px solid #ece3ef;border-radius:13px}.dua-app .dua-program-card h2{color:#563d64}.dua-app .dua-program-card p a{color:#785189}
.dua-app .dua-results{border:1px solid #eadfed;border-radius:14px;background:#fbf8fc;padding:19px;margin:15px 0}.dua-app .dua-link-button{color:#795188}
.dua-app.dua-night .dua-recitation{background:#2c2635;border-color:#4b4055}.dua-app.dua-night .dua-recitation .dua-translation{background:#3b3445;border-color:#574b60}.dua-app.dua-night .dua-recitation .dua-translation p,.dua-app.dua-night .dua-recitation .dua-arabic,.dua-app.dua-night .dua-recitation .dua-recitation-top h2{color:#f9f1fc}
@media(max-width:1100px){.container.layout.dua-site-layout{grid-template-columns:minmax(0,1fr) 240px!important;gap:17px!important;width:calc(100% - 28px)}.dua-site-layout .dua-wrap{padding-left:17px;padding-right:17px}.dua-app .dua-local-links{gap:8px}.dua-app .dua-local-links a{font-size:10.5px}.dua-app .dua-hero-text{padding:24px 21px 21px 12px}.dua-app .dua-hero h1{font-size:29px}.dua-app .dua-hero-art img{min-height:270px}}
@media(max-width:850px){.container.layout.dua-site-layout{display:flex!important;flex-direction:column!important;gap:24px!important;max-width:720px;width:calc(100% - 22px);margin:16px auto 35px}.dua-site-layout>.dua-main-column{width:100%!important}.dua-site-layout>.dua-sidebar-column{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.dua-sidebar-column .sidebar{grid-column:1}.dua-sidebar-column .dua-sidebox{grid-column:2;grid-row:1}.dua-sidebar-column .dua-side-highlight{grid-column:1/-1}.dua-app .dua-hero{grid-template-columns:1.3fr .7fr}.dua-app .dua-localnav{min-height:62px}.dua-app .dua-local-links{gap:12px}.dua-app .dua-local-links a{font-size:11px}}
@media(max-width:580px){.container.layout.dua-site-layout{width:calc(100% - 18px);margin:10px auto 30px}.dua-site-layout .dua-wrap{padding:0 13px 13px}.dua-site-layout .dua-app{border-radius:14px}.dua-app .dua-localnav{display:block;padding:12px 0 9px;min-height:0}.dua-app .dua-mark{font-size:14px;margin-bottom:8px}.dua-app .dua-local-links{display:flex;flex-wrap:nowrap;gap:14px;overflow-x:auto;scrollbar-width:thin;justify-content:start;padding:0 0 3px}.dua-app .dua-local-links a{white-space:nowrap;font-size:11px}.dua-home-topline{margin-top:12px}.dua-app .dua-hero{display:flex;flex-direction:column-reverse;margin:0 0 10px;border-radius:13px}.dua-app .dua-hero-art{height:135px;max-height:135px}.dua-app .dua-hero-art img{min-height:0;height:100%;width:100%;object-fit:cover}.dua-app .dua-art-label{bottom:9px;left:9px}.dua-app .dua-hero-text{padding:19px 17px 21px}.dua-app .dua-hero h1{font-size:27px;line-height:1.55}.dua-app .dua-hero h1 em{font-size:.86em}.dua-app .dua-hero-text>p{font-size:12px;line-height:2;margin-bottom:14px}.dua-app .dua-search{padding:10px}.dua-app .dua-search-inline input{font-size:11px;padding:9px}.dua-app .dua-search-inline button{min-width:76px;font-size:11px;padding:9px}.dua-app .dua-quick-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 20px}.dua-quick-links>a{display:flex;flex-direction:column;text-align:center;align-items:center;gap:3px;padding:10px 4px;min-height:100px}.dua-quick-links>a span{width:32px;height:32px}.dua-quick-links>a strong{font-size:10px}.dua-quick-links>a small{font-size:9px}.dua-app .dua-section{margin:27px 0}.dua-app .dua-section-title{display:flex;flex-direction:row;align-items:end;gap:5px}.dua-app .dua-section-title h2{font-size:18px}.dua-app .dua-section-title p{display:none}.dua-app .dua-text-link{font-size:10px}.dua-app .dua-topics{gap:8px}.dua-app .dua-topic{display:flex;flex-direction:column;min-height:130px;padding:12px;gap:4px}.dua-app .dua-topic-orn{width:32px;height:32px;font-size:18px}.dua-app .dua-topic strong{font-size:11.5px}.dua-app .dua-topic small{font-size:10px}.dua-app .dua-topic-count{font-size:9.5px}.dua-app .dua-grid{gap:9px}.dua-app .dua-card-body{min-height:97px;padding:9px 10px 12px}.dua-app .dua-card-body strong{font-size:11.5px}.dua-app .dua-card-body small,.dua-app .dua-card-body>span{font-size:9.5px}.dua-app .dua-feature-row{grid-template-columns:1fr;gap:9px}.dua-app .dua-feature{min-height:143px;padding:19px;gap:13px}.dua-app .dua-feature h2{font-size:17px}.dua-app .dua-intro{grid-template-columns:1fr;gap:5px;padding:18px}.dua-app .dua-intro h2{font-size:17px}.dua-app .dua-footer{gap:12px}.dua-app .dua-page-hero{padding:22px 17px}.dua-app .dua-page-hero h1,.dua-app .dua-article-heading h1{font-size:24px}.dua-app .dua-recitation{padding:18px 13px}.dua-app .dua-translation{padding:13px 14px}.dua-app .dua-article-section{padding:16px 15px}.dua-app .dua-arabic{font-size:var(--arabic-size,27px);line-height:2.4}.dua-app .dua-aside{grid-template-columns:1fr}.dua-app .dua-aside-card:last-child{grid-column:auto}.dua-app .dua-counter-layout{grid-template-columns:1fr}.dua-app .dua-counter{padding:18px 13px}.dua-site-layout>.dua-sidebar-column{display:flex!important;flex-direction:column;gap:5px}.dua-sidebar-column .sidebar{width:100%!important}.dua-sidebar-column .dua-sidebox{grid-column:auto}.dua-side-highlight{display:none}}
/* Keep the original unique art but bring the Arabic text into view sooner. */
@media(min-width:581px){.dua-app .dua-cover img{max-height:310px;aspect-ratio:2.25/1;object-fit:cover}}
@media(max-width:580px){.dua-app .dua-cover img{max-height:200px;aspect-ratio:16/9;object-fit:cover}}

/* Stage 8: library search */
.dua-library{margin:24px 0 50px}.dua-library-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,220px);gap:10px 14px;margin:22px 0;padding:19px;background:#f8f5fc;border-radius:16px}.dua-library-filters label{font-size:.91rem;font-weight:600}.dua-library-filters input,.dua-library-filters select{border:1px solid #dcd5e7;background:#fff;border-radius:10px;min-height:46px;padding:9px 13px;font:inherit;width:100%;color:#433750;box-sizing:border-box}.dua-library-filters input:focus,.dua-library-filters select:focus{outline:2px solid #aa8bc9;outline-offset:1px}@media(max-width:620px){.dua-library-filters{grid-template-columns:1fr}}
@media print{.dua-site-layout .dua-sidebar-column,.dua-localnav,.dua-actions,.dua-aside,.dua-footer,.dua-crumb,.dua-card-modal,.dua-controls{display:none!important}.dua-site-layout .dua-main-column{width:100%!important;max-width:100%!important}}

/* Stage 15: respect separate prayer variants (morning/evening) without altering the approved layout. */
.dua-app .dua-arabic,.dua-app .dua-translation p{white-space:pre-line}

/* Stage 16: compact filter bar and accessible result pagination, scoped to the approved theme. */
.dua-app .dua-library-filters{grid-template-columns:minmax(0,1fr) minmax(0,180px) minmax(0,180px);align-items:end}
.dua-app .dua-library-field{min-width:0}.dua-app .dua-library-field label{display:block;margin:0 0 7px}.dua-app .dua-library-field input,.dua-app .dua-library-field select{width:100%}
.dua-app .dua-library-actions{grid-column:1/-1;display:flex;justify-content:flex-end}
.dua-app .dua-library-actions button,.dua-app .dua-library-pagination button{border:1px solid #e0d3e9;background:#fff;color:#694878;border-radius:9px;padding:8px 12px;font:inherit;cursor:pointer}
.dua-app .dua-library-pagination{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:28px 0}
.dua-app .dua-library-pagination[hidden]{display:none}
.dua-app .dua-library-pagination button[disabled]{opacity:.5;cursor:default}
.dua-app .dua-library-pagination button[aria-current=page]{background:#75548a;color:white;border-color:#75548a;opacity:1}
.dua-app .dua-library-help{color:#62586d;font-size:12px;line-height:2;margin:0 0 14px}
@media(max-width:740px){.dua-app .dua-library-filters{grid-template-columns:1fr 1fr}.dua-app .dua-library-field:first-child{grid-column:1/-1}}
@media(max-width:520px){.dua-app .dua-library-filters{grid-template-columns:1fr}.dua-app .dua-library-field{grid-column:1/-1}.dua-app .dua-library-actions{justify-content:stretch}.dua-app .dua-library-actions button{width:100%}}

/* Stage 17: desktop-only search hero correction, preserves the approved mobile view. */
@media (min-width: 1101px) {
  .dua-app .dua-hero {grid-template-columns:minmax(0,1fr) minmax(245px,40%);align-items:stretch;}
  .dua-app .dua-hero-text {min-width:0;padding:29px 23px 27px 20px;}
  .dua-app .dua-hero h1 {font-size:clamp(26px,2.65vw,35px);line-height:1.6;margin-bottom:8px;}
  .dua-app .dua-hero-text>p {font-size:12.5px;line-height:2;margin-bottom:14px;}
  .dua-app .dua-hero-art {display:flex;position:relative;justify-content:center;align-items:center;flex-direction:column;gap:13px;padding:16px;background:#66507a;isolation:isolate;}
  .dua-app .dua-hero-art:before {content:"";position:absolute;inset:-12px;background:linear-gradient(140deg,rgba(60,37,75,.55),rgba(100,68,114,.5)),url("/dua/assets/images/dua-home.webp") center/cover;filter:blur(13px);opacity:.8;z-index:-1;}
  .dua-app .dua-hero-art img {display:block;width:100%;height:auto!important;min-height:0!important;max-height:none;aspect-ratio:16/9;object-fit:contain;object-position:center;filter:saturate(.85);opacity:1;border-radius:10px;box-shadow:0 8px 20px rgba(47,25,60,.2);position:relative;z-index:1;}
  .dua-app .dua-art-label {position:static;background:rgba(35,25,46,.46);font-size:10px;z-index:1;}
  .dua-app .dua-search {width:100%;max-width:100%;min-width:0;}
  .dua-app .dua-search-inline {display:flex;min-width:0;}
  .dua-app .dua-search-inline input {flex:1 1 auto;min-width:0;max-width:100%;}
  .dua-app .dua-search-inline button {flex:0 0 auto;}
}
@media (min-width:581px) and (max-width:1100px) {
  .dua-app .dua-hero {grid-template-columns:minmax(0,1fr)!important;display:flex;flex-direction:column-reverse;min-width:0;}
  .dua-app .dua-hero-art {height:160px;overflow:hidden;}
  .dua-app .dua-hero-art img {display:block;width:100%;height:100%!important;min-height:0!important;object-fit:cover;object-position:center;}
  .dua-app .dua-hero-text {padding:24px 24px 25px;min-width:0;}
  .dua-app .dua-search {max-width:100%;width:100%;}
  .dua-app .dua-hero h1 {font-size:clamp(26px,3.4vw,34px);}
}
@media (min-width:581px) {
  .dua-app .dua-hero {isolation:isolate;}
  .dua-app .dua-search-inline input {box-sizing:border-box;}
}