/* v7.18 visual refinements: balanced learning catalogue and purposeful mobile navigation */
body.juz-learning-page .juz-about-brief{margin-top:17px;margin-bottom:2px}
.juz-about-brief{display:flex;align-items:flex-start;gap:12px;margin:16px 0 22px;background:#e9f2ee;border:1px solid #bfd8cf;border-radius:18px;padding:17px 19px;color:#1c5060;text-align:right;line-height:1.95}
.juz-about-brief .juz-about-icon{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;color:#246679;font-size:23px}
.juz-about-brief strong{display:block;color:#1b5663;font-weight:900;font-size:16px;margin-bottom:3px}
.juz-about-brief p{margin:0;font-size:14px;line-height:1.95;color:#355b68}
body.juz-learning-page .learning-library-header .juz-about-brief p{font-size:14px;color:#355b68}
body.juz-learning-page .learning-library-header .juz-about-brief strong{font-size:16px}
/* Front faces do not identify specific surahs; show uniform count metadata. */
body.juz-learning-page #cards .parent-top{justify-content:flex-end}
body.juz-learning-page #cards .item-desc{justify-content:center;gap:12px}
body.juz-learning-page #cards .surah-ident{display:none!important}
@media(max-width:760px){
 .topbar.site-header{position:relative!important;top:auto!important}
 .site-header .site-header-inner{padding:12px 0 14px!important;gap:12px!important}
 .site-header .site-brand{font-size:17px!important}
 .site-header .site-mark{width:44px!important;height:44px!important;flex-basis:44px!important}
 .site-header .header-side{width:100%!important;display:block!important}
 .site-header .module-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;width:100%!important}
 .site-header .module-nav{display:flex!important;min-width:0!important;min-height:55px!important;justify-content:center!important;gap:10px!important;padding:12px 10px!important;white-space:normal!important;border:1px solid #cce0d9!important;border-radius:14px!important;font-size:14px!important;font-weight:900!important;background:#f2f7f4!important;color:#21596a!important;line-height:1.3!important;box-shadow:0 3px 8px rgba(13,89,99,.04)!important}
 .site-header .module-nav svg{display:block!important;width:20px!important;height:20px!important;flex:0 0 20px!important}
 .site-header .module-nav.active{background:#0d5963!important;color:white!important;border-color:#0d5963!important}
 .site-header .module-nav.challenge:not(.active){background:#fff7e2!important;border-color:#e8d8a3!important;color:#755313!important}
 .site-header .module-nav:last-child:nth-child(odd){grid-column:1/-1}
 body.juz-learning-page #cards.grid:not(.card-focused-grid) > .item{min-height:174px!important}
 .juz-about-brief{gap:9px;padding:13px 14px;border-radius:14px}
 .juz-about-brief strong{font-size:15px}.juz-about-brief p{font-size:13.5px}
}
@media(max-width:390px){.site-header .module-nav{font-size:12px!important;padding:10px 7px!important;min-height:53px!important}.site-header .module-nav svg{width:18px!important;height:18px!important;flex-basis:18px!important}}