/* Madarej menu designs — matching the app-inspired visual direction without replacing content. */
.mdapp-screen-shell{--m-green:#153f43;--m-gold:#a87b43;--m-beige:#fbf7ef;max-width:1450px;width:calc(100% - 58px);margin:0 auto;color:var(--m-green)}
.mdapp-screen-heading{padding:34px 0 18px;text-align:start}
.mdapp-screen-heading>div{display:flex;align-items:center;gap:16px}.mdapp-screen-heading svg{width:39px;height:39px;color:#a87b43}
.mdapp-screen-heading h1{font-size:clamp(1.7rem,3vw,2.65rem);margin:0;line-height:1.45}
.mdapp-screen-heading p{color:#738086;margin:6px 0 0;font-size:.92rem}
.mdapp-screen-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:21px;background:#f7ecdb;min-height:258px;display:flex;align-items:center;margin:12px 0 24px;border:1px solid #f0e5d1}
.mdapp-screen-hero-art{position:absolute;z-index:-2;inset:0;overflow:hidden}.mdapp-screen-hero-art svg{width:100%;height:100%;display:block}
.mdapp-screen-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to left,#fcf5e8 8%,rgba(252,245,232,.97) 41%,rgba(252,245,232,.12) 76%)}
.mdapp-screen-hero-text{max-width:540px;padding:30px 45px;margin-right:0;margin-left:auto;text-align:start;direction:rtl}
html[dir="ltr"] .mdapp-screen-hero-text{margin-right:auto;margin-left:0;direction:ltr}
.mdapp-screen-hero-text span{font-size:.76rem;color:#926a37;font-weight:700}
.mdapp-screen-hero-text h2{font-size:clamp(1.65rem,3.2vw,2.45rem);margin:7px 0;color:#18464a}
.mdapp-screen-hero-text p{font-size:.9rem;line-height:1.95;color:#567075;margin-bottom:15px}
.mdapp-screen-hero-text>a{display:inline-flex;align-items:center;gap:10px;background:#b48a55;color:#fff;border-radius:35px;padding:7px 19px;font-size:.79rem;font-weight:700}
.mdapp-screen-hero-text>a svg{width:15px;height:15px}
.mdapp-screen-tabs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:20px 0 25px}
.mdapp-screen-chip{border-radius:13px;background:#fffdf8;border:1px solid #ede3d6;color:#375157;padding:10px 18px;font-size:.82rem;line-height:1.5}
.mdapp-screen-chip[aria-current]{color:white;background:#a97a40;border-color:#a97a40}
.mdapp-screen-section{margin:27px 0 36px}
.mdapp-screen-section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}
.mdapp-screen-section-title h2{font-size:clamp(1.25rem,2vw,1.68rem);margin:0;color:#21494d}
.mdapp-screen-section-title>a{font-size:.78rem;color:#a2753a;text-decoration:none}
.mdapp-screen-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.mdapp-screen-resource{display:grid;grid-template-columns:106px 1fr;min-width:0;gap:16px;align-items:center;background:#fffefa;padding:13px;border:1px solid #e8e4de;border-radius:15px;box-shadow:0 9px 22px #39494206}
.mdapp-screen-resource-art{height:133px;width:106px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d6dfd4,#f3e6cf);border-radius:11px;overflow:hidden;color:#aa7a42}
.mdapp-screen-resource-art img{height:100%;width:100%;object-fit:cover}
.mdapp-screen-resource-art svg{width:45px;height:45px}
.mdapp-screen-resource-body{min-width:0}.mdapp-screen-resource-body small{font-size:.68rem;color:#947344}
.mdapp-screen-resource-body strong{display:block;font-size:.93rem;color:#23454a;line-height:1.8;margin-top:8px}
.mdapp-discover-worlds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.mdapp-discover-worlds a{display:flex;align-items:center;gap:15px;padding:24px 18px;border-radius:15px;background:#fffdf7;border:1px solid #e7e4dc;min-width:0}
.mdapp-discover-worlds a>svg{width:28px;height:28px;color:#a77c41}
.mdapp-discover-worlds a>strong{font-size:.88rem;font-weight:700}
.mdapp-discover-worlds a>span{margin-inline-start:auto;color:#a97e4b}
.mdapp-screen-catalog-results{margin:40px 0 45px}
.mdapp-screen-catalog-results>.mds-catalog{width:100%;max-width:none;padding:0}
.mdapp-screen-catalog-results .mds-breadcrumb,.mdapp-screen-catalog-results .mds-catalog>h1,.mdapp-screen-catalog-results .mds-catalog>.mds-intro{display:none}
.mdapp-screen-catalog-results .mds-search>label{font-weight:700;color:#446269}
.mdapp-screen-catalog-results .mds-search>div{border-color:#e1ded7;border-radius:15px;box-shadow:0 4px 15px #2c524608}
.mdapp-screen-catalog-results .mds-filters{border-color:#eae3d9;border-radius:16px;background:#fffefa}
.mdapp-screen-catalog-results .mds-filters select{border-radius:9px;border-color:#e5e1d7}
.mdapp-screen-catalog-results .mds-result-summary h2{font-size:1.4rem}
.mdapp-screen-catalog-results .mds-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mdapp-screen-catalog-results .mds-card,.mdapp-screen-catalog-results .mds-card.mds-book{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border:1px solid #ece6de;background:#fffefa;border-radius:16px;min-height:325px}
.mdapp-screen-catalog-results .mds-cover,.mdapp-screen-catalog-results .mds-card.mds-book .mds-cover{width:100%;height:178px;border:0;border-radius:0;background:linear-gradient(125deg,#d8e4d9,#f1e5d1);align-items:center;justify-content:center;overflow:hidden;display:flex}
.mdapp-screen-catalog-results .mds-cover img{height:178px;max-height:178px;max-width:100%;width:auto;object-fit:contain}
.mdapp-screen-catalog-results .mds-card-body{padding:16px 17px;flex:1;display:flex;flex-direction:column;align-items:stretch}
.mdapp-screen-catalog-results .mds-meta{font-size:.7rem;color:#a87b43}
.mdapp-screen-catalog-results .mds-card h3{font-size:.98rem;margin-bottom:7px;line-height:1.75}
.mdapp-screen-catalog-results .mds-excerpt{font-size:.72rem;-webkit-line-clamp:2;margin:0 0 10px}
.mdapp-screen-catalog-results .mds-open{margin-top:auto;font-size:.77rem;justify-content:flex-start;text-decoration:none;color:#ae7e43}
.mdapp-screen-catalog-results .mds-card .mds-cover>span{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 38% 38%,#fff1d0,#bfd1c6);color:#9f7a48}
.mdapp-screen-catalog-results .mds-pagination a{border-radius:12px;border-color:#e3ded4}
.mdapp-screen-catalog-results .mds-pagination a[aria-current]{background:#a77b44;border-color:#a77b44}
/* Audio: only published recordings with actual media can be played. */
.mdapp-audio-item{display:grid;grid-template-columns:130px 1fr;gap:21px;align-items:center;margin:12px 0;background:#fffdf9;border:1px solid #eae4dc;padding:16px;border-radius:18px}
.mdapp-audio-image{width:130px;min-height:150px;background:linear-gradient(125deg,#d9dfd5,#efe6d7);border-radius:13px;display:flex;justify-content:center;align-items:center;overflow:hidden;color:#98723f}
.mdapp-audio-image img{width:100%;height:150px;object-fit:cover}.mdapp-audio-image svg{width:50px;height:50px}
.mdapp-audio-description h3{font-size:1.12rem;color:#20474b;margin-bottom:8px}
.mdapp-audio-description p{font-size:.83rem;color:#68767b;line-height:1.9}
.mdapp-audio-description audio{display:block;width:min(100%,730px);max-width:100%;margin-bottom:6px}
.mdapp-audio-download{color:#9b7040;font-size:.75rem;font-weight:700}
.mdapp-no-available{background:#fffefa;padding:24px;border-radius:14px}
/* Practical tools keep their original submissions, printing, and on-device storage. */
.mdapp-tool-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mdapp-tool-shortcuts a{display:flex;align-items:center;gap:15px;padding:20px 17px;min-width:0;border-radius:15px;background:#fffdf8;border:1px solid #ede3d5;color:#234a50}
.mdapp-tool-shortcuts a svg{width:29px;height:29px;color:#b38448}
.mdapp-tool-shortcuts strong{font-size:.86rem}
.mdapp-tool-shortcuts a span{margin-inline-start:auto;color:#b38448}
.mdapp-tools-screen+.mdp-page{width:calc(100% - 58px);max-width:1450px;padding-top:6px}
.mdapp-tools-screen+.mdp-page>.page-heading{padding:15px 0}
.mdapp-tools-screen+.mdp-page .mdp-tools{display:grid;gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}
.mdapp-tools-screen+.mdp-page .mdp-tool{border-radius:17px;border-color:#e5e0d8;background:#fffdf9;padding:18px;scroll-margin-top:95px}
.mdapp-tools-screen+.mdp-page .mdp-tool summary{color:#20464a}
.mdapp-tools-screen+.mdp-page .mdp-tool summary strong{font-size:1rem}
.mdapp-tools-screen+.mdp-page .mdp-tool[open]{grid-column:1/-1}
.mdapp-tools-screen+.mdp-page .mdp-tool form{max-width:850px}
/* The existing personal library JS remains in control of saving and display. */
.mdapp-personal-screen+#md-my-library{width:calc(100% - 58px);max-width:1450px;margin:20px auto 64px}
.mdapp-personal-screen + .md-my-hero{display:none}
.mdapp-personal-screen + .md-my-hero + #md-my-library{margin-top:22px}
/* Standalone Dawah and Children homepages. */
.mdp-special-portal{--m-green:#19484b}
.mdp-special-portal .mdp-world-hero{min-height:300px;padding:55px 0;background:#f7eddc;color:#183e40;position:relative;isolation:isolate;overflow:hidden}
.mdp-special-portal .mdp-world-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to left,#fcf4e7 18%,rgba(252,244,231,.95) 48%,rgba(252,244,231,.06) 87%);z-index:-1}
.mdp-special-portal .mdapp-portal-art{position:absolute;inset:0;z-index:-2;pointer-events:none}
.mdp-special-portal .mdapp-portal-art svg{width:100%;height:100%;display:block}
.mdp-special-portal .mdp-world-hero .wrap{width:calc(100% - 58px);max-width:1450px}
.mdp-special-portal .mdp-world-hero h1{font-size:clamp(1.85rem,3.6vw,3.3rem);color:#1b4448;margin:6px 0}
.mdp-special-portal .mdp-world-hero p{font-size:.92rem;max-width:690px;color:#567075}
.mdp-special-portal .mdp-overline{color:#a27541}
.mdp-special-portal .mdp-main-action{background:#ac7e45;color:white;border:1px solid #ac7e45}
.mdp-special-portal .mdp-alt-action{border-color:#c5ae8b;color:#2f565b;background:#fffdf8aa}
.mdp-special-portal .mdp-track-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.mdp-special-portal .mdp-track-card{background:#fffdf7;border:1px solid #e9dfd2;border-radius:16px;min-height:150px}
.mdp-special-portal .mdp-track-card h3{font-size:.9rem;color:#214649}
.mdp-special-portal .mdp-age-grid a{background:#fbf6ec;border-color:#e9ddca;border-radius:16px}
.mdp-special-portal .mdp-section-heading h2{color:#1e4649}
.mdp-special-portal .mdp-section-heading h2,.mdp-special-portal .mdp-feature-section h2{font-size:clamp(1.2rem,2vw,1.6rem)}
.mdp-special-portal .mdp-latest-grid article,.mdp-special-portal .mdp-guide-card{background:#fffdfa;border-color:#e8e2d8;border-radius:17px}
.mdp-special-portal .mdp-topic-pill{background:#f6ead7;color:#916b3d}
/* Provide a consistent picture-like card to both portals, without adding fictional content. */
.mdp-children-portal .mdp-portal-content,.mdp-dawah-portal .mdp-portal-content{max-width:1450px;width:calc(100% - 58px)}
@media(min-width:1550px){.mdapp-screen-shell{width:calc(100% - 76px)}}
@media(max-width:1100px){.mdapp-screen-catalog-results .mds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mdapp-screen-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mdapp-tool-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.mdp-special-portal .mdp-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
 .mdapp-screen-shell,.mdapp-tools-screen+.mdp-page,.mdapp-personal-screen+#md-my-library{width:calc(100% - 28px)}
 .mdapp-screen-heading{padding-top:19px}
 .mdapp-screen-hero{min-height:252px;margin-top:6px;border-radius:17px}
 .mdapp-screen-hero-text{padding:19px 22px;width:77%}
 .mdapp-screen-hero:before{background:linear-gradient(to left,#fcf5e8 10%,rgba(252,245,232,.90) 51%,rgba(252,245,232,.17) 95%)}
 .mdapp-screen-hero-text h2{font-size:1.52rem}
 .mdapp-screen-hero-text p{font-size:.77rem}
 .mdapp-screen-chip{padding:8px 12px;font-size:.72rem;border-radius:12px}
 .mdapp-screen-featured-grid{grid-template-columns:1fr;gap:10px}
 .mdapp-screen-resource{grid-template-columns:81px minmax(0,1fr);gap:11px}
 .mdapp-screen-resource-art{width:81px;height:98px}
 .mdapp-screen-catalog-results{margin-top:26px}
 .mdapp-screen-catalog-results .mds-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .mdapp-screen-catalog-results .mds-card,.mdapp-screen-catalog-results .mds-card.mds-book{min-height:270px}
 .mdapp-screen-catalog-results .mds-cover,.mdapp-screen-catalog-results .mds-card.mds-book .mds-cover{height:123px}
 .mdapp-screen-catalog-results .mds-cover img{max-height:123px;height:123px}
 .mdapp-screen-catalog-results .mds-card-body{padding:10px 11px}
 .mdapp-screen-catalog-results .mds-card h3{font-size:.73rem}
 .mdapp-screen-catalog-results .mds-excerpt{font-size:.66rem}
 .mdapp-screen-catalog-results .mds-result-summary{flex-direction:column;gap:4px}
 .mdapp-discover-worlds,.mdapp-tool-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .mdapp-discover-worlds a,.mdapp-tool-shortcuts a{padding:13px 9px;gap:7px}
 .mdapp-discover-worlds a svg,.mdapp-tool-shortcuts a svg{width:21px;height:21px}
 .mdapp-discover-worlds a>strong,.mdapp-tool-shortcuts strong{font-size:.68rem;line-height:1.7}
 .mdapp-tools-screen+.mdp-page .mdp-tools{grid-template-columns:1fr}
 .mdapp-audio-item{grid-template-columns:80px 1fr;gap:13px;padding:11px}
 .mdapp-audio-image{width:80px;min-height:108px}.mdapp-audio-image img{height:108px}
 .mdapp-audio-description h3{font-size:.93rem}.mdapp-audio-description p{font-size:.69rem}
 .mdp-special-portal .mdp-world-hero{min-height:292px;padding:38px 0}
 .mdp-special-portal .mdp-world-hero .wrap{width:calc(100% - 28px)}
 .mdp-special-portal .mdp-world-hero h1{font-size:1.85rem}
 .mdp-special-portal .mdp-world-hero p{font-size:.78rem;max-width:76%;line-height:1.9}
 .mdp-special-portal .mdp-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mdp-special-portal .mdp-track-card{padding:12px;min-height:125px}
 .mdp-special-portal .mdp-track-card h3{font-size:.78rem}
 .mdp-children-portal .mdp-portal-content,.mdp-dawah-portal .mdp-portal-content{width:calc(100% - 28px)}
}
@media(max-width:390px){.mdapp-screen-catalog-results .mds-grid{grid-template-columns:1fr}.mdapp-screen-hero-text{width:91%}}