/* ── Global overrides ──────────────────────────────────────────── */
body {
  background-color: #0d1117;
  color: #c9d1d9;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ── Navbar ─────────────────────────────────────────────────────── */
.navbar { box-shadow: 0 1px 0 rgba(255,255,255,.07); }
.navbar-brand { letter-spacing: .5px; }

/* ── Cards ──────────────────────────────────────────────────────── */
.card { border-radius: 8px; }

/* ── Markdown body (AI answer) ──────────────────────────────────── */
.markdown-body { color: #c9d1d9; line-height: 1.7; }
.markdown-body h1,.markdown-body h2,.markdown-body h3 {
  color: #e6edf3; border-bottom: 1px solid #30363d; padding-bottom:.3rem; margin-top:1.2rem;
}
.markdown-body code {
  background: #161b22; padding: 2px 6px; border-radius: 4px;
  font-size: .85em; color: #79c0ff;
}
.markdown-body pre {
  background: #161b22; border-radius: 6px; padding: 1rem;
  overflow-x: auto;
}
.markdown-body blockquote {
  border-left: 3px solid #388bfd; padding-left: 1rem; color: #8b949e;
}
.markdown-body ul, .markdown-body ol { padding-left: 1.5rem; }
.markdown-body table { border-collapse: collapse; width: 100%; }
.markdown-body th, .markdown-body td {
  border: 1px solid #30363d; padding: .4rem .75rem;
}
.markdown-body th { background: #161b22; }

/* ── Scrollbar ──────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #161b22; }
::-webkit-scrollbar-thumb { background: #30363d; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #388bfd; }

/* ── Sticky TOC active link ─────────────────────────────────────── */
.nav-link:hover { color: #58a6ff !important; }

/* ── Table tweaks ───────────────────────────────────────────────── */
.table > :not(caption) > * > * { border-color: #30363d; }

/* ── Progress bar animation ─────────────────────────────────────── */
.progress-bar { transition: width .5s ease; }

/* ── Spinner alignment ──────────────────────────────────────────── */
#loadingSpinner { min-height: 200px; display: flex; flex-direction: column;
  align-items: center; justify-content: center; }