/* Approved Illustrated Learning Adventure: full Mutashabehat catalogue.
   Visual-only extension to the original site. It never alters Qur'an data,
   verse order, scoring, completion or localStorage format. */
body.juz-learning-page{--mla-blue:#0879f5;--mla-aqua:#a7f5df;--mla-ink:#092c56;--mla-line:#b6dbf3;}
body.juz-learning-page #module-one-view > main.wrap{max-width:1220px!important;padding-top:12px!important}
/* Blue illustrated title and definition sticker. */
body.juz-learning-page .mla-library-hero{
 min-height:232px;padding:27px 31px!important;overflow:visible!important;
 background:linear-gradient(105deg,#07315c 5%,#0c3e72 56%,#052b53)!important;
 border:0!important;box-shadow:none!important;display:grid;grid-template-columns:minmax(0,1fr) 290px;
 gap:10px;align-items:start;isolation:isolate;margin-bottom:20px!important;
}
body.juz-learning-page .mla-library-hero:after{content:none!important;display:none!important;}
body.juz-learning-page .mla-library-hero .mla-breadcrumb-row{grid-column:1/-1;position:relative;z-index:2;}
body.juz-learning-page .mla-library-hero .learning-breadcrumb,
body.juz-learning-page .mla-library-hero .learning-breadcrumb:visited{color:#d4e8ff!important;font-size:12px!important;padding:0!important;}
body.juz-learning-page .mla-library-hero .learning-library-hero-copy{z-index:2;position:relative;max-width:700px!important;margin:9px 0 0!important;}
body.juz-learning-page .mla-library-hero .learning-eyebrow{color:#e1f0ff!important;font-size:13px!important;margin:0 0 10px!important;}
body.juz-learning-page .mla-library-hero #learning-library-title{font-weight:900!important;line-height:1.28!important;letter-spacing:0!important;color:var(--mla-aqua)!important;font-size:clamp(28px,3.55vw,47px)!important;margin:0 0 8px!important;}
body.juz-learning-page .mla-library-hero .learning-library-hero-copy>p{color:#eaf5ff!important;font-size:17px!important;line-height:1.7!important;}
body.juz-learning-page .mla-library-hero .learning-library-count{border:0!important;color:#fff!important;background:transparent!important;margin-top:9px!important;padding:0!important;font-size:14px!important;line-height:1.5;}
body.juz-learning-page .mla-library-hero .learning-library-count:before{content:"▥";color:#ffd86b;margin-inline-end:9px;}
body.juz-learning-page .mla-arch-art{position:absolute;left:26%;bottom:3px;width:250px;height:164px;pointer-events:none;opacity:.77;overflow:hidden;}
body.juz-learning-page .mla-arch-art svg{height:100%;width:100%;}
body.juz-learning-page .mla-definition-note{
 grid-column:2;grid-row:2;justify-self:end;align-self:center;z-index:2;
 background:linear-gradient(140deg,#fff6d5,#ffe7a4 84%);color:#18375f;
 padding:16px 18px 14px;box-shadow:0 12px 30px rgba(0,22,50,.25);
 border:1px solid #fff4d0;border-radius:15px 15px 17px 18px;transform:rotate(-2deg);
 min-height:130px;width:min(100%,280px);font-size:13px;line-height:1.65;
}
body.juz-learning-page .mla-definition-note summary{font-size:17px;font-weight:900;color:#123761;cursor:pointer;list-style:none;text-align:center;}
body.juz-learning-page .mla-definition-note summary::-webkit-details-marker{display:none;}
body.juz-learning-page .mla-definition-note summary span{color:#c28717;margin-inline-end:6px;}
body.juz-learning-page .mla-definition-note p{color:#234364!important;font-size:13px!important;margin:7px 0!important;line-height:1.75!important;text-align:center;}
body.juz-learning-page .mla-definition-note .mla-note-tip{font-size:12px!important;font-weight:850!important;border-top:1px solid #ddb973;padding-top:7px;}
/* Grouped search and filtering controls. */
body.juz-learning-page #explore .mla-filter-panel{position:relative;background:linear-gradient(125deg,#e8f6ff,#d9efff);border:1px solid #94cbfb;border-radius:17px;box-shadow:0 12px 25px rgba(0,21,58,.17);padding:15px 20px;margin:0 0 21px;z-index:3;color:#082e54;}
body.juz-learning-page #explore .mla-filter-top{display:grid;grid-template-columns:minmax(200px,1fr) minmax(260px,1fr);gap:18px;align-items:center;direction:ltr;}
body.juz-learning-page #explore .mla-filter-top .search-wrap{direction:rtl!important;position:relative;display:block;margin:0!important;min-width:0;}
body.juz-learning-page #explore .mla-filter-top #search{width:100%;min-height:46px!important;border:1px solid #b5d6ee!important;background:#f9fdff!important;color:#133f68!important;border-radius:13px!important;box-shadow:0 3px 8px rgba(0,33,68,.06)!important;padding-inline:35px 15px!important;font-weight:650;font-size:14px;}
body.juz-learning-page #explore .mla-filter-top .search-wrap>span{position:absolute;top:8px;left:12px;z-index:1;color:#517fa5;font-size:22px;pointer-events:none;}
body.juz-learning-page #explore .mla-surah-control{direction:rtl!important;display:flex;align-items:center;gap:9px;min-width:0;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;position:relative;flex-wrap:wrap;}
body.juz-learning-page #explore .mla-surah-caption{font-size:14px;color:#0c345f;font-weight:900;white-space:nowrap;}
body.juz-learning-page #explore .mla-current-surahs{font-size:13px;color:#124064;font-weight:800;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;}
body.juz-learning-page #explore .card-surah-filter-head{margin-inline-start:auto;display:flex!important;align-items:center;gap:7px;flex-wrap:wrap;}
body.juz-learning-page #explore #reviewSurahPicker{position:relative;}
body.juz-learning-page #explore #reviewSurahPicker>summary{list-style:none;cursor:pointer;min-height:43px;display:inline-flex;align-items:center;justify-content:center;padding:7px 14px!important;font-size:13px!important;font-weight:900!important;color:#0564cf!important;border:1.5px solid #1683fa!important;background:#ecf8ff!important;border-radius:12px!important;}
body.juz-learning-page #explore #reviewSurahPicker>summary::-webkit-details-marker{display:none;}
body.juz-learning-page #explore #reviewSurahPicker[open]>summary{color:#fff!important;background:#107cf5!important;}
body.juz-learning-page #explore #reviewSurahPicker .review-surah-options{
 position:absolute;top:51px;right:0;z-index:20;width:min(380px,86vw);max-height:300px;overflow-y:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:15px 12px!important;
 border-radius:15px;border:1px solid #a8cce7!important;background:#fff!important;box-shadow:0 24px 50px rgba(0,20,58,.26);
}
body.juz-learning-page #explore #reviewSurahPicker .review-surah-options legend{grid-column:1/-1;color:#0c3f6b;font-weight:900;padding:0 0 8px;font-size:13px;}
body.juz-learning-page #explore #reviewSurahPicker .review-surah-options label{min-width:0;padding:5px;font-size:12px!important;}
body.juz-learning-page #explore .mla-surah-control #reviewAllSurahs,
body.juz-learning-page #explore .mla-surah-control #reviewClearSurahs{display:none!important;}
body.juz-learning-page #explore .mla-surah-control:has(#reviewSurahPicker[open]) #reviewAllSurahs,
body.juz-learning-page #explore .mla-surah-control:has(#reviewSurahPicker[open]) #reviewClearSurahs{display:inline-flex!important;font-size:11px!important;min-height:32px;border-radius:9px!important;padding:5px 8px!important;}
body.juz-learning-page #explore #reviewSurahSummary{display:none!important;}
body.juz-learning-page #explore .mla-filter-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;direction:rtl;margin-top:13px;padding-top:12px;border-top:1px solid #b9d8ef;}
body.juz-learning-page #explore .mla-filter-bottom .scope-tabs{margin:0!important;display:flex;gap:7px;flex-wrap:wrap;}
body.juz-learning-page #explore .mla-filter-bottom .scope{border-radius:999px!important;min-height:36px!important;padding:7px 17px!important;font-size:12px!important;font-weight:850!important;}
body.juz-learning-page #explore .mla-filter-bottom .scope.active{background:#047af1!important;border-color:#047af1!important;color:#fff!important;box-shadow:0 3px 9px rgba(0,88,171,.17);}
body.juz-learning-page #explore .mla-advanced{min-width:150px;text-align:center;position:relative;}
body.juz-learning-page #explore .mla-advanced summary{cursor:pointer;list-style:none;font-size:13px;white-space:nowrap;color:#134d77!important;font-weight:850;padding:7px 11px;border-radius:9px;}
body.juz-learning-page #explore .mla-advanced summary:after{content:"⌄";margin-inline-start:9px;}
body.juz-learning-page #explore .mla-advanced summary::-webkit-details-marker{display:none;}
body.juz-learning-page #explore .mla-advanced[open] summary{background:#c4e6fc;}
body.juz-learning-page #explore .mla-advanced #filters{position:absolute;top:40px;left:0;width:275px;max-width:87vw;z-index:12;background:#f5fbff!important;border:1px solid #aad4ef!important;padding:12px!important;box-shadow:0 15px 40px rgba(0,26,60,.25);border-radius:13px;display:flex!important;flex-wrap:wrap;gap:8px;justify-content:flex-start;direction:rtl;}
body.juz-learning-page #explore .mla-advanced #filters .filter{padding:7px 10px!important;min-height:36px!important;font-size:12px!important;border-radius:999px!important;}
body.juz-learning-page #explore .mla-cards-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0 0;padding:0 0 2px;}
body.juz-learning-page #explore .mla-cards-heading h2{color:#f5fcff!important;font-weight:900!important;font-size:clamp(18px,2.25vw,25px)!important;line-height:1.4!important;margin:0!important;}
body.juz-learning-page #explore .mla-cards-heading h2 span{color:#ffd16a;font-size:18px;margin-inline-end:8px;}
body.juz-learning-page #explore #mla-resume{border:0!important;background:transparent!important;color:#9ad9ff!important;text-decoration:underline;text-decoration-color:#508cc5;text-underline-offset:5px;font-weight:850;cursor:pointer;padding:7px 8px;font-size:13px;}
body.juz-learning-page #explore #resultInfo{margin:3px 0 9px!important;color:#c6e5fc!important;font-size:12px;}
/* Card design mirrors approved full-page mockup. Verse imagery is decorative only;
   actual Hafs verses remain on the open learning surface exactly as before. */
body.juz-learning-page #module-one-view #cards .modern-card:not(.open) .card-face-front{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 min-height:370px!important;padding:15px 15px 16px!important;
}
body.juz-learning-page #module-one-view #cards .modern-card:not(.open) .card-flip-rotor{min-height:370px!important;}
body.juz-learning-page #module-one-view #cards .modern-card .parent-top{min-height:25px;display:flex!important;justify-content:space-between!important;align-items:center;flex-wrap:wrap;gap:5px;}
body.juz-learning-page #module-one-view #cards .mla-scope-tag{align-self:flex-start;display:inline-flex;align-items:center;border-radius:10px;padding:4px 10px;background:#e1f2fd;border:1px solid #d2e8f6;color:#325f7e;font-size:11px;font-weight:800;}
body.juz-learning-page #module-one-view #cards .modern-card .type-chip{border:0!important;background:transparent!important;padding:0!important;color:#4a738a!important;font-size:10px!important;}
body.juz-learning-page #module-one-view #cards .modern-card .item-title{flex:0!important;margin:8px 0 8px!important;min-height:52px;align-items:center;justify-content:center;text-align:center;}
body.juz-learning-page #module-one-view #cards .modern-card .item-title strong{font-size:clamp(16px,1.45vw,19px)!important;color:#0d3762!important;line-height:1.7!important;overflow-wrap:break-word;}
body.juz-learning-page #module-one-view #cards .modern-card .item-icon{display:none!important;}
body.juz-learning-page #module-one-view #cards .mla-card-preview{display:block;margin-top:2px;min-width:0;}
body.juz-learning-page #module-one-view #cards .mla-cover-chips{display:flex;justify-content:space-around;gap:8px;margin-bottom:7px;}
body.juz-learning-page #module-one-view #cards .mla-surah-chip{flex:1;text-align:center;font-weight:850;font-size:12px;color:var(--mla-surah-text,#14496b);background:var(--mla-surah-bg,#d9f0fd);border:1px solid var(--mla-surah-border,#bdddec);border-radius:10px;padding:6px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.juz-learning-page #module-one-view #cards .mla-verse-tiles{display:flex;direction:rtl;gap:8px;min-height:99px;}
body.juz-learning-page #module-one-view #cards .mla-verse-tile{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;background:linear-gradient(135deg,#eef5f8,#eaf0f4);border-radius:10px;min-width:0;padding:10px;}
body.juz-learning-page #module-one-view #cards .mla-line-label{font-size:10px;color:#6a879e;font-weight:750;}
body.juz-learning-page #module-one-view #cards .mla-verse-tile i{height:7px;background:#c7d8e4;width:93%;border-radius:10px;display:block;}
body.juz-learning-page #module-one-view #cards .mla-verse-tile i:nth-of-type(2){width:80%;}
body.juz-learning-page #module-one-view #cards .mla-verse-tile i:nth-of-type(3){width:70%;background:#b3e7d9;}
body.juz-learning-page #module-one-view #cards .mla-verse-tile:nth-child(2) i:nth-of-type(3){background:#f7da92;}
body.juz-learning-page #module-one-view #cards .modern-card:not(.open) .item-desc{margin-top:12px;gap:8px!important;justify-content:center!important;}
body.juz-learning-page #module-one-view #cards .modern-card:not(.open) .item-desc>*{font-size:10px!important;background:#edf6fc;border:1px solid #d5e7f4;color:#3a6682!important;padding:4px 8px;border-radius:999px;}
body.juz-learning-page #module-one-view #cards .modern-card:not(.open) .card-open-hint{
 width:70%;min-width:145px;align-self:center;margin-top:auto!important;
 min-height:43px!important;border-radius:12px!important;padding:9px 14px!important;
 border:1px solid #40a5ff!important;background:#0679f2!important;color:#fff!important;
 box-shadow:0 6px 12px rgba(0,95,176,.18)!important;font-size:13px!important;}
body.juz-learning-page #module-one-view #cards .modern-card:not(.open) .card-open-hint:hover{background:#0869d1!important;}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-flip-scene{perspective:1600px!important;}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-flip-rotor{min-height:370px!important;transform-style:preserve-3d!important;transform:rotateY(180deg)!important;transition:transform .7s cubic-bezier(.2,.75,.2,1)!important;}
body.juz-learning-page #module-one-view #cards .modern-card.flip-animate-pending .card-flip-rotor{transform:rotateY(0deg)!important;}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-face-front,
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-face-back{min-height:370px!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-face-back{background:linear-gradient(145deg,#fff,#e5faf2 65%,#eff9ff)!important;border-color:#9adac7!important;}
body.juz-learning-page #module-one-view #cards .modern-card .card-back-star{height:78px!important;width:79px!important;}
body.juz-learning-page #module-one-view #cards .modern-card .card-back-star svg{width:76px!important;height:76px!important;}
/* No decorative cover tiles inside active Qur'an reading/lesson surfaces. */
body.juz-learning-page.card-detail-active #module-one-view #cards .mla-card-preview,
body.juz-learning-page.card-detail-active #module-one-view #cards .mla-scope-tag,
body.juz-learning-page #module-one-view #cards .modern-card.open .mla-card-preview,
body.juz-learning-page #module-one-view #cards .modern-card.open .mla-scope-tag{display:none!important;}
body.juz-learning-page #module-one-view #cards .modern-card.open .card-face-front{min-height:0!important;}
body.juz-learning-page.card-detail-active #module-one-view #cards .modern-card.open .card-flip-rotor{min-height:0!important;}
body.juz-learning-page.card-detail-active #module-one-view #cards .modern-card.open .item-title{min-height:0!important;}
body.juz-learning-page.card-detail-active #module-one-view #cards .modern-card.open .item-title strong{font-size:21px!important;}
body.juz-learning-page.card-detail-active #explore :is(.mla-filter-panel,.mla-cards-heading,.mla-review-cta){display:none!important;}
/* Review card; approved navy/bright-blue family. */
body.juz-learning-page #explore .mla-review-cta{margin:19px 0 5px;padding:18px 25px;border-radius:18px;border:1px solid #1164ae;background:linear-gradient(112deg,#052b55,#07427a 60%,#063260);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:12px;position:relative;overflow:hidden;}
body.juz-learning-page .mla-review-copy h2{font-size:clamp(21px,2.1vw,30px);margin:0 0 8px;color:var(--mla-aqua);font-weight:900;}
body.juz-learning-page .mla-review-copy p{font-size:14px;color:#e7f5ff;margin:0 0 13px;}
body.juz-learning-page .mla-review-actions{display:flex;gap:10px;flex-wrap:wrap;}
body.juz-learning-page .mla-btn,body.juz-learning-page .mla-btn:visited{display:inline-flex;align-items:center;justify-content:center;min-width:155px;min-height:43px;padding:9px 18px;background:#087bf2;color:#fff;border:1px solid #60bbff;border-radius:11px;box-shadow:0 4px 10px rgba(0,52,135,.24);font-size:13px;font-weight:850;text-decoration:none;}
body.juz-learning-page .mla-btn:hover{background:#0b69d3;}
body.juz-learning-page .mla-btn.mla-btn-secondary{background:transparent;border:1px solid #5ebffc;color:#f4fcff;}
body.juz-learning-page .mla-btn.mla-btn-secondary:hover{background:#175587;}
body.juz-learning-page .mla-review-art{width:100%;max-height:155px;text-align:center;opacity:.97;}
body.juz-learning-page .mla-review-art svg{width:100%;max-height:155px;}
@media(max-width:940px){
 body.juz-learning-page .mla-library-hero{grid-template-columns:minmax(0,1fr) 240px!important;padding:24px!important;}
 body.juz-learning-page .mla-arch-art{left:33%;width:170px;opacity:.48;}
 body.juz-learning-page #explore .mla-filter-top{grid-template-columns:1fr!important;gap:12px!important;}
 body.juz-learning-page #explore .mla-filter-top>.search-wrap{order:2;}
 body.juz-learning-page #explore .mla-filter-top>.mla-surah-control{order:1;}
}
@media(max-width:650px){
 body.juz-learning-page .mla-library-hero{display:block!important;min-height:0!important;padding:22px 17px!important;margin-bottom:14px!important;}
 body.juz-learning-page .mla-library-hero .learning-eyebrow{font-size:11px!important;}
 body.juz-learning-page .mla-library-hero .learning-library-hero-copy{margin:12px 0!important;}
 body.juz-learning-page .mla-library-hero #learning-library-title{font-size:clamp(27px,8vw,35px)!important;}
 body.juz-learning-page .mla-library-hero .learning-library-hero-copy>p{font-size:14px!important;}
 body.juz-learning-page .mla-arch-art{width:130px;height:100px;left:0;top:10px;opacity:.30;}
 body.juz-learning-page .mla-definition-note{margin:16px 0 0!important;transform:none;min-height:0!important;width:100%;}
 body.juz-learning-page .mla-definition-note summary{text-align:right;font-size:15px;}
 body.juz-learning-page .mla-definition-note p{font-size:12px!important;text-align:right;}
 body.juz-learning-page #explore .mla-filter-panel{padding:12px!important;}
 body.juz-learning-page #explore .mla-current-surahs{font-size:12px;max-width:135px;}
 body.juz-learning-page #explore .mla-filter-bottom{align-items:stretch;gap:8px;flex-wrap:wrap;}
 body.juz-learning-page #explore .mla-filter-bottom .scope-tabs{gap:5px;}
 body.juz-learning-page #explore .mla-filter-bottom .scope{font-size:11px!important;padding:6px 11px!important;min-height:34px!important;}
 body.juz-learning-page #explore .mla-advanced{margin-inline-start:auto;text-align:left;}
 body.juz-learning-page #explore .mla-advanced #filters{left:0;}
 body.juz-learning-page #explore .mla-cards-heading{align-items:start;}
 body.juz-learning-page #explore .mla-cards-heading h2{font-size:20px!important;}
 body.juz-learning-page #explore #mla-resume{font-size:12px;}
 body.juz-learning-page #module-one-view #cards .modern-card:not(.open) .card-face-front,
 body.juz-learning-page #module-one-view #cards .modern-card:not(.open) .card-flip-rotor,
 body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-face-back{min-height:350px!important;}
 body.juz-learning-page #explore .mla-review-cta{grid-template-columns:1fr;gap:7px;padding:17px;}
 body.juz-learning-page .mla-review-art{display:none;}
 body.juz-learning-page .mla-review-actions{gap:7px;}
 body.juz-learning-page .mla-btn{flex:1;min-width:125px;font-size:12px;}
}
@media(prefers-reduced-motion:reduce){
 body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-flip-rotor{transition:none!important;}
}
/* Compact phone navigation: keep all five destinations visible without a third row. */
@media(max-width:650px){
 body.juz-learning-page .pwa-nav{
   display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));
   gap:2px!important;padding:7px 6px!important;margin:7px auto 9px!important;
   width:calc(100% - 20px)!important;border-radius:16px!important;
   align-items:center!important;justify-items:stretch!important;
 }
 body.juz-learning-page .pwa-nav .pwa-brand{
   grid-column:1/-1;justify-self:center!important;margin:0!important;
   font-size:17px!important;min-height:30px!important;padding:2px 4px!important;
 }
 body.juz-learning-page .pwa-nav .pwa-brand span{font-size:20px!important;}
 body.juz-learning-page .pwa-nav a:not(.pwa-brand){
   min-width:0!important;min-height:36px!important;padding:5px 1px!important;
   font-size:10px!important;line-height:1.25!important;white-space:normal!important;text-align:center;
 }
 body.juz-learning-page .pwa-nav #pwa-status{display:none!important;}
 body.juz-learning-page .mla-library-hero{padding:16px 14px!important;}
 body.juz-learning-page .mla-library-hero .learning-library-hero-copy{margin:7px 0 4px!important;}
 body.juz-learning-page .mla-library-hero .learning-library-hero-copy>p{margin:2px 0!important;}
 body.juz-learning-page .mla-library-hero .learning-library-count{margin-top:3px!important;}
 body.juz-learning-page .mla-definition-note{padding:10px 13px!important;margin-top:10px!important;}
 body.juz-learning-page .mla-definition-note p{margin:3px 0!important;line-height:1.55!important;}
 body.juz-learning-page .mla-definition-note .mla-note-tip{padding-top:4px!important;}
 body.juz-learning-page #explore .mla-filter-bottom{padding-top:8px;margin-top:8px;}
}