body:not(.logged-in) {
    --c1: #000000;
    --c2: #119CD2;
    --c3: #FFED00;
    --c4: #88CDE8;
    --c5: #D9D9D9;
    --c6: #CFEBF6;
    --c7: #F5F5F5;
    --c8: #FFCBF7;
    --c9: #F4F4F4;
    --c10: #FFFFFF;
    --c11: #EFEFEF;
    --c12: #8A8A8A;
    --c13: #454545;
    --f1: "Anton";
    --f2: "IBM Plex Sans";
    --f3: "Sora";
    --f4: "Syne";
    --f5: "Inter";
    --br1: 8px;
    --br2: 16px
}

body.logged-in {
    --c1: #000000;
    --c2: #0E4DC1;
    --c3: #FFD400;
    --c4: #88CDE8;
    --c5: #D9D9D9;
    --c6: #CFEBF6;
    --c7: #F5F5F5;
    --c8: #FFEDA5;
    --c9: #F4F4F4;
    --c10: #FFFFFF;
    --c11: #EFEFEF;
    --c12: #8A8A8A;
    --c13: #454545;
    --f1: "Anton";
    --f2: "IBM Plex Sans";
    --f3: "Sora";
    --f4: "Syne";
    --f5: "Inter";
    --br1: 8px;
    --br2: 16px
}

@font-face {
    font-display: swap;
    font-family: "Anton";
    font-weight: 400;
    src: url("/wp-content/themes/maad/fonts/anton-v25-latin-regular.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "IBM Plex Sans";
    font-weight: 300;
    src: url("/wp-content/themes/maad/fonts/ibm-plex-sans-v19-latin-300.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "IBM Plex Sans";
    font-weight: 400;
    src: url("/wp-content/themes/maad/fonts/ibm-plex-sans-v19-latin-regular.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "IBM Plex Sans";
    font-weight: 500;
    src: url("/wp-content/themes/maad/fonts/ibm-plex-sans-v19-latin-500.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "IBM Plex Sans";
    font-weight: 600;
    src: url("/wp-content/themes/maad/fonts/ibm-plex-sans-v19-latin-600.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "IBM Plex Sans";
    font-weight: 700;
    src: url("/wp-content/themes/maad/fonts/ibm-plex-sans-v19-latin-700.woff2") format("woff2")
}

.site_margin,.account-page-form,.som-password-sent-message {
    width: 100%;
    margin: auto;
    max-width: 1360px;
    box-sizing: border-box
}

@media (max-width: 1400px) {
    .site_margin,.account-page-form,.som-password-sent-message {
        max-width:100%;
        padding: 0 16px
    }
}

h2.title-section {
    font: 400 40px/48px var(--f1);
    text-transform: uppercase;
    margin: 0
}

@media (max-width: 1000px) {
    h2.title-section {
        font-size:clamp(28px, calc(1.75rem + ((1vw - 3.7px) * 1.9048)), 40px);
        line-height: clamp(32px, calc(2rem + ((1vw - 3.7px) * 2.5397)), 48px)
    }
}

article h3 {
    font: 400 22px/24px var(--f2);
    color: var(--c1);
    letter-spacing: -0.44px
}

@media (max-width: 1000px) {
    article h3 {
        font-size:18px;
        line-height: 24px
    }
}

article.card.card-dossier h3 {
    letter-spacing: 0
}