/* =======================================================================
   GLOBAL PAGE BACKGROUND + BODY TEXT
   (layout is left to Quarto; no margins or fixed positioning here)
======================================================================= */
body {
  background-color: #1e1e1e;
  color: #e0e0e0;
}

/* Make sure normal text wraps properly */
p, li, td, div, section {
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* =======================================================================
   HEADERS (GREEN, MATCH MONEY THEME)
======================================================================= */
h1, h2, h3, h4 {
  color: #00e676 !important;
  margin-top: 1.3rem;
}

h1 {
  border-bottom: 2px solid #00e676;
  padding-bottom: 8px;
}

/* =======================================================================
   NAVBAR — KEEP IT AS A BLACK STRIP WITH GREEN TEXT
   (let Quarto place it; we only style it)
======================================================================= */
.navbar {
  border-bottom: 2px solid #00e676;
}

/* =======================================================================
   LINKS
======================================================================= */
a {
  color: #00e676;
}
a:hover {
  color: #00ffaa;
}

/* =======================================================================
   CODE BLOCKS — READABLE, NOT JUMBLED
======================================================================= */
pre,
pre code,
code,
.sourceCode {
  background-color: #2d2d2d;
  color: #00ff99;
  border-radius: 8px;
  padding: 12px;
  border: 1px solid #444;
  font-size: 0.92rem;
  line-height: 1.35;
  white-space: pre;      /* preserve indentation exactly */
  overflow-x: auto;      /* horizontal scroll for long lines */
  word-break: normal;
}

/* Optional: syntax accents if Quarto uses span classes */
span.kw { color: #ff8c00 !important; }
span.fu { color: #00a86b !important; }
span.dv { color: #aa5d00 !important; }
span.st { color: #007700 !important; }
span.co { color: #888888 !important; font-style: italic; }

/* =======================================================================
   CODE OUTPUT — CONTRASTED FROM INPUT
======================================================================= */
div.output pre {
  background-color: #1e1e1e;
  color: #e0e0e0;
  border: 1px solid #555;
  padding: 10px;
  font-size: 0.95rem;
}

/* =======================================================================
   TABLES
======================================================================= */
table {
  border: 1px solid #444;
}
table th {
  background: #2d2d2d;
  color: #00e676;
}
table td {
  background: #1e1e1e;
}

/* =======================================================================
   CONTAINER BACKGROUND (MATCH BODY)
======================================================================= */
.quarto-container {
  background-color: #1e1e1e !important;
}