.legacy-practice{
  display:none !important;
}

.ege-en-practice{
  margin-top:20px;
}

.ege-en-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}

.ege-en-head h2{
  margin:4px 0 0;
}

.ege-en-kicker{
  color:#078652;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}

.ege-en-secondary{
  min-height:40px;
  padding:8px 14px;
  border:1px solid #078652;
  background:#fff;
  color:#078652;
  font-weight:800;
  cursor:pointer;
}

.ege-en-instruction{
  margin:0 0 16px;
  line-height:1.6;
}

.ege-en-audio-panel{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 18px;
  padding:16px;
  background:#10241e;
}

.ege-en-listen{
  min-height:42px;
  padding:9px 16px;
  border:1px solid #18a86b;
  background:#078652;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}

.ege-en-listen:disabled{
  opacity:.6;
  cursor:default;
}

.ege-en-audio-status{
  color:#d8eee4;
  font-size:13px;
  line-height:1.45;
}

.ege-en-statements{
  display:grid;
  gap:8px;
  margin-bottom:18px;
}

.ege-en-statement{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 12px;
  border:1px solid #d0ded8;
  background:#f8fbfa;
}

.ege-en-statement b{
  display:flex;
  flex:0 0 30px;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#edf7f2;
  color:#075f3c;
}

.ege-en-speakers{
  display:grid;
  gap:8px;
}

.ege-en-speaker-row{
  display:grid;
  grid-template-columns:
    minmax(150px,1fr)
    42px
    90px;
  align-items:center;
  gap:9px;
  padding:10px 12px;
  border:1px solid #cadbd3;
  background:#fff;
}

.ege-en-speaker-title{
  font-weight:800;
}

.ege-en-speaker-play{
  width:38px;
  height:38px;
  border:1px solid #078652;
  background:#fff;
  color:#078652;
  font-weight:900;
  cursor:pointer;
}

.ege-en-speaker-row select{
  min-height:40px;
  padding:6px 9px;
  border:1px solid #a9beb5;
  background:#fff;
  font-size:16px;
  font-weight:800;
}

.ege-en-speaker-row select.answer-ok{
  border-color:#078652;
  background:#edf8f3;
}

.ege-en-speaker-row select.answer-bad{
  border-color:#c62828;
  background:#fff2f2;
}

.ege-en-actions{
  margin-top:18px;
}

.ege-en-feedback{
  display:none;
  margin-top:16px;
  padding:13px 15px;
  border-left:4px solid #888;
  line-height:1.55;
}

.ege-en-feedback.ok{
  display:block;
  border-color:#078652;
  background:#edf8f3;
  color:#075f3c;
}

.ege-en-feedback.bad{
  display:block;
  border-color:#c62828;
  background:#fff2f2;
  color:#7d2525;
}

.ege-en-feedback strong{
  display:block;
  margin-bottom:5px;
}

@media(max-width:620px){

  .ege-en-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .ege-en-audio-panel{
    align-items:flex-start;
    flex-direction:column;
  }

  .ege-en-listen{
    width:100%;
  }

  .ege-en-speaker-row{
    grid-template-columns:1fr 42px 76px;
  }
}
