body {
    background-color: #f8f9fa;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

h1, h2, h3 {
    color: #0d6efd;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.accordion-button:not(.collapsed) {
    color: #0d6efd;
    background-color: #e7f1ff;
}

footer {
    background-color: #e9ecef !important;
}

/* Markdown Content Styling */

/* Tables */
table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    border-collapse: collapse;
}

table th,
table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

table th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    background-color: #f8f9fa;
    font-weight: bold;
}

table tbody + tbody {
    border-top: 2px solid #dee2e6;
}

/* Blockquotes */
blockquote {
    padding: 1rem;
    margin: 1rem 0;
    border-left: 5px solid #0d6efd;
    background-color: #f1f3f5;
    font-style: italic;
    border-radius: 0 4px 4px 0;
}

blockquote p:last-child {
    margin-bottom: 0;
}

/* Code Blocks */
pre {
    display: block;
    padding: 1rem;
    margin: 1rem 0;
    font-size: 0.875em;
    line-height: 1.5;
    color: #212529;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    overflow: auto;
}

code {
    font-size: 0.875em;
    color: #d63384;
    word-wrap: break-word;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* Code inside pre blocks should not have the pink color of inline code */
pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}