#quizView .topbar {
  position: sticky;
  top: 8px;
  z-index: 50;
  padding: 12px 14px;
  margin: 0 auto 22px;
  border: 1px solid rgba(225, 231, 229, 0.92);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 10px 28px rgba(26, 45, 42, 0.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.question-block {
  scroll-margin-top: 104px;
  transition: opacity 0.14s ease, filter 0.14s ease, background 0.14s ease;
}

.question-block.answered {
  opacity: 0.5;
  filter: saturate(0.7);
  background: rgba(244, 247, 246, 0.78);
}

.question-block.answered:hover,
.question-block.answered:focus-within {
  opacity: 0.78;
}

@media (max-width: 760px) {
  #quizView .topbar {
    top: 6px;
    margin-bottom: 18px;
    padding: 10px 12px;
  }

  .question-block {
    scroll-margin-top: 116px;
  }
}