/* VƯỜN NGOẠI NGỮ v6.15.398 — ENGLISH FREE UX CLEANUP */

/* Active Recall: the header already says FREE + whole Lesson, so remove the repeated access box. */
body.v398-en #vocabRecallAccess{
  display:none!important;
}

/* Roleplay: one heading + two compact choices + practice area. */
body.v398-role-clean #skill-dubbing > .v331-ai-access-strip,
body.v398-role-clean #skill-dubbing > .flow-subnav,
body.v398-role-clean #skill-dubbing #dubbingShell > .dubbing-head,
body.v398-role-clean #skill-dubbing #v344RolePracticeLabel{
  display:none!important;
}

body.v398-role-clean #skill-dubbing .v344-role-modes{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:8px 0 10px!important;
}

body.v398-role-clean #skill-dubbing .v344-role-modes>button{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  min-height:82px!important;
  padding:10px 11px!important;
  border-radius:15px!important;
  text-align:left!important;
}

body.v398-role-clean #skill-dubbing .v344-role-modes>button>span{
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  border-radius:10px!important;
  font-size:16px!important;
}

body.v398-role-clean #skill-dubbing .v344-role-modes>button b{
  margin:0!important;
  font-size:15px!important;
  line-height:1.25!important;
}

body.v398-role-clean #skill-dubbing .v344-role-modes>button strong{
  margin:3px 0 0!important;
  padding:2px 7px!important;
  font-size:11px!important;
  line-height:1.25!important;
}

body.v398-role-clean #skill-dubbing .v344-role-modes>button small{
  margin-top:3px!important;
  font-size:11px!important;
  line-height:1.3!important;
}

body.v398-role-clean #skill-dubbing #dubbingShell{
  margin-top:0!important;
}

body.v398-role-clean #skill-dubbing .v345-compact-head,
body.v398-role-clean #skill-dubbing .activity-heading{
  margin-bottom:8px!important;
}

body.v398-role-clean #skill-dubbing .v345-compact-head h2,
body.v398-role-clean #skill-dubbing .activity-heading h2{
  margin-bottom:3px!important;
}

@media(max-width:380px){
  body.v398-role-clean #skill-dubbing .v344-role-modes>button{
    grid-template-columns:1fr!important;
    text-align:center!important;
    justify-items:center!important;
  }
}

/* Listening: Catch is FREE; only Dictation is visually locked for FREE. */
body.v398-listen-free #skill-listening [data-v345-listen-mode="catch"].locked{
  opacity:1!important;
  pointer-events:auto!important;
  filter:none!important;
}
body.v398-listen-free #skill-listening .listening-catch-section .listening-tier{
  background:#e9f7f5!important;
  color:#0b746b!important;
}