/* BELCANTO SELF-RATING V35
   Restores the learner's two continuous self-report scales after each attempt. */
.v35-self-rating{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:10px 0 13px;
}
.v35-rating-card{
  display:block;
  padding:13px 14px 12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
.v35-rating-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.v35-rating-head strong{
  color:var(--text);
  font-size:13px;
}
.v35-rating-head b{
  min-width:54px;
  text-align:right;
  color:var(--blue);
  font-size:16px;
}
.v35-rating-card small{
  display:block;
  min-height:30px;
  margin:5px 0 8px;
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
}
.v35-rating-card input[type="range"]{
  display:block;
  width:100%;
  min-height:28px;
  margin:0;
  accent-color:var(--blue);
  cursor:pointer;
}
html[data-theme="light"] .v35-rating-card{
  background:#f7f8fa!important;
  border-color:#9da6af!important;
  color:#1a1a1a!important;
  -webkit-text-fill-color:#1a1a1a!important;
}
html[data-theme="light"] .v35-rating-head strong{
  color:#1a1a1a!important;
  -webkit-text-fill-color:#1a1a1a!important;
}
html[data-theme="light"] .v35-rating-head b,
html[data-theme="light"] .v35-rating-head output{
  color:#124e78!important;
  -webkit-text-fill-color:#124e78!important;
}
html[data-theme="light"] .v35-rating-card small{
  color:#4a4f55!important;
  -webkit-text-fill-color:#4a4f55!important;
}
html[data-theme="dark"] .v35-rating-card{
  background:#132536!important;
  border-color:#587086!important;
  color:#f4f7fa!important;
  -webkit-text-fill-color:#f4f7fa!important;
}
html[data-theme="dark"] .v35-rating-head strong{
  color:#f4f7fa!important;
  -webkit-text-fill-color:#f4f7fa!important;
}
html[data-theme="dark"] .v35-rating-head b,
html[data-theme="dark"] .v35-rating-head output{
  color:#9bd8ff!important;
  -webkit-text-fill-color:#9bd8ff!important;
}
html[data-theme="dark"] .v35-rating-card small{
  color:#c5d1db!important;
  -webkit-text-fill-color:#c5d1db!important;
}
.v35-rating-card:focus-within{
  outline:3px solid var(--read-focus,var(--blue));
  outline-offset:2px;
}
@media(max-width:760px){
  .v35-self-rating{grid-template-columns:1fr;}
  .v35-rating-card small{min-height:0;}
}
@media(prefers-contrast:more){
  .v35-rating-card{border-width:2px!important;}
  .v35-rating-head strong,.v35-rating-head b,.v35-rating-card small{opacity:1!important;}
}
@media(forced-colors:active){
  .v35-rating-card{background:Canvas!important;color:CanvasText!important;border:2px solid CanvasText!important;}
  .v35-rating-head strong,.v35-rating-head b,.v35-rating-head output,.v35-rating-card small{color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;}
  .v35-rating-card input[type="range"]{accent-color:Highlight;}
}