/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
/*
 * Consider organizing styles into separate files for maintainability.
 */

.markdown-prose h1 { font-size: 1.25rem; font-weight: 700; color: #ffffff; margin-top: 1.5rem; margin-bottom: 0.75rem; border-bottom: 1px solid #1e293b; padding-bottom: 0.5rem; }
.markdown-prose h2 { font-size: 1.05rem; font-weight: 700; color: #f8fafc; margin-top: 1.25rem; margin-bottom: 0.5rem; border-bottom: 1px solid #0f172a; padding-bottom: 0.25rem; }
.markdown-prose h3 { font-size: 0.9rem; font-weight: 700; color: #e2e8f0; margin-top: 1rem; margin-bottom: 0.5rem; }
.markdown-prose p { font-size: 0.875rem; color: #cbd5e1; line-height: 1.6; margin-bottom: 0.75rem; }
.markdown-prose ul { list-style-type: disc; padding-left: 1.25rem; font-size: 0.875rem; color: #cbd5e1; margin-bottom: 0.75rem; }
.markdown-prose ol { list-style-type: decimal; padding-left: 1.25rem; font-size: 0.875rem; color: #cbd5e1; margin-bottom: 0.75rem; }
.markdown-prose li { line-height: 1.6; margin-bottom: 0.25rem; }
.markdown-prose pre { background-color: #020617; border: 1px solid #0f172a; padding: 1rem; border-radius: 0.75rem; overflow-x: auto; color: #22d3ee; font-family: monospace; font-size: 0.75rem; margin-bottom: 0.75rem; line-height: 1.5; }
.markdown-prose code { background-color: #0f172a; color: #22d3ee; padding: 0.125rem 0.25rem; border-radius: 0.25rem; font-family: monospace; font-size: 0.75rem; }
.markdown-prose hr { border-color: #0f172a; margin: 1rem 0; }
.markdown-prose a { color: #22d3ee; text-decoration: underline; }