body {
    /* choix du caractère */
    font-family: "Source Serif 4", serif;
    font-optical-sizing: auto;
    font-weight: 380;
    font-style: normal;
    /* corps */
    font-size: clamp(1.2rem, 1.75vw, 1.75rem);
    /* interligne */
    line-height: 1.45;
    /* marges de protection */
    margin: 1em;
    /* couleur et contraste */
    background: whitesmoke;
    color: #333;
}

p {
    max-width: 65ch;
    /* marges asymétrique : 1.45em en haut et en bas, auto à droite, la valeur maximale entre 10% de la page et 1em à gauche ! */
    margin-block: 1.45em;
    margin-left: auto ;
    margin-right: max(10%, 1em);
}

/* ------------------------------------------------- démo */

blockquote {
    padding-left: 2em;
    font-style: italic;
}

a {
    color: currentColor;
}
header, footer {
    /* marges – 5.8em, c’est quatre fois l’interligne, quatre fois le rythme vertical */
    margin: 5.8em 0 2.9em 0;
}

header > *, 
footer > * {
    font-weight: normal;
    font-size: 1em;
    max-width: 65ch;
    margin-block: 0;
    margin-left: auto ;
    margin-right: max(10%, 1em);
}

footer > * {
    font-size: .75em;
}