/* Subject cards: one-glance progress without hiding the question-bank size. */
body[data-view="quiz"] .quiz-entry-section .qs-item{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(42,142,210,.14) 0 var(--subject-progress,0%),rgba(255,255,255,.78) var(--subject-progress,0%) 100%);
}
body[data-view="quiz"] .quiz-entry-section .qs-item::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;right:0;bottom:0;height:4px;
  background:linear-gradient(90deg,#2189ce 0 var(--subject-progress,0%),#dcecf6 var(--subject-progress,0%) 100%);
}
body[data-view="quiz"] .quiz-entry-section .qs-item:hover{
  background:
    linear-gradient(90deg,rgba(42,142,210,.2) 0 var(--subject-progress,0%),#fff var(--subject-progress,0%) 100%);
}
body[data-view="quiz"] .quiz-entry-section .qs-info{
  min-width:0;
}
body[data-view="quiz"] .quiz-entry-section .qs-progress{
  display:block;
  margin-top:6px;
  color:#267bb0;
  font:700 11px/1.2 var(--font-metric,var(--font-ui));
  letter-spacing:.01em;
}
body[data-view="quiz"] .quiz-entry-section .qs-count{
  position:relative;
  z-index:1;
}
@media(max-width:620px){
  body[data-view="quiz"] .quiz-entry-section .qs-progress{font-size:10px}
}