/* APPROVED CARD FACE V2: large phrase-led front and locked gold medal reverse.
   Applies to unopened library cards only. Open verse reading and learning logic are untouched.
   A single paper STACK represents any number of ayahs; dynamic counts are explicit. */
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) {
 --mla-front-ink:#103b6b; --mla-front-blue:#087cf5;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .card-flip-scene{
 background:#fbfdff!important;border:2px solid #a6d6ed!important;
 border-radius:27px!important;
 box-shadow:0 13px 22px rgba(0,22,52,.18),inset 0 0 0 6px #fff!important;
 overflow:hidden!important;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .card-face-front{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 width:100%!important;height:auto!important;min-height:428px!important;
 padding:20px 19px 19px!important;border:0!important;border-radius:25px!important;
 background:linear-gradient(165deg,#ffffff 0%,#fafdff 60%,#e7f5fc 100%)!important;
 color:var(--mla-front-ink)!important;
 box-shadow:inset 0 0 0 1px #d7ecfa!important;
 text-align:center!important;gap:0!important;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .card-flip-rotor{
 min-height:428px!important;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .parent-top{
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
 width:100%!important;direction:ltr!important;min-height:35px!important;flex-wrap:nowrap!important;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .type-chip{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 background:#fff4df!important;border:1px solid #f4d49b!important;
 color:#8a5c0c!important;font-size:11px!important;font-weight:850!important;
 border-radius:999px!important;padding:7px 10px!important;line-height:1.3!important;max-width:61%;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .mla-scope-tag{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 align-self:auto!important;background:#e5f4ff!important;border:1px solid #bbdef5!important;
 color:#194e76!important;font-size:11px!important;font-weight:850!important;
 border-radius:12px!important;padding:7px 10px!important;line-height:1.3!important;white-space:nowrap!important;
}
body.juz-learning-page #module-one-view #cards .modern-card .mla-front-divider{
 display:flex;align-items:center;justify-content:center;gap:10px;margin:13px auto 2px;width:65%;color:#cb9a33;
}
body.juz-learning-page #module-one-view #cards .modern-card .mla-front-divider i{
 display:block;flex:1;height:1px;background:linear-gradient(90deg,transparent,#eac66f,transparent);
}
body.juz-learning-page #module-one-view #cards .modern-card .mla-front-divider b{font-size:18px;font-weight:700;line-height:1;}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .item-title{
 min-height:62px!important;margin:4px 0 0!important;padding:0 4px!important;display:flex!important;
 justify-content:center!important;align-items:center!important;flex:0 0 auto!important;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .item-title strong{
 color:#0c3565!important;font-size:clamp(23px,2.45vw,31px)!important;font-weight:900!important;
 line-height:1.72!important;max-width:100%!important;overflow-wrap:anywhere!important;
}
body.juz-learning-page #module-one-view #cards .modern-card .mla-front-guide{
 display:block;font-size:12px;font-weight:700;color:#6c8ba3;margin:0 auto 4px;
 line-height:1.5;min-height:18px;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .mla-card-preview{
 display:grid!important;place-items:center!important;flex:1 1 auto!important;min-height:137px!important;
 margin:0 auto!important;width:100%!important;padding:5px 0 0!important;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .mla-paper-stack{
 width:min(225px,84%)!important;height:132px!important;position:relative!important;isolation:isolate;
 filter:drop-shadow(0 7px 5px #245d9330);
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .mla-paper-sheet{
 height:110px!important;width:68%!important;top:8px!important;border-radius:13px!important;
 border-width:1.5px!important;box-shadow:0 7px 16px #1c62951a!important;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .mla-paper-sheet-back{
 transform:translateX(-68%) rotate(-11deg)!important;background:#dfedff!important;border-color:#b4d5f9!important;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .mla-paper-sheet-middle{
 transform:translateX(-32%) rotate(10deg)!important;background:#e2f8f1!important;border-color:#9eddd3!important;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .mla-paper-sheet-front{
 transform:translateX(-50%) rotate(-2deg)!important;background:linear-gradient(160deg,#ffffff,#f4faff)!important;
 border-color:#8db9e2!important;padding:16px!important;gap:10px!important;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .mla-paper-sheet-front i{
 height:6px!important;border-radius:9px!important;background:#c4d9e7!important;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .mla-paper-sheet-front i:nth-child(3){background:#8fdcc7!important;}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .mla-paper-sheet-front i:nth-child(4){background:#f2c967!important;}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .mla-paper-connection{
 background:#fff2ca!important;color:#bd8617!important;width:33px!important;height:33px!important;
 font-size:20px!important;border:1px solid #efc360!important;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .item-desc{
 display:flex!important;justify-content:center!important;align-items:center!important;
 gap:7px!important;direction:rtl!important;flex-wrap:wrap!important;margin:5px 0 10px!important;
 width:100%!important;min-height:31px!important;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .item-desc>*{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 border-radius:999px!important;padding:5px 11px!important;line-height:1.4!important;
 font-size:12px!important;font-weight:850!important;min-height:29px;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .surah-count-meta{
 color:#295979!important;background:#e8f3ff!important;border:1px solid #c7e4fa!important;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .ayah-count{
 color:#226448!important;background:#e8f7ef!important;border:1px solid #b5dfc7!important;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .card-open-hint{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;max-width:none!important;min-height:49px!important;
 border-radius:14px!important;background:#0b7ff6!important;color:white!important;
 border:1px solid #76baff!important;font-size:16px!important;font-weight:900!important;
 box-shadow:0 7px 15px rgba(2,104,220,.19)!important;padding:10px 14px!important;
 margin:0!important;flex:0 0 auto!important;
}
body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .card-open-hint:hover{background:#0367d8!important;}
/* Completed reverse: keep the established gold achievement, with a prominent medal.
   Existing data-retry-card and data-next-card actions are unchanged. */
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-flip-rotor,
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:428px!important;
}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-face-back{
 background:linear-gradient(160deg,#fffefd 8%,#f4fbff 70%,#e3f3fc)!important;
 border:1px solid #b7dbec!important;
 border-radius:25px!important;box-shadow:inset 0 0 0 6px #fff!important;
 padding:20px 17px!important;gap:6px!important;justify-content:space-between!important;
}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-back-tag{
 background:#fff2d9!important;color:#9c6714!important;border:1px solid #f2d29a!important;
 border-radius:999px!important;font-size:11px!important;font-weight:850!important;padding:7px 12px!important;
}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-back-star{
 display:grid!important;place-items:center!important;width:132px!important;height:144px!important;
 filter:drop-shadow(0 9px 10px #cda65b6b);margin:8px auto 0!important;
}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-back-star svg{
 width:122px!important;height:132px!important;
}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-back-star::before{content:'✦';color:#e6a628;right:-16px;top:25px;font-size:20px;}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-back-star::after{content:'✧';color:#80d6d0;left:-17px;bottom:14px;font-size:26px;}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-back-heading{
 color:#1b4e7b!important;font-size:clamp(25px,2.35vw,31px)!important;line-height:1.35!important;font-weight:950!important;
}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-back-subtitle{
 color:#64869e!important;font-size:13px!important;line-height:1.6!important;
}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-back-summary{
 display:inline-flex!important;background:#fff9e7!important;border:1px solid #f0d69a!important;
 color:#9a6312!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;
 padding:7px 17px!important;
}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-back-actions{
 display:flex!important;gap:8px!important;flex-wrap:nowrap!important;width:100%!important;margin:7px 0 0!important;
}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-back-actions button{
 flex:1 1 0!important;min-width:0!important;min-height:46px!important;padding:8px 6px!important;
 border-radius:13px!important;font-size:12px!important;font-weight:850!important;white-space:normal!important;
}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-back-actions .card-back-primary{
 background:#e7f4ff!important;color:#2d658b!important;border:1px solid #b9daf2!important;
}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-back-actions .card-back-secondary{
 background:#087cf5!important;color:white!important;border:1px solid #64b6ff!important;
}
@media(max-width:650px){
 body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .card-face-front,
 body.juz-learning-page:not(.card-detail-active) #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,
 body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-flip-rotor{min-height:418px!important;}
 body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .item-title strong{font-size:clamp(21px,6.5vw,28px)!important;}
 body.juz-learning-page:not(.card-detail-active) #module-one-view #cards .modern-card:not(.open) .card-face-front{padding:17px 14px!important;}
}
@media(prefers-reduced-motion:reduce){
 body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-back-star{animation:none!important;}
}