/* Code Tutor — Matrix-Green Theme */

/* ── Code blocks in lesson content ─────────────────────────────── */
.prose pre {
  background-color: #000000 !important;
  border: 1px solid #00ff41;
  border-radius: 0.5rem;
  padding: 1rem;
  overflow-x: auto;
}
.prose code {
  color: #00ff41;
  background-color: rgba(0, 255, 65, 0.08);
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-size: 0.875em;
}
.prose pre code { background: none; padding: 0; border-radius: 0; font-size: 0.8em; color: #b2ffb2; }
.prose table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
.prose th { background-color: #001a00; padding: 0.5rem 0.75rem; text-align: left; font-weight: 600; border: 1px solid #003300; }
.prose td { padding: 0.5rem 0.75rem; border: 1px solid #003300; }

/* ── Tutor panel ───────────────────────────────────────────────── */
#tutor-messages {
  scrollbar-width: thin;
  scrollbar-color: #003300 transparent;
}
#tutor-messages::-webkit-scrollbar { width: 6px; }
#tutor-messages::-webkit-scrollbar-track { background: transparent; }
#tutor-messages::-webkit-scrollbar-thumb { background-color: #003300; border-radius: 3px; }

/* ── Lesson content headings ───────────────────────────────────── */
.prose h1 { font-size: 1.75rem; font-weight: 700; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid #003300; color: #00ff41; }
.prose h2 { font-size: 1.35rem; font-weight: 600; margin-top: 1.75rem; margin-bottom: 0.75rem; color: #00cc33; }
.prose h3 { font-size: 1.1rem; font-weight: 600; margin-top: 1.25rem; margin-bottom: 0.5rem; color: #00992b; }

.prose p { color: #cce6cc; }
.prose li { color: #cce6cc; }

/* Blockquotes (tip boxes) */
.prose blockquote {
  border-left: 3px solid #00ff41;
  background-color: rgba(0, 255, 65, 0.06);
  padding: 0.5rem 1rem;
  margin: 1rem 0;
  border-radius: 0 0.5rem 0.5rem 0;
}
.prose blockquote code { background-color: rgba(0, 255, 65, 0.15); }

/* ── Quiz / Checkpoint overrides ────────────────────────────────── */
.cp-choice:disabled, .qz-label:has(input:disabled) { cursor: default; }
.quiz-question { scroll-margin-top: 1rem; }
.cp-choice { border-color: #003300; color: #cce6cc; }
.cp-choice:hover { border-color: #00ff41; background-color: rgba(0,255,65,0.08); }
.qz-label { border-color: #003300; }
.qz-label:hover { border-color: #00ff41; background-color: rgba(0,255,65,0.08); }
input.accent-brand-500 { accent-color: #00ff41; }

/* ── Matrix canvas (rain) ──────────────────────────────────────── */
canvas#matrix-rain {
  opacity: 0.12;
}

/* ── Links ─────────────────────────────────────────────────────── */
a { color: #00ff41; }
a:hover { color: #33ff66; }

/* ── Responsive tweaks ─────────────────────────────────────────── */
@media (max-width: 1023px) {
  #tutor-panel {
    height: auto;
    max-height: 50vh;
    position: relative !important;
    top: auto !important;
  }
}