/* Math Relearning — Custom CSS */
/* This file is for additional overrides beyond SCSS */

/* Ensure MathJax renders well */
mjx-container {
  overflow-x: auto;
  overflow-y: hidden;
}

/* Custom panel-tabset styling */
.panel-tabset .nav-tabs {
  border-bottom: 2px solid #E5E7EB;
}

.panel-tabset .nav-link.active {
  color: #2563EB;
  border-bottom: 2px solid #2563EB;
  font-weight: 600;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Better list spacing in content */
.cell-output ol li,
.cell-output ul li {
  margin-bottom: 0.25rem;
}

/* Highlight key terms */
strong {
  color: #1E3A8A;
}

/* Footer */
.nav-footer {
  border-top: 1px solid #E5E7EB;
  color: #6B7280;
  font-size: 0.875rem;
}

/* Quarto callout improvements */
.callout {
  border-radius: 0.5rem;
  margin: 1.5rem 0;
}

/* Code output */
.cell-output-stdout pre {
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}