/* CoinMEX V1.3.9 — mobile guide readability and light-card finishing.
   Loaded last. Fixes mobile visual-step auto-placement and restores visible titles
   on the light Official Screen Guide cards. */
.cmx-theme .cmx-official-hub-grid-v17 a b{
  color:var(--cm-ink)!important;
}
.cmx-theme .cmx-official-hub-grid-v17 a span{
  color:var(--cm-muted)!important;
}
.cmx-theme .cmx-generic-guide-v19 .cmx-official-hub-grid-v17 a{
  min-height:92px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
@media(max-width:600px){
  .cmx-theme .cmx-generic-guide-v19 .cmx-official-hub-v17{
    padding:34px 0 40px!important;
  }
  .cmx-theme .cmx-generic-guide-v19 .cmx-official-hub-grid-v17 a{
    min-height:0!important;
    padding:16px 18px!important;
  }
  /* Markup order is number -> image -> copy. Without explicit placement the copy
     falls into the 38px number column on mobile and wraps one word per line. */
  .cmx-theme .cmx-visual-step > .cmx-step-visual-v16{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    margin:0!important;
  }
  .cmx-theme .cmx-visual-step > .cmx-step-visual-v16 + div{
    grid-column:1 / -1!important;
    grid-row:2!important;
    min-width:0!important;
    width:100%!important;
  }
  .cmx-theme .cmx-visual-step > .cmx-step-visual-v16 + div h3{
    margin-top:2px!important;
  }
  .cmx-theme .cmx-visual-step > .cmx-step-visual-v16 + div p{
    line-height:1.7!important;
  }
}