/* Flexbox fix to keep footer at the bottom */
body { 
    display: flex; 
    flex-direction: column; 
    min-height: 100vh; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #f8f9fa;
    color: #212529;
}
main { flex: 1 0 auto; }

/* Typography & Cards */
h1, h2, h3 { font-weight: 700; letter-spacing: -0.5px; }
.card { border: none; border-radius: 8px; }
.list-group-item { border: none; border-bottom: 1px solid #f1f3f5; transition: background-color 0.2s; }
.list-group-item:hover { background-color: #f8f9fa; }
.list-group-item:last-child { border-bottom: none; }

/* Markdown Content */
.article-content p { margin-bottom: 1.2rem; }
.article-content h2, .article-content h3 { margin-top: 2rem; margin-bottom: 1rem; }
.article-content code { background: #e9ecef; padding: 2px 5px; border-radius: 4px; font-size: 0.9em; }
.article-content pre { background: #212529; color: #f8f9fa; padding: 1rem; border-radius: 8px; overflow-x: auto; }

/* Fix EasyMDE Split-Screen & Fullscreen Z-index */
.EasyMDEContainer { z-index: 10; }
.EasyMDEContainer .editor-preview, 
.EasyMDEContainer .editor-preview-side { 
    z-index: 1000; 
    background: #fff; 
}
.editor-toolbar { z-index: 10; }