#communication-jobcenter-voice-guide{
  box-sizing:border-box;
  display:block;
  width:100%;
  margin:14px 0;
  padding:16px;
  border:1px solid #62a8ff66;
  border-radius:18px;
  color:#f7f9fd;
  background:
    linear-gradient(145deg,#2f80ed2b,#102039f5);
  box-shadow:0 14px 32px #0003;
  font-family:Inter,system-ui,sans-serif;
  font-size:16px !important;
  font-weight:400;
  line-height:1.45;
  text-align:left;
}

#communication-jobcenter-voice-guide *,
#communication-jobcenter-voice-guide *::before,
#communication-jobcenter-voice-guide *::after{
  box-sizing:border-box;
}

.cjvg-head{
  display:flex;
  gap:11px;
  align-items:center;
  margin:0 0 9px;
}

.cjvg-avatar{
  display:grid;
  place-items:center;
  width:48px;
  min-width:48px;
  height:48px;
  border-radius:13px;
  background:#f5f8ff;
  font-size:1.65rem !important;
  line-height:1;
}

.cjvg-eyebrow{
  margin:0 0 2px;
  color:#a8d4ff;
  font-size:.72rem !important;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.045em;
}

.cjvg-title{
  margin:0;
  color:#f7f9fd;
  font-size:1.32rem !important;
  font-weight:850;
  line-height:1.22;
}

.cjvg-stage{
  margin:0 0 11px;
  color:#d7e8fb;
  font-size:1.02rem !important;
  font-weight:800;
  line-height:1.35;
}

#communication-jobcenter-voice-guide button{
  min-height:42px;
  margin:0;
  padding:8px 12px;
  border-radius:11px;
  font-family:Inter,system-ui,sans-serif;
  font-size:.96rem !important;
  font-weight:800;
  line-height:1.2;
  white-space:normal;
  cursor:pointer;
}

.cjvg-play{
  width:100%;
  border:1px solid #75b5ff;
  color:white;
  background:linear-gradient(90deg,#2f6fed,#18a7e8);
}

.cjvg-controls{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:8px;
}

.cjvg-controls button{
  border:1px solid #ffffff2d;
  color:#07111f;
  background:#f4f7fb;
}

.cjvg-options{
  display:flex;
  flex-wrap:wrap;
  gap:12px 18px;
  margin-top:11px;
}

.cjvg-options label{
  display:flex;
  gap:7px;
  align-items:center;
  margin:0;
  color:#f7f9fd;
  font-size:.92rem !important;
  font-weight:700;
  line-height:1.3;
}

.cjvg-options input{
  width:18px !important;
  height:18px !important;
  min-height:18px !important;
  margin:0;
  padding:0;
  accent-color:#2f80ed;
}

.cjvg-subtitles{
  max-height:150px;
  overflow:auto;
  margin-top:11px;
  padding:10px 12px;
  border-radius:11px;
  color:#e9f2ff;
  background:#07111f99;
  font-size:.94rem !important;
  font-weight:400;
  line-height:1.5;
  white-space:normal;
}

.cjvg-subtitles[hidden]{
  display:none;
}

.cjvg-status{
  margin-top:8px;
  color:#8ecbff;
  font-size:.82rem !important;
  font-weight:650;
  line-height:1.35;
}

@media(max-width:620px){
  #communication-jobcenter-voice-guide{
    padding:14px;
    font-size:15px !important;
  }

  .cjvg-controls{
    grid-template-columns:1fr;
  }

  .cjvg-options{
    display:grid;
    gap:9px;
  }

  .cjvg-subtitles{
    max-height:180px;
  }
}