/* Quizzes and guides */
.learn-stack { display: grid; gap: 36px; }
.learn-block {
  padding: 32px 30px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(9,36,64,.05);
  scroll-margin-top: 96px;
}
.learn-app { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.quiz-options { display: grid; gap: 10px; border: 0; margin: 0 0 18px; padding: 0; }
.quiz-option {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 10px;
  cursor: pointer;
  background: var(--paper);
}
.quiz-option:hover { border-color: var(--teal); }
.quiz-option.is-right { border-color: var(--teal-deep); background: var(--teal-pale); }
.quiz-option.is-wrong { border-color: var(--danger); background: #fff6f5; }
.quiz-feedback {
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 10px;
  background: var(--mist);
}
.quiz-review { padding-left: 1.2em; }
.quiz-review li { margin-bottom: 14px; }
.guide-step .tool-actions { margin-top: 18px; }
.learn-routes {
  margin-top: 22px;
  padding: 16px 18px;
  border-left: 4px solid var(--danger);
  background: #fff9f8;
  border-radius: 0 10px 10px 0;
}
.learn-routes p, .learn-routes li { color: #6f3a35; font-size: .92rem; }
.learn-routes a { font-weight: 800; color: #6f3a35; }

@media (max-width: 680px) {
  .learn-block { padding: 22px 18px; }
}