/* === Base Body === */
body {
    background-color: #0a0a0a;  /* almost black */
    color: #e0e0e0;             /* light grey text */
    margin: 0;
    padding: 0;
    font-family: "Fira Code", "Courier New", Courier, monospace;
    line-height: 1.6;
}

address {
    text-align: center;
}

/* === Layout === */
article, nav, footer, main {
    margin: 0 auto;
    max-width: 900px;
    padding: 20px;
    text-align: left;
}

/* Header */
header h1 {
    font-size: 2.5em;
    color: #f5f5f5;
    text-align: center;
    margin-bottom: 1em;
}

/* Footer */
footer {
    text-align: center;
    font-size: 0.9em;
    color: #888;
    margin-top: 2em;
}

/* Links */
a {
    color: #6fb3f2;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* === Lists === */
ul, ol {
    margin-left: 2em;
    margin-bottom: 1em;
}

/* === Paragraphs and Spacing === */
p {
    margin-bottom: 1em;
}

code {
    overflow-x: auto;
}

/* === Code Blocks === */
pre, code {
    background-color: #1a1a1a;
    color: #e0e0e0;
    font-family: "Fira Code", "Courier New", Courier, monospace;
    font-size: 0.95em;
    line-height: 1.5;
    padding: 1em;
    border-radius: 5px;
    display: block;
}

/* === Syntax Highlighting for Pandoc === */
code span.kw  { color: #cc7832; } /* keywords */
code span.dt  { color: #9876aa; } /* data types */
code span.st  { color: #6a8759; } /* strings */
code span.fu  { color: #ffc66d; } /* functions */
code span.ot  { color: #a9b7c6; } /* operators */
code span.co  { color: #808080; font-style: italic; } /* comments */
code span.nb  { color: #ffb86c; } /* numbers / literals */
code span.pp  { color: #f0c674; } /* preprocessor / directives */

/* Optional: Highlight inline code slightly */
p code {
    display: inline-block;
    padding: 0.1em 0.3em;
    border-radius: 3px;
    background-color: #111111;
}

/* Math blocks */
.math-block {
    background-color: #111;
    padding: 1em;
    border-radius: 5px;
    overflow-x: auto;
    margin-bottom: 1em;
}

/* Terminal-like effect */
body, pre, code {
    text-shadow: 0 0 1px #000;
}