body {
    background-color: skyblue;
}

/* Rendu markdown (réponses du module Questions, guides de classement).
   Bootstrap est importé après app.css, mais `.md-body h2` l'emporte sur `h2`
   par spécificité — pas de dépendance à l'ordre d'import. */
.md-body > *:first-child { margin-top: 0; }
.md-body > *:last-child { margin-bottom: 0; }

.md-body h1 { font-size: 1.35rem; font-weight: 600; margin: 1.5rem 0 .6rem; }
.md-body h2 { font-size: 1.15rem; font-weight: 600; margin: 1.4rem 0 .5rem; }
.md-body h3 { font-size: 1rem;    font-weight: 600; margin: 1.2rem 0 .4rem; }
.md-body h4,
.md-body h5,
.md-body h6 { font-size: .95rem; font-weight: 600; margin: 1rem 0 .35rem; }

/* Un filet sous les titres de section aide à balayer une réponse longue. */
.md-body h1,
.md-body h2 { border-bottom: 1px solid var(--bs-border-color); padding-bottom: .3rem; }

.md-body p { margin-bottom: .75rem; }
.md-body ul,
.md-body ol { margin-bottom: .75rem; padding-left: 1.4rem; }
.md-body li { margin-bottom: .25rem; }

/* Les URL nues deviennent des liens (autolinks GFM) et peuvent être très
   longues : on les laisse se couper pour qu'elles ne débordent pas de la
   carte et restent sélectionnables proprement. */
.md-body a { overflow-wrap: anywhere; }

.md-body code {
    background: var(--bs-secondary-bg);
    padding: .1rem .3rem;
    border-radius: .2rem;
    font-size: .875em;
}
.md-body pre {
    background: var(--bs-secondary-bg);
    padding: .75rem;
    border-radius: .35rem;
    overflow-x: auto;
}
.md-body pre code { background: none; padding: 0; }

.md-body blockquote {
    border-left: 3px solid var(--bs-border-color);
    padding-left: .75rem;
    color: var(--bs-secondary-color);
}

.md-body table {
    width: 100%;
    margin-bottom: .75rem;
    border-collapse: collapse;
}
.md-body th,
.md-body td {
    border: 1px solid var(--bs-border-color);
    padding: .35rem .5rem;
    text-align: left;
}
.md-body th { background: var(--bs-secondary-bg); font-weight: 600; }