/* Même famille que l'accueil. Les contrôles gardent leurs tailles adaptées à la démo. */
:root {
    --brand-font: Arial, Helvetica, sans-serif;
    font-family: var(--brand-font);
}

.loading-screen {
    font-family: var(--brand-font);
}

/* Des titres plus légers ; le gras sert aux noms et aux résultats à retenir. */
.lab-experience .hero-copy h1,
.lab-experience .hero-subtitle {
    font-weight: 400;
    letter-spacing: -.035em;
}

.lab-experience .requirements-title h2,
.lab-experience .chapter-heading h2,
.lab-experience .catalogue-title-row h2,
.lab-experience .bounds-heading h2,
.lab-experience .solver-heading h2 {
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 1.15;
}

.lab-experience .approach-note h3,
.lab-experience .synapster-method h3 {
    font-weight: 400;
    letter-spacing: -.02em;
}

.lab-experience .hero-record-title h3,
.lab-experience .hero-records > h2 em,
.lab-experience .hero-challenge strong {
    font-weight: 700;
}

/* Sur grand écran, le texte de présentation retrouve le confort de l'accueil. */
@media (min-width: 1060px) {
    .lab-experience .requirements-heading > p {
        font-size: 17px;
        line-height: 1.65;
    }

    .lab-experience .approach-note p {
        font-size: 16px;
        line-height: 1.65;
    }
}