/* Approved correction: clearly visible ayah count on closed/open cards. */
#module-one-view #cards .item .item-desc{
 display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
 gap:9px 12px;
}
#module-one-view #cards .item .item-desc .card-ayah-count{
 display:inline-flex!important;align-items:center;justify-content:center;
 margin:0!important;padding:4px 11px!important;
 background:#E1EFE8!important;color:#173C46!important;
 border:1px solid #8BAF9D!important;border-radius:9px!important;
 font-size:13px!important;font-weight:800!important;
 line-height:1.65!important;white-space:nowrap;
 letter-spacing:0;opacity:1!important;visibility:visible!important;
}
#module-one-view #cards .verse .difference-word.word-marked{
 background:var(--palette-gold-soft)!important;
 border:2px solid var(--palette-gold)!important;
 color:var(--palette-ink)!important;
 font-weight:800;
}
/* Visual hint differs from an actual learner selection. */
#module-one-view #cards .verse .difference-word.word-hint{
 background:#EDF5F1;border-bottom:2px dashed #0D5963;
 color:inherit;
}
#module-one-view #cards .text-tools{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
#module-one-view #cards .clear-mark-button{
 background:#fff;color:#315C62;border:1px solid #8BAF9D;
 border-radius:8px;font-weight:750;font-size:12px;padding:8px 12px;
 cursor:pointer;min-height:42px;
}
#module-one-view #cards .clear-mark-button:disabled{opacity:.48;cursor:default}
#module-one-view #cards .clear-mark-button:not(:disabled):hover{background:#EDF5F1}
#module-one-view #cards .difference-word:focus-visible,
#module-one-view #cards .clear-mark-button:focus-visible{
 outline:3px solid #B47D2E;outline-offset:3px;
}
@media(max-width:450px){
 #module-one-view #cards .item .item-desc .card-ayah-count{font-size:12.5px!important;}
 #module-one-view #cards .item .item-desc{gap:8px;}
}