/* General page styling */
body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 20px;
    background-color: #121212; /* Dark near-black background */
    color: #e0e0e0; /* Light text */
}
/* Centered content */
.markdown-content .center {
    text-align: center;
}

/* Markdown container (replaces <pre> for article content) */
.markdown-content {
    max-width: 800px; /* Constrain width for readability */
    margin: 0 auto;
}

/* Markdown headings */
.markdown-content h1 { color: #ffffff; font-size: 2em; margin: 0.5em 0; }
.markdown-content h2 { color: #ffffff; font-size: 1.5em; margin: 0.5em 0; }
.markdown-content h3 { color: #ffffff; font-size: 1.2em; margin: 0.5em 0; }

/* Markdown paragraphs */
.markdown-content p {
    margin-top: 1em;
    margin-bottom: 0.6em;
    color: #d0d0d0;
}

/* Markdown links */
.markdown-content a {
    color: #1e90ff; /* Vibrant blue */
    text-decoration: none;
    font-weight: bold;
    transition: color 0.2s ease;
}
.markdown-content a:hover {
    color: #40c4ff; /* Lighter blue on hover */
    text-decoration: underline;
}
.markdown-content a:visited {
    color: #4682b4; /* Muted blue for visited */
}

/* Markdown lists */
.markdown-content ul, .markdown-content ol {
    margin-bottom: 1em;
    padding-left: 2em;
    color: #d0d0d0;
}
.markdown-content li {
    margin-bottom: 0.5em;
}

/* Markdown blockquotes */
.markdown-content blockquote {
    border-left: 4px solid #1e90ff; /* Vibrant blue to match links */
    margin: 1em 0;
    padding: 0.5em 1em;
    background-color: #1c1c1c; /* Slightly darker background */
    color: #d0d0d0; /* Match paragraph text */
    font-style: italic; /* Optional: for visual distinction */
}

/* Raw text input for Markdown */
textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #333;
    background-color: #1c1c1c; /* Dark input background */
    color: #e0e0e0;
    font-family: monospace;
    font-size: 14px;
    resize: vertical;
    min-height: 150px;
}

/* Code blocks (for Prism.js) */
pre {
    background-color: #1c1c1c; /* Dark code background */
    border: 1px solid #333;
    padding: 10px;
    overflow-x: auto;
    font-family: monospace;
    font-size: 14px;
    border-radius: 4px;
}

/* Prism.js compatibility for C code */
.language-c {
    color: #d4d4d4; /* Default code text */
}

/* Fallback styles if Prism.js fails */
.language-c .comment { color: #6a9955; font-style: italic; }
.language-c .keyword { color: #569cd6; font-weight: bold; }
.language-c .string { color: #ce9178; }
.language-c .number { color: #b5cea8; }
.language-c .preprocessor { color: #c586c0; }
.language-c .function { color: #dcdcaa; }