/* Base styles for the container */
.markdown-body {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    color: #24292e;
    background-color: #cccccc;
    padding: 16px;
}

    /* Paragraphs */
    .markdown-body p {
        margin-bottom: 16px;
    }

    /* Lists */
    .markdown-body ul,
    .markdown-body ol {
        padding-left: 2em;
        margin-bottom: 16px;
    }

    .markdown-body li {
        margin-bottom: 8px;
    }

    /* Headings */
    .markdown-body h1,
    .markdown-body h2,
    .markdown-body h3,
    .markdown-body h4,
    .markdown-body h5,
    .markdown-body h6 {
        font-family: "Roboto Condensed";
        font-weight: 600;
        margin-top: 24px;
        margin-bottom: 16px;
        line-height: 1.25;
    }

    .markdown-body h1 {
        font-size: 2em;
    }

    .markdown-body h2 {
        font-size: 1.5em;
    }

    .markdown-body h3 {
        font-size: 1.25em;
    }

    .markdown-body h4 {
        font-size: 1em;
    }

    .markdown-body h5 {
        font-size: 0.875em;
    }

    .markdown-body h6 {
        font-size: 0.85em;
    }

    /* Code blocks */
    .markdown-body pre {
        background-color: #f6f8fa;
        border: 1px solid #d1d5da;
        border-radius: 6px;
        padding: 16px;
        overflow-x: auto;
        margin-bottom: 16px;
    }

    .markdown-body code {
        font-family: "Roboto Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
        font-size: 85%;
        background-color: #f6f8fa;
        padding: 0.2em 0.4em;
        border-radius: 3px;
    }

    /* Links */
    .markdown-body a {
        color: #0366d6;
        text-decoration: none;
    }

        .markdown-body a:hover {
            text-decoration: underline;
        }

    /* Blockquotes */
    .markdown-body blockquote {
        border-left: 4px solid #dfe2e5;
        padding-left: 16px;
        margin-left: 0;
        color: #6a737d;
        margin-bottom: 16px;
    }

    /* Horizontal rule */
    .markdown-body hr {
        height: 0.25em;
        padding: 0;
        margin: 24px 0;
        background-color: #e1e4e8;
        border: 0;
    }