.qmd-reading__section {
    max-width: 820px;
    margin: 0 auto 5rem;
}

.qmd-reading__section--intro {
    margin-bottom: 5.5rem;
    padding: 1.15rem 1.35rem;
    border-left: 2px solid rgba(135, 155, 145, .42);
    background: rgba(244, 241, 236, .28);
}

.qmd-reading__transition {
    max-width: 760px;
    margin: 0 auto 1.6rem;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(.98rem, 1.35vw, 1.12rem);
    line-height: 1.7;
    font-style: italic;
    color: rgba(102, 117, 110, .78);
}

.qmd-reading__content {
    font-size: clamp(1rem, 1.15vw, 1.07rem);
    line-height: 1.85;
    color: #4b504e;
}

.qmd-reading__content p {
    margin: 0;
}

.qmd-reading__section--closing {
    padding: clamp(1.4rem, 3vw, 2rem);
    border: 1px solid rgba(135, 155, 145, .24);
    border-radius: 16px;
    background: rgba(244, 241, 236, .48);
}

.qmd-reading__section--closing .qmd-reading__content {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.05rem, 1.45vw, 1.18rem);
    line-height: 1.75;
    font-style: italic;
    color: #59655f;
}

@media (max-width: 767px) {
    .qmd-reading__section {
        max-width: 100%;
        margin-bottom: 3.5rem;
    }

    .qmd-reading__section--intro {
        margin-bottom: 4rem;
        padding: 1rem 1.1rem;
    }

    .qmd-reading__transition {
        margin-bottom: 1.25rem;
    }
}

/* =========================================================
   QMD 1.1.8 — VOS CINQ MOUVEMENTS INTÉRIEURS
   Données dynamiques uniquement : le cadre et la colonne
   éditoriale de droite sont désormais gérés dans Divi.
   ========================================================= */

.qmd-movements {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.qmd-movements__main {
    width: 100%;
    margin: 0;
    padding: 0;
}

.qmd-movements__title {
    margin: 0 0 1.35rem;
    color: #D4AA52;
    font-family: inherit;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.qmd-movements__list {
    display: flex;
    flex-direction: column;
    gap: .9rem;
}

.qmd-movement {
    display: grid;
    grid-template-columns: minmax(82px, .58fr) minmax(150px, 2.42fr) 58px;
    align-items: center;
    gap: 1rem;
}

.qmd-movement__label {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
    color: #48534d;
    font-size: .98rem;
    line-height: 1.35;
}

.qmd-movement__marker {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 28px;
    width: 28px;
    height: 28px;

    color: #738376;
    background: rgba(95, 117, 104, .14);

    border: 1px solid rgba(95, 117, 104, .20);
    border-radius: 50%;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.qmd-movement__marker::before {
    display: block;
    line-height: 1;
}

.qmd-movement--clarte .qmd-movement__marker::before {
    content: "✦";
    font-size: 13px;
}

.qmd-movement--elan .qmd-movement__marker::before {
    content: "〰";
    font-size: 15px;
}

.qmd-movement--lien .qmd-movement__marker::before {
    content: "♡";
    font-size: 16px;
}

.qmd-movement--ecoute .qmd-movement__marker::before {
    content: ")))";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    letter-spacing: -2px;
    transform: translateX(-1px);
}

.qmd-movement--recul .qmd-movement__marker::before {
    content: "◇";
    font-size: 15px;
}

.qmd-movement__track {
    position: relative;
    width: 100%;
    height: 7px;
    overflow: hidden;
    background: #ecebe6;
    border-radius: 999px;
}

.qmd-movement__fill {
    display: block;
    height: 100%;
    background: #82927f;
    border-radius: inherit;
}

.qmd-movement__value {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 2px;
    color: #49524d;
    white-space: nowrap;
}

.qmd-movement__value strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.08rem;
    font-weight: 400;
}

.qmd-movement__value span {
    font-size: .7rem;
}

@media (max-width: 767px) {
    .qmd-movement {
        grid-template-columns: minmax(76px, .62fr) minmax(106px, 1.78fr) 52px;
        gap: .7rem;
    }

    .qmd-movement__label {
        gap: .5rem;
        font-size: .9rem;
    }

    .qmd-movement__marker {
        flex-basis: 24px;
        width: 24px;
        height: 24px;
    }

    .qmd-movement--clarte .qmd-movement__marker::before {
        font-size: 12px;
    }

    .qmd-movement--elan .qmd-movement__marker::before {
        font-size: 14px;
    }

    .qmd-movement--lien .qmd-movement__marker::before {
        font-size: 15px;
    }

    .qmd-movement--ecoute .qmd-movement__marker::before {
        font-size: 8px;
    }

    .qmd-movement--recul .qmd-movement__marker::before {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .qmd-movement {
        grid-template-columns: 1fr 48px;
        gap: .45rem .7rem;
    }

    .qmd-movement__label {
        grid-column: 1 / -1;
    }

    .qmd-movement__track {
        grid-column: 1;
    }

    .qmd-movement__value {
        grid-column: 2;
    }
}

/* =========================================================
   QMD 1.1.14 — CARTES DE SYNTHÈSE
   La structure visuelle de la carte est gérée dans Divi.
   ========================================================= */

.qmd-summary {
    width: 100%;
}

.qmd-summary__eyebrow {
    display: inline-block;
    margin: 0 0 14px;
    padding: 5px 10px;

    color: #5f7568;
    background: rgba(95, 117, 104, .10);

    border-radius: 999px;

    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.qmd-summary__text,
.qmd-summary__text p {
    margin-top: 0;
}

.qmd-summary__text p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   QMD 1.1.16 — LIEN PDF
   ========================================================= */
.qmd-pdf-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    border: 1px solid #6c8072;
    border-radius: 999px;
    color: #5f7568;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.2;
}

.qmd-pdf-link:hover,
.qmd-pdf-link:focus {
    color: #485c50;
    border-color: #485c50;
}

.qmd-pdf-status {
    margin: 0;
    font-size: 13px;
    color: #6d7771;
}