/* v7.22 — optional library last; robust lesson collapse affordance; prominent mobile navigation. */
.site-header .module-nav[href$="#surahSignature"]{opacity:.9}
.site-header .module-nav .nav-optional-note{display:inline-block;font-size:10px;font-weight:650;color:#637d7e;margin-inline-start:4px}
.site-header .module-nav.active .nav-optional-note{color:inherit}
body.juz-learning-page #cards.card-focused-grid .parent-btn{cursor:pointer!important}
body.juz-learning-page #cards.card-focused-grid .card-open-hint{display:flex!important;justify-content:center!important;font-size:15px}
body.juz-learning-page #cards.card-focused-grid .item-title .item-icon{display:inline-grid!important;place-items:center!important;font-size:22px!important;width:35px!important;height:35px!important;min-width:35px!important;border-radius:50%!important;background:#e7f3f0!important;color:#145d66!important;border:1px solid #c5ded7!important}
body.juz-learning-page #cards.card-focused-grid .parent-btn:hover .item-icon{background:#d4eae3!important}
body.juz-learning-page #cards.card-focused-grid .parent-btn:focus-visible{outline:3px solid #b98d34;outline-offset:3px}
/* Avoid suggesting the optional discovery is part of the three-step learning path. */
body.juz-home-page .optional-discovery{margin:20px 0 12px!important}
body.juz-home-page .optional-discovery .juz-path-card{background:#f3f7f4!important;border-color:#d5e3df!important}
@media(max-width:760px){
  .site-header .module-nav[href$="#surahSignature"]{grid-column:1 / -1!important;min-height:49px!important;background:#f9faf6!important}
  .site-header .module-nav .nav-optional-note{font-size:11px}
  .site-header .module-nav{min-height:56px!important}
  body.juz-learning-page #cards.card-focused-grid .item-title .item-icon{width:38px!important;height:38px!important}
}
/* The game banner belongs on the homepage, never inside a focused lesson. */
body.juz-learning-page #module-one-view .module-one-game-banner,
body.juz-learning-page #module-one-view .mastery-invite,
body.juz-learning-page #module-one-view .optional-discovery,
body.juz-learning-page #module-one-view .optional-library{display:none!important}
/* Mobile text remains readable without sacrificing the two-column button layout. */
@media (max-width:760px){
  .site-header .module-nav{font-size:14px!important;font-weight:850!important;line-height:1.45!important}
  .site-header .module-nav svg{width:19px!important;height:19px!important;flex-basis:19px!important}
  .site-header .module-nav .nav-optional-note{font-size:11px!important}
}