/* ===== TYPOGRAPHIE ===== */
.probiscorePage {
    margin-right: 200px;
    margin-left: 200px;
    font-family: "Georgia", "Times New Roman", serif;
    line-height: 1.6;
    color: #222;
}

    /* Titres premium */
    .probiscorePage h1 {
        font-weight: 300;
        letter-spacing: 0.5px;
    }

    .probiscorePage h2 {
        font-weight: 300;
        margin-top: 50px;
        margin-bottom: 20px;
    }

    .probiscorePage h3 {
        font-weight: 300;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    /* Paragraphes */
    .probiscorePage p {
        margin-bottom: 18px;
        font-size: 18px;
    }

    /* Citations élégantes */
    .probiscorePage blockquote {
        margin: 25px 0;
        padding-left: 20px;
        border-left: 3px solid #ccc;
        color: #555;
        font-style: italic;
    }

    /* Séparateurs discrets */
    .probiscorePage hr {
        border: none;
        border-top: 1px solid #ddd;
        margin: 50px 0;
    }

    /* Navigation interne */
    .probiscorePage nav a {
        font-size: 16px;
        text-decoration: none;
        margin-right: 10px;
        font-family: Raleway;
        letter-spacing:1px;
    }

        .probiscorePage nav a:hover {
            text-decoration: underline;
        }

/* Blocs d'exemples */
.case-study {
    padding: 15px 20px;
    background: #fafafa;
    border-left: 4px solid #ddd;
    margin-bottom: 25px;
}

h1, h2,header {
margin-bottom:0;
margin-top:0;
background-color:white;
}
header {
    top: 0;
    position: sticky;
}
nav {
    top: 56px;
    position: sticky;
    background-color: white;
}
.sideDiv {
    float: left;
    position: fixed;
    z-index: 1;
    width: min-content;
    text-align: center;
}
.sideDiv a {
color:blue;
cursor:pointer;
font-family:Raleway;
letter-spacing:1px;
}

/*only desktop view*/
@media (max-width: 900px) {
    body {
        min-width: 900px;
        overflow-x: auto;
    }
}