/* styles for blog post images */
.blog-post-body img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1rem 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* Dark mode styles for Pygments syntax highlighting */
@media (prefers-color-scheme: dark) {
    .codehilite {
        background: #2d3748; /* bg-secondary */
        color: #f7fafc; /* text-primary */
        border-color: #4a5568; /* border-color */
    }

    .codehilite .hll { background-color: #4a5568; }
    .codehilite .c { color: #a0aec0; } /* Comment - text-muted */
    .codehilite .err { color: #feb2b2; background-color: #63171b; } /* Error */
    .codehilite .k { color: #9ae6b4; } /* Keyword */
    .codehilite .o { color: #f7fafc; } /* Operator */
    .codehilite .p { color: #f7fafc; } /* Punctuation */
    .codehilite .cm { color: #a0aec0; } /* Comment.Multiline */
    .codehilite .cp { color: #9ae6b4; } /* Comment.Preproc */
    .codehilite .c1 { color: #a0aec0; } /* Comment.Single */
    .codehilite .cs { color: #a0aec0; font-style: italic; } /* Comment.Special */
    .codehilite .gd { color: #f56565; } /* Generic.Deleted */
    .codehilite .ge { font-style: italic; } /* Generic.Emph */
    .codehilite .gr { color: #f56565; } /* Generic.Error */
    .codehilite .gh { color: #e2e8f0; font-weight: bold; } /* Generic.Heading */
    .codehilite .gi { color: #68d391; } /* Generic.Inserted */
    .codehilite .go { color: #cbd5e0; } /* Generic.Output */
    .codehilite .gp { color: #a0aec0; } /* Generic.Prompt */
    .codehilite .gs { font-weight: bold; } /* Generic.Strong */
    .codehilite .gu { color: #90cdf4; font-weight: bold; } /* Generic.Subheading */
    .codehilite .gt { color: #f56565; } /* Generic.Traceback */
    .codehilite .kc { color: #9ae6b4; } /* Keyword.Constant */
    .codehilite .kd { color: #9ae6b4; } /* Keyword.Declaration */
    .codehilite .kn { color: #fbd38d; } /* Keyword.Namespace */
    .codehilite .kp { color: #9ae6b4; } /* Keyword.Pseudo */
    .codehilite .kr { color: #9ae6b4; } /* Keyword.Reserved */
    .codehilite .kt { color: #fbd38d; } /* Keyword.Type */
    .codehilite .m { color: #fbd38d; } /* Literal.Number */
    .codehilite .s { color: #b794f4; } /* Literal.String */
    .codehilite .na { color: #90cdf4; } /* Name.Attribute */
    .codehilite .nb { color: #81e6d9; } /* Name.Builtin */
    .codehilite .nc { color: #fbd38d; font-weight: bold; } /* Name.Class */
    .codehilite .no { color: #fbd38d; } /* Name.Constant */
    .codehilite .nd { color: #f6ad55; } /* Name.Decorator */
    .codehilite .ni { color: #e2e8f0; } /* Name.Entity */
    .codehilite .ne { color: #f56565; font-weight: bold; } /* Name.Exception */
    .codehilite .nf { color: #90cdf4; } /* Name.Function */
    .codehilite .nl { color: #e2e8f0; } /* Name.Label */
    .codehilite .nn { color: #fbd38d; } /* Name.Namespace */
    .codehilite .nt { color: #68d391; } /* Name.Tag */
    .codehilite .nv { color: #90cdf4; } /* Name.Variable */
    .codehilite .ow { color: #9ae6b4; font-weight: bold; } /* Operator.Word */
    .codehilite .w { color: #4a5568; } /* Text.Whitespace */
    .codehilite .mf { color: #fbd38d; } /* Literal.Number.Float */
    .codehilite .mh { color: #fbd38d; } /* Literal.Number.Hex */
    .codehilite .mi { color: #fbd38d; } /* Literal.Number.Integer */
    .codehilite .mo { color: #fbd38d; } /* Literal.Number.Oct */
    .codehilite .sb { color: #b794f4; } /* Literal.String.Backtick */
    .codehilite .sc { color: #b794f4; } /* Literal.String.Char */
    .codehilite .sd { color: #a0aec0; } /* Literal.String.Doc */
    .codehilite .s2 { color: #b794f4; } /* Literal.String.Double */
    .codehilite .se { color: #f6ad55; } /* Literal.String.Escape */
    .codehilite .sh { color: #b794f4; } /* Literal.String.Heredoc */
    .codehilite .si { color: #90cdf4; } /* Literal.String.Interpol */
    .codehilite .sx { color: #b794f4; } /* Literal.String.Other */
    .codehilite .sr { color: #81e6d9; } /* Literal.String.Regex */
    .codehilite .s1 { color: #b794f4; } /* Literal.String.Single */
    .codehilite .ss { color: #b794f4; } /* Literal.String.Symbol */
    .codehilite .bp { color: #81e6d9; } /* Name.Builtin.Pseudo */
    .codehilite .vc { color: #90cdf4; } /* Name.Variable.Class */
    .codehilite .vg { color: #90cdf4; } /* Name.Variable.Global */
    .codehilite .vi { color: #90cdf4; } /* Name.Variable.Instance */
    .codehilite .il { color: #fbd38d; } /* Literal.Number.Integer.Long */
}

.blog-post-body ul, .blog-post-body ol {
    padding-left: 2rem;
    margin-bottom: 1rem;
}

/* Style for blockquotes to make them stand out */
.blog-post-body blockquote {
    background-color: #f8f9fa; /* Light grey background */
    border-left: 5px solid #0d6efd; /* Blue left border */
    padding: 1.5rem;
    margin: 1.5rem 0;
    font-style: italic;
    color: #495057; /* Slightly muted text color */
    border-radius: 0 5px 5px 0;
}

.blog-post-body blockquote p {
    margin-bottom: 0;
}

/* Dark mode support for blockquotes */
@media (prefers-color-scheme: dark) {
    .blog-post-body blockquote {
        background-color: #2d3748; /* Corresponds to --bg-secondary in dark mode */
        border-left-color: #667eea; /* Corresponds to --primary-color */
        color: #e2e8f0; /* Corresponds to --text-secondary in dark mode */
    }
}