body {
  font-family: monospace;
  font-size: 12px;
  margin: 0;
  padding: 1rem;
}

header {
  display: flex;
}

.divider {
  border: 0;
  border-top: 1px solid currentColor;
  margin: 0 0 1rem 0;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 1rem;
}
nav a {
  font-family: monospace;
  font-size: 12px;
  font-weight: bold;
  color: "brown";
  text-decoration: none;
}
nav a:hover {
  text-decoration: underline;
}
nav ul li + li::before {                                   /* add pipe separators "|" between menu items */
  content: "|";
  margin: 0 0.5rem;
}

.breadcrumb { 
  margin: 0;
}
.breadcrumb a { 
  color:inherit; 
  text-decoration:none; 
}
.breadcrumb a:hover { 
  text-decoration:underline;
  color: magenta;
}

/* Tags (match site monospace + compact style) */
.tags {
  margin: 0 0 0.5rem 0;
  font-family: inherit;
  font-size: 12px;
  color: inherit;
}
.tags .tag {
  font-weight: bold;
}
.tags .tag:hover {
  text-decoration: underline;
  color: magenta;
}

table {
  border-collapse: collapse;
}
th, td {
  border: 1px solid black;
  padding: 6px 10px;
}

/* .mermaid { text-align: center; } */

/* --- Code Highlight Styles (Simple Bash/Shell Theme) --- */
pre.chroma, .chroma {
  background-color: #000000 !important;
  color: #ffffff !important;
  padding: 1rem;
  overflow-x: auto;
}

.chroma code {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Ensure all elements within code blocks are white by default */
.chroma span {
  color: #ffffff !important;
}

/* Comments: Gray */
.chroma .c,
.chroma .c1,
.chroma .ch,
.chroma .cm,
.chroma .cp,
.chroma .cpf,
.chroma span.c,
.chroma span.c1,
.chroma span.ch,
.chroma span.cm,
.chroma span.cp,
.chroma span.cpf {
  color: #888888 !important;
  font-style: normal !important;
}

/* Commands & Keywords (built-ins, keywords, functions, declarations, etc.): Bold Green */
.chroma .nb,
.chroma .k,
.chroma .kn,
.chroma .kp,
.chroma .kr,
.chroma .kd,
.chroma .nf,
.chroma span.nb,
.chroma span.k,
.chroma span.kn,
.chroma span.kp,
.chroma span.kr,
.chroma span.kd,
.chroma span.nf {
  color: #00ff00 !important;
  font-weight: bold !important;
}

/* --- Shell Prompt & Command Parsing Customization --- */
/* Style the prompt in standard white */
.chroma span.shell-prompt,
.chroma .shell-prompt,
.chroma .shell-prompt span {
  color: #ffffff !important;
  font-weight: normal !important;
}

/* Style the entire command line (command + parameters) in bold yellow */
.chroma span.shell-command,
.chroma .shell-command,
.chroma .shell-command span {
  color: #ffff55 !important;
  font-weight: bold !important;
}

/* Ensure any inline comments inside a command line remain gray and normal font weight */
.chroma .shell-command .c,
.chroma .shell-command .c1,
.chroma .shell-command .ch,
.chroma .shell-command .cm,
.chroma .shell-command .cp,
.chroma .shell-command .cpf,
.chroma .shell-command span.c,
.chroma .shell-command span.c1,
.chroma .shell-command span.ch,
.chroma .shell-command span.cm,
.chroma .shell-command span.cp,
.chroma .shell-command span.cpf {
  color: #888888 !important;
  font-weight: normal !important;
}

/* Style terminal output lines to be completely white and normal weight */
.chroma span.shell-output,
.chroma .shell-output,
.chroma .shell-output span {
  color: #ffffff !important;
  font-weight: normal !important;
}

/* Custom Inline Color Delimiters (Global & Inside Code Blocks) */
.text-red, .text-red span, .text-red *,
.chroma span.text-red,
.chroma .text-red span,
.chroma .text-red *,
.chroma .shell-output .text-red span,
.chroma .shell-output .text-red *,
.chroma .shell-command .text-red span,
.chroma .shell-command .text-red * {
  color: #ff5555 !important;
  font-weight: bold !important;
}
.text-yellow, .text-yellow span, .text-yellow *,
.chroma span.text-yellow,
.chroma .text-yellow span,
.chroma .text-yellow *,
.chroma .shell-output .text-yellow span,
.chroma .shell-output .text-yellow *,
.chroma .shell-command .text-yellow span,
.chroma .shell-command .text-yellow * {
  color: #ffff55 !important;
  font-weight: bold !important;
}
.text-green, .text-green span, .text-green *,
.chroma span.text-green,
.chroma .text-green span,
.chroma .text-green *,
.chroma .shell-output .text-green span,
.chroma .shell-output .text-green *,
.chroma .shell-command .text-green span,
.chroma .shell-command .text-green * {
  color: #55ff55 !important;
  font-weight: bold !important;
}
.text-blue, .text-blue span, .text-blue *,
.chroma span.text-blue,
.chroma .text-blue span,
.chroma .text-blue *,
.chroma .shell-output .text-blue span,
.chroma .shell-output .text-blue *,
.chroma .shell-command .text-blue span,
.chroma .shell-command .text-blue * {
  color: #5555ff !important;
  font-weight: bold !important;
}
.text-gray, .text-gray span, .text-gray *,
.chroma span.text-gray,
.chroma .text-gray span,
.chroma .text-gray *,
.chroma .shell-output .text-gray span,
.chroma .shell-output .text-gray *,
.chroma .shell-command .text-gray span,
.chroma .shell-command .text-gray * {
  color: #888888 !important;
  font-weight: normal !important;
}
.text-magenta, .text-magenta span, .text-magenta *,
.chroma span.text-magenta,
.chroma .text-magenta span,
.chroma .text-magenta *,
.chroma .shell-output .text-magenta span,
.chroma .shell-output .text-magenta *,
.chroma .shell-command .text-magenta span,
.chroma .shell-command .text-magenta * {
  color: #ff55ff !important;
  font-weight: bold !important;
}