/* ==========================================
   1. NAVIGATION & LOGO
   ========================================== */
.md-header {
    background-color: #0A1628 !important; /* Navy Qognito */
}

.md-header__button.md-logo img {
    height: 2.4rem;
    width: auto;
    margin: 0.2rem;
}

@media screen and (max-width: 76.1875em) {
    .md-header__button.md-logo img { height: 2.0rem; }
}

/* ==========================================
   2. TYPOGRAPHIE ET ESPACEMENT (AÉRATION)
   ========================================== */
.md-typeset {
    font-size: 0.85rem;
    line-height: 1.7; /* Plus d'air pour la lecture technique */
}

.md-typeset p {
    margin-bottom: 1.2em;
}

.md-typeset hr {
    margin: 3em 0;
    border-bottom: 0.05rem solid #6B7B8D; /* Gris titane */
    opacity: 0.3;
}

/* ==========================================
   3. IMAGES ET LÉGENDES (NETTOYÉ)
   ========================================== */
/* Style de base pour toutes les légendes */
figcaption {
    font-size: 0.7rem;
    color: #6B7B8D;
    text-align: center;
    margin-top: 0.5rem;
}

/* Style de base pour toutes les images avec légende */
figure img {
    display: block;
    margin: 0 auto;
    border-radius: 4px;
}

/* CLASSE SPÉCIFIQUE : Image Scientifique (PI-VAE) */
.scientific-img img {
    border: 1px solid #e0e0e0; /* Bordure fine grise */
}
.scientific-img figcaption {
    font-family: monospace; /* Look "données/labo" */
    font-style: normal;
}

/* CLASSE SPÉCIFIQUE : Image Photo (Unsplash) */
.photo-img figcaption {
    font-style: italic; /* Italique pour les crédits photo */
}