/* Prose styles for markdown content with strict B&W minimalism */
.prose {
        color: #909093; /* Muted text */
        line-height: 1.75;
        max-width: 65ch;
        font-family: "JetBrains Mono", monospace; /* Ensure font is inherited or explicit */
}

.prose a {
        color: #b2c3ff;
        text-decoration: underline;
}

.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6 {
        color: #e4e4e5;
        font-weight: 700;
        line-height: 1.3;
}

.prose strong {
        color: #ffffff;
        font-weight: 800; /* Extra bold for emphasis */
}

.prose h1 {
        font-size: 2.25rem;
        margin-top: 2.5rem;
        margin-bottom: 2rem;
}

.prose h2 {
        font-size: 1.5rem;
        margin-top: 3.5rem;
        margin-bottom: 1.5rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #39393b; /* Dark gray border */
}

.prose h3 {
        font-size: 1.25rem;
        margin-top: 2.5rem;
        margin-bottom: 1rem;
}

.prose h4 {
        font-size: 1.125rem;
        margin-top: 2rem;
        margin-bottom: 0.75rem;
}

.prose p {
        margin-bottom: 1.75rem;
        line-height: 1.8;
}

.prose ul,
.prose ol {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        padding-left: 1.625rem;
}

.prose ul > li,
.prose ol > li {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
        padding-left: 0.375rem;
}

.prose ul > li::marker {
        color: #909093;
}

.prose ol > li::marker {
        color: #909093;
}

.prose pre {
        background-color: #343438; /* Surface color */
        border: 1px solid #39393b; /* Border color */
        color: #e4e4e5;
        overflow-x: auto;
        padding: 1rem;
        border-radius: 12px; /* Rounded corners */
        font-size: 0.875rem;
        line-height: 1.7142857;
        margin-top: 1.7142857em;

        margin-bottom: 1.7142857em;
}

.prose code {
        color: #fff;
        font-weight: 600;
        font-size: 0.875em;
}

.prose pre code {
        background-color: transparent;
        border-width: 0;
        border-radius: 0;
        padding: 0;
        font-weight: 400;
        color: inherit;
        font-size: inherit;
        font-family: inherit;
        line-height: inherit;
}

.prose hr {
        margin-top: 3em;
        margin-bottom: 3em;
        border-color: #333;
}