/* Copie légère de /assets/phare-video.css (commentaires retirés) — tools/prod-css-purge.mjs — source-sha1:d31a229c2e1fd2a3e59ba6cd58a5c1cbe1ff3db7 — ne pas éditer, relancer l'outil. */
.vd{--vd-papier: #F2EAE6;
    --vd-e: cubic-bezier(0.22, 0.68, 0.24, 1);
    --vd-sortie: cubic-bezier(0.16, 1, 0.3, 1);
    --vd-focus: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--burgundy, #7B2D3B);
    
    --vd-m-son: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5h3.5L12 5v14l-4.5-4.5H4z'/%3E%3Cpath d='M16 9a4 4 0 0 1 0 6M18.6 6.4a7.6 7.6 0 0 1 0 11.2'/%3E%3C/svg%3E");
    --vd-m-muet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5h3.5L12 5v14l-4.5-4.5H4z'/%3E%3Cpath d='M16 9.5l5 5M21 9.5l-5 5'/%3E%3C/svg%3E");
    --vd-m-plein: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V4h5M15 4h5v5M20 15v5h-5M9 20H4v-5'/%3E%3C/svg%3E");
    --vd-m-sortir: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4v5H4M20 9h-5V4M15 20v-5h5M4 15h5v5'/%3E%3C/svg%3E");
    --vd-m-st: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='M7 12h3M13 12h4M7 15.5h6M15 15.5h2'/%3E%3C/svg%3E");
    --vd-m-agrandir: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-7 7M10 20H4v-6M4 20l7-7'/%3E%3C/svg%3E");
    --vd-m-fermer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");}
.lx-hero.vd-hero{grid-template-columns: minmax(0, 0.92fr) minmax(0, 1fr);}
.vd-scene{position: relative;
    align-self: center;
    width: 100%;
    max-width: 700px;
    justify-self: end;
    padding: clamp(14px, 1.8vw, 30px);
    isolation: isolate;}
.vd-traits{position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; overflow: visible; pointer-events: none;}
.vd-traits path{fill: none; stroke: rgba(10, 10, 10, 0.26); stroke-width: 1; vector-effect: non-scaling-stroke;}
.vd-noeud{position: absolute; z-index: 0; width: 7px; height: 7px; background: var(--rs-encre); translate: -50% -50%;}
.vd-console{display: grid;
    grid-template-columns: minmax(210px, 300px) minmax(0, 1fr);
    gap: 12px;
    padding: 10px;
    border-radius: 26px;
    background: #FFFFFF;
    box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.04), var(--lx-ombre-levee);}
.vd-ecran-place{position: relative; aspect-ratio: 9 / 16; min-width: 0;}
.vd-ecran{position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: 18px;
    background: var(--vd-papier) var(--vd-affiche) center / cover no-repeat;
    box-shadow: inset 0 0 0 1px rgba(10, 10, 10, 0.06);}
.vd-video{display: block; width: 100%; height: 100%; object-fit: cover; background: transparent; border-radius: inherit;}
.vd-video--lien{position: relative; color: inherit;}
.vd-video--lien img{display: block; width: 100%; height: 100%; object-fit: cover;}
.vd-repli-t{padding: 16px; font-size: 14px;}
.vd-video::cue{background: rgba(10, 10, 10, 0.86);
    color: #FFFFFF;
    font-family: var(--font-nav), system-ui, sans-serif;
    font-size: 17px;
    line-height: 1.35;}
.vd-grand{position: absolute;
    left: 50%;
    bottom: 16px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 18px 0 12px;
    border: 0;
    border-radius: 14px;
    background: var(--rs-encre);
    color: #FFFFFF;
    font: 600 15px/1 var(--font-nav);
    letter-spacing: -0.01em;
    white-space: nowrap;
    translate: -50% 0;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.2), 0 14px 28px -12px rgba(10, 10, 10, 0.7);
    transition: translate .25s var(--vd-e), background-color .2s var(--vd-e);}
.vd-grand small{font: 500 12.5px/1 var(--rs-mono); color: rgba(255, 255, 255, 0.7);}
.vd-grand:hover{background: #2A2A2A; translate: -50% -1px;}
.vd-grand .vd-ico{width: 26px; height: 26px; border-radius: 8px; background: rgba(255, 255, 255, 0.14);}
.vd-panneau{display: flex; flex-direction: column; min-width: 0; padding: 12px 8px 6px 4px;}
.vd .vd-sur{display: flex; align-items: center; gap: 11px; margin: 0;}
.vd-sur > span:last-child{display: flex; flex-direction: column; gap: 1px; font-size: 14px; font-weight: 600; letter-spacing: -0.01em;}
.vd-sur small{font-size: 12.5px; font-weight: 400; color: var(--rs-doux);}
.vd .vd-titre{margin: 14px 0 0;
    font-size: clamp(17px, 1.2vw, 20px);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.022em;
    color: var(--rs-encre);
    text-wrap: balance;}
.vd-chaps{display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 14px 0 0;
    padding: 4px;
    max-height: 236px;
    overflow-y: auto;
    list-style: none;
    border-radius: 14px;
    background: var(--rs-gris, #F4F4F5);
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.06);
    scrollbar-width: thin;}
.vd-chap{display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: baseline;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 9px 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    font: 500 13.5px/1.35 var(--font-nav);
    letter-spacing: -0.005em;
    text-align: left;
    color: var(--rs-doux);
    cursor: pointer;
    transition: background-color .2s var(--vd-e), color .2s var(--vd-e), box-shadow .2s var(--vd-e);}
.vd-chap:disabled{cursor: default;}
.vd-t{font-family: var(--rs-mono); font-size: 12px; font-variant-numeric: tabular-nums; color: var(--rs-mute);}
.vd-chap:not(:disabled):hover{color: var(--rs-encre); background: rgba(255, 255, 255, 0.7);}
.vd-chap[aria-current]{background: #FFFFFF;
    color: var(--rs-encre);
    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.08), 0 6px 14px -8px rgba(10, 10, 10, 0.26);}
.vd-chap[aria-current] .vd-t{color: var(--burgundy); font-weight: 600;}
.vd-commandes{margin-top: auto; padding-top: 16px;}
.vd-commandes[hidden]{display: none;}
.vd-piste{position: relative; height: 32px; cursor: pointer; touch-action: none; border-radius: 8px;}
.vd-piste:focus{outline: none;}
.vd-piste:focus-visible{box-shadow: var(--vd-focus);}
.vd-piste-fond{position: absolute; left: 0; right: 0; top: 50%; height: 6px; translate: 0 -50%;}
.vd-seg{position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--a) * 100% + 1.5px);
    width: calc((var(--b) - var(--a)) * 100% - 3px);
    overflow: hidden;
    border-radius: 3px;
    background: rgba(10, 10, 10, 0.13);}
.vd-seg i{position: absolute; inset: 0; background: var(--rs-encre); transform-origin: 0 50%; scale: var(--p, 0) 1;}
.vd-piste:hover .vd-piste-fond{height: 8px;}
.vd-tete{position: absolute;
    top: 50%;
    left: calc(var(--pos, 0) * 100%);
    width: 16px;
    height: 16px;
    border-radius: 5px;
    background: #FFFFFF;
    translate: -50% -50%;
    box-shadow: 0 0 0 2px var(--rs-encre), 0 2px 6px rgba(10, 10, 10, 0.28);
    pointer-events: none;}
.vd-ligne{display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px;}
.vd-ligne--options{display: grid; grid-template-columns: repeat(auto-fit, minmax(44px, 1fr)); margin-top: 6px;}
.vd-ligne--options .vd-b{width: 100%; padding: 0;}
.vd-b--st .vd-b-txt{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}
.vd-b{display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 44px;
    height: 44px;
    padding: 0 11px;
    border: 0;
    border-radius: 12px;
    background: var(--rs-gris, #F4F4F5);
    color: var(--rs-encre);
    font: 600 13.5px/1 var(--font-nav);
    letter-spacing: -0.005em;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px rgba(10, 10, 10, 0.05);
    transition: background-color .2s var(--vd-e), color .2s var(--vd-e), translate .2s var(--vd-e);}
.vd-b:hover{background: #EAEAEC;}
.vd-b:active{translate: 0 1px;}
.vd-b--lire{width: 52px;
    height: 52px;
    border-radius: 14px;
    background: var(--rs-encre);
    color: #FFFFFF;
    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.2), 0 10px 20px -12px rgba(10, 10, 10, 0.8);}
.vd-b--lire:hover{background: #2A2A2A;}
.vd-b[aria-pressed="true"]{background: var(--rs-encre); color: #FFFFFF; box-shadow: none;}
.vd-temps{padding: 0 6px; font-family: var(--rs-mono); font-size: 12.5px; font-variant-numeric: tabular-nums; color: var(--rs-encre);}
.vd-temps-sur{color: var(--rs-mute);}
:is(.vd-b, .vd-chap, .vd-grand, .vd-phrase, .vd-mini-b):focus{outline: none;}
:is(.vd-b, .vd-chap, .vd-grand, .vd-phrase, .vd-mini-b):focus-visible{box-shadow: var(--vd-focus);}
.vd-ico{position: relative; display: block; flex: none; width: 18px; height: 18px;}
.vd-ico--lire::before{content: "";
    position: absolute;
    inset: 0;
    width: 0;
    height: 0;
    margin: auto;
    border-left: 12px solid currentColor;
    border-top: 7.5px solid transparent;
    border-bottom: 7.5px solid transparent;
    translate: 2px 0;}
.vd-ico--pause::before,.vd-ico--pause::after{content: ""; position: absolute; top: 2px; bottom: 2px; width: 4.5px; border-radius: 1.5px; background: currentColor;}
.vd-ico--pause::before{left: 3px;}
.vd-ico--pause::after{right: 3px;}
:is(.vd-ico--son, .vd-ico--muet, .vd-ico--plein, .vd-ico--sortir, .vd-ico--st, .vd-ico--agrandir, .vd-ico--fermer)::before{content: "";
    position: absolute;
    inset: 0;
    background: currentColor;
    -webkit-mask: var(--vd-m) center / contain no-repeat;
            mask: var(--vd-m) center / contain no-repeat;}
.vd-ico--son{--vd-m: var(--vd-m-son);}
.vd-ico--muet{--vd-m: var(--vd-m-muet);}
.vd-ico--plein{--vd-m: var(--vd-m-plein);}
.vd-ico--sortir{--vd-m: var(--vd-m-sortir);}
.vd-ico--st{--vd-m: var(--vd-m-st);}
.vd-ico--agrandir{--vd-m: var(--vd-m-agrandir);}
.vd-ico--fermer{--vd-m: var(--vd-m-fermer);}
.vd-raccourcis{margin-top: 10px; font-size: 13px; color: var(--rs-doux);}
.vd-raccourcis summary{display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 10px;
    border-radius: 10px;
    font-weight: 500;
    cursor: pointer;
    list-style: none;}
.vd-raccourcis summary::-webkit-details-marker{display: none;}
.vd-raccourcis summary::before{content: "+"; margin-right: 8px; font-family: var(--rs-mono); color: var(--rs-mute);}
.vd-raccourcis[open] summary::before{content: "−";}
.vd-raccourcis summary:hover{background: var(--rs-gris, #F4F4F5); color: var(--rs-encre);}
.vd-raccourcis summary:focus-visible{outline: none; box-shadow: var(--vd-focus);}
.vd-raccourcis dl{display: grid; gap: 6px; margin: 6px 0 0; padding: 10px 12px; border-radius: 12px; background: var(--rs-gris, #F4F4F5);}
.vd-raccourcis dl > div{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px;}
.vd-raccourcis dt,.vd-raccourcis dd{margin: 0;}
.vd-raccourcis kbd{display: inline-grid;
    place-items: center;
    min-width: 24px;
    height: 22px;
    padding: 0 6px;
    border-radius: 6px;
    background: #FFFFFF;
    box-shadow: 0 0 0 1px var(--rs-filet), 0 1px 0 rgba(10, 10, 10, 0.08);
    font: 500 11.5px/1 var(--rs-mono);
    color: var(--rs-encre);}
.vd-mini{display: none;}
@media (min-width: 1100px){
.vd-console.est-docke .vd-ecran{position: fixed;
        z-index: 140;
        inset: auto auto 20px 20px;
        width: 176px;
        height: auto;
        aspect-ratio: 9 / 16;
        border-radius: 16px;
        box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.08), 0 30px 60px -24px rgba(10, 10, 10, 0.6);
        animation: vdPose .45s var(--vd-sortie) backwards;}
.vd-console.est-docke .vd-grand{display: none;}
.vd-console.est-docke .vd-mini{position: absolute;
        left: 6px;
        right: 6px;
        bottom: 6px;
        z-index: 3;
        display: flex;
        justify-content: space-between;
        gap: 4px;
        padding: 4px;
        border-radius: 12px;
        background: rgba(10, 10, 10, 0.72);}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
.vd-console.est-docke .vd-mini{-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
}
}
@media (min-width: 1100px){
.lx-hero.vd-hero:has(.vd-console.est-docke){z-index: 160;}
body:has(.vd-console.est-docke) .vd .lx-toc-in{max-height: calc(100dvh - var(--doc-haut, 118px) - 56px - 356px);}
}
@keyframes vdPose{ from { opacity: 0; translate: 0 18px; } }
.vd-mini-b{display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #FFFFFF;
    cursor: pointer;}
.vd-mini-b:hover{background: rgba(255, 255, 255, 0.16);}
.vd-console:fullscreen{grid-template-columns: auto minmax(320px, 400px);
    align-items: stretch;
    justify-content: center;
    gap: 20px;
    padding: 20px;
    border-radius: 0;
    background: #F4F4F5;}
.vd-console:fullscreen .vd-ecran-place{height: calc(100vh - 40px); aspect-ratio: 9 / 16;}
.vd-console:fullscreen .vd-panneau{padding: 20px; border-radius: 22px; background: #FFFFFF;}
.vd-console:fullscreen .vd-chaps{max-height: none;}
.vd-trans{margin-top: 22px;
    padding: 6px;
    border-radius: 24px;
    background: var(--lx-surface, #F4F4F5);
    box-shadow: var(--lx-ombre-surface, none);}
.vd-trans-tete{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 10px 12px 12px;}
.lx .vd-trans-t{display: flex; align-items: center; gap: 11px; margin: 0; max-width: none;}
.vd-trans-t > span:last-child{display: flex; flex-direction: column; gap: 1px; font-size: 15px; font-weight: 600; letter-spacing: -0.01em;}
.vd-trans-t small{font-size: 12.5px; font-weight: 400; color: var(--rs-doux);}
.vd-suivre{display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0 0 0 1px var(--rs-filet);
    font-size: 14px;
    font-weight: 500;
    color: var(--rs-encre);
    cursor: pointer;}
.vd-suivre input{width: 18px; height: 18px; margin: 0; accent-color: var(--rs-encre);}
.vd-suivre:focus-within{box-shadow: var(--vd-focus);}
.vd-trans-corps{position: relative;
    max-height: min(62vh, 560px);
    overflow-y: auto;
    padding: 4px clamp(14px, 2vw, 26px) 22px;
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: var(--lx-ombre-piece, 0 1px 2px rgba(10, 10, 10, 0.06));
    overscroll-behavior: contain;
    scrollbar-width: thin;}
.vd-trans-corps:focus{outline: none;}
.vd-trans-corps:focus-visible{box-shadow: var(--vd-focus);}
.vd-trans-l{margin: 0; padding: 0; list-style: none;}
.lx .vd-trans-chap-t{display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 20px 0 8px;
    font-family: var(--font-nav);
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: -0.005em;
    color: var(--rs-encre);}
.lx .vd-trans-p{max-width: none; margin: 0; font-size: 17px; line-height: 1.8; color: var(--rs-doux);}
.vd-phrase{display: inline;
    margin: 0 -2px;
    padding: 3px 3px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    font: inherit;
    line-height: inherit;
    text-align: left;
    color: inherit;
    cursor: pointer;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    transition: background-color .25s var(--vd-e), color .25s var(--vd-e);}
button.vd-phrase:hover{background: var(--rs-gris, #F4F4F5); color: var(--rs-encre);}
.vd-phrase[aria-current]{background: #F3E7EA;
    color: var(--rs-encre);
    box-shadow: inset 0 -2px 0 rgba(123, 45, 59, 0.5);}
.lx .vd-src{margin: 10px 14px 6px; max-width: none; font-size: 12.5px; line-height: 1.45; color: var(--rs-mute);}
.lx .vd-intro > p{max-width: 58ch;}
.lx .vd-intro{margin-bottom: clamp(36px, 3.4vw, 56px);}
.lx .vd-intro > p:first-child{font-size: clamp(18px, 1.3vw, 20px); line-height: 1.6; color: var(--rs-encre);}
.lx-corps blockquote.vd-cite{position: relative;
    max-width: 62ch;
    margin: 28px 0;
    padding: 22px 26px 22px 66px;
    border-radius: 20px;
    background: var(--lx-rose, #F6ECEE);
    box-shadow: var(--lx-ombre-surface, none);}
.lx-corps blockquote.vd-cite::before{content: "";
    position: absolute;
    left: 22px;
    top: 24px;
    width: 26px;
    height: 20px;
    background: var(--burgundy);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 20'%3E%3Cpath d='M0 20V11C0 4.8 3.2 1.1 9.6 0l1 2.6C7 3.8 5.4 6 5.4 9H11v11zm15 0V11c0-6.2 3.2-9.9 9.6-11l1 2.6C22 3.8 20.4 6 20.4 9H26v11z'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 20'%3E%3Cpath d='M0 20V11C0 4.8 3.2 1.1 9.6 0l1 2.6C7 3.8 5.4 6 5.4 9H11v11zm15 0V11c0-6.2 3.2-9.9 9.6-11l1 2.6C22 3.8 20.4 6 20.4 9H26v11z'/%3E%3C/svg%3E") center / contain no-repeat;}
.lx-corps blockquote.vd-cite p{max-width: none; margin: 0; font-size: clamp(18px, 1.3vw, 20px); font-weight: 500; line-height: 1.5; letter-spacing: -0.012em; color: var(--rs-encre);}
.lx-corps ol.vd-ol{display: grid; gap: 10px; max-width: 62ch; margin: 20px 0; padding: 0; list-style: none; counter-reset: vd;}
.lx-corps ol.vd-ol > li{position: relative;
    padding: 15px 18px 15px 60px;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 0 0 1px var(--rs-filet), var(--lx-ombre-piece, none);
    counter-increment: vd;}
.lx-corps ol.vd-ol > li::before{content: counter(vd);
    position: absolute;
    left: 16px;
    top: 14px;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: var(--rs-encre);
    color: #FFFFFF;
    font: 600 14px/1 var(--font-nav);}
.vd-liens{margin-top: clamp(28px, 3vw, 44px);}
.lx .vd-maj-date{display: inline-flex;
    align-items: center;
    gap: 10px;
    max-width: none;
    margin: 0 0 10px;
    padding: 5px 14px 5px 5px;
    border-radius: 12px;
    background: var(--rs-gris, #F4F4F5);
    font-size: 14px;
    font-weight: 500;
    color: var(--rs-encre);}
.lx .vd-maj-date .lx-tuile{width: 32px; height: 32px; border-radius: 9px;}
.lx-corps .vd-maj h3{margin: 36px 0 10px;
    font-family: var(--font-nav);
    font-size: clamp(20px, 1.5vw, 24px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.028em;
    color: var(--rs-encre);}
.vd-autres-in{max-width: var(--rs-large, 1360px); margin-inline: auto;}
.vd-autres-tete{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px 24px; margin-bottom: clamp(22px, 2.4vw, 36px);}
.rs .vd-autres-t{margin: 0; font-size: clamp(28px, 2.6vw, 44px); font-weight: 600; line-height: 1.05; letter-spacing: -0.042em;}
.vd-autres-l{display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 170px), 1fr)); gap: 28px 18px; margin: 0; padding: 0; list-style: none;}
.rs .vd-autre{display: flex; flex-direction: column; gap: 10px; color: var(--rs-encre); text-decoration: none;}
.vd-autre-img{position: relative;
    display: block;
    aspect-ratio: 9 / 16;
    overflow: hidden;
    border-radius: 16px;
    background: var(--vd-papier, #F2EAE6);
    box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.06), 0 2px 4px rgba(10, 10, 10, 0.05), 0 18px 34px -18px rgba(60, 20, 30, 0.34);
    transition: translate .4s var(--vd-sortie, ease), box-shadow .4s ease;}
.vd-autre-img img{display: block; width: 100%; height: 100%; object-fit: cover; transition: scale .7s var(--vd-sortie, ease);}
.vd-autre-lire{position: absolute; left: 10px; bottom: 10px; width: 38px; height: 38px; border-radius: 28%; background: var(--rs-encre); box-shadow: 0 8px 18px -6px rgba(10, 10, 10, 0.45);}
.vd-autre-lire::before{content: ""; position: absolute; inset: 0; width: 0; height: 0; margin: auto; border-left: 11px solid #FFFFFF; border-top: 7px solid transparent; border-bottom: 7px solid transparent; translate: 2px 0;}
.vd-autre-puce{font-size: 12.5px; font-weight: 500; color: var(--burgundy);}
.vd-autre-t{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 15.5px; font-weight: 600; line-height: 1.28; letter-spacing: -0.02em;}
.vd-autre-d{font-size: 12.5px; color: var(--rs-mute);}
@media (hover: hover){
.rs .vd-autre:hover .vd-autre-img{translate: 0 -3px; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.08), 0 4px 8px rgba(10, 10, 10, 0.06), 0 26px 44px -20px rgba(60, 20, 30, 0.42);}
.rs .vd-autre:hover .vd-autre-img img{scale: 1.035;}
.rs .vd-autre:hover .vd-autre-t{text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: rgba(10, 10, 10, 0.3);}
}
.rs .vd-autre:focus-visible{outline: none;}
.rs .vd-autre:focus-visible .vd-autre-img{box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--burgundy);}
.vd .lx-scene-couv .mn-affiche-lire{display: none;}
.vd .lx-scene-couv .mn--affiche{background: #F4EAE5;
    border-radius: 18px;
    box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.05), var(--lx-ombre-levee);}
.lx-sc.vd-sc-phrase{display: flex; flex-direction: column; gap: 10px; padding: 14px 16px 13px;}
.lx .vd-sc-phrase-t{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.38;
    letter-spacing: -0.015em;
    color: var(--rs-encre);}
.lx .vd-sc-phrase-l{display: flex; align-items: center; gap: 8px; font: 500 11.5px/1 var(--rs-mono); letter-spacing: 0.02em; color: var(--rs-doux);}
.vd-sc-lire{position: relative; flex: none; width: 22px; height: 22px; border-radius: 7px; background: var(--rs-encre);}
.vd-sc-lire::before{content: ""; position: absolute; inset: 0; width: 0; height: 0; margin: auto; border-left: 7px solid #FFFFFF; border-top: 4.5px solid transparent; border-bottom: 4.5px solid transparent; translate: 1px 0;}
.lx .vd-sc-segs{display: flex; gap: 3px; margin-top: 12px;}
.vd-sc-segs span{flex: var(--f) 1 0; height: 6px; border-radius: 3px; background: rgba(10, 10, 10, 0.12);}
.vd-sc-segs span.est-lu{background: var(--burgundy);}
.lx .vd-sc-d{display: flex; align-items: baseline; gap: 8px; margin-top: 12px;}
.vd-sc-d b{font-size: 22px; font-weight: 600; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;}
.vd-sc-d small{font-size: 12px; color: var(--rs-doux);}
.lx-corps .vd-console{margin: 24px 0 0;
    background: var(--lx-surface, #F4F4F5);
    box-shadow: var(--lx-ombre-surface, none);}
.lx-corps .vd-console .vd-chaps{background: rgba(255, 255, 255, 0.62);}
.lx-corps .vd-console .vd-b{background: #FFFFFF; box-shadow: 0 0 0 1px var(--rs-filet), 0 1px 2px rgba(10, 10, 10, 0.05);}
.lx-corps .vd-console .vd-b:hover{background: #FAFAFA;}
.lx-corps .vd-console .vd-b--lire,.lx-corps .vd-console .vd-b[aria-pressed="true"]{background: var(--rs-encre); box-shadow: 0 1px 2px rgba(10, 10, 10, 0.2), 0 10px 20px -12px rgba(10, 10, 10, 0.8);}
.lx-corps .vd-console .vd-raccourcis dl{background: #FFFFFF;}
.lx-corps .vd-trans{margin-top: 18px;}
.vd-soon{display: grid;
    grid-template-columns: minmax(160px, 240px) minmax(0, 1fr);
    align-items: center;
    gap: clamp(16px, 2vw, 28px);
    margin-top: 24px;
    padding: 10px;
    border-radius: 24px;
    background: var(--lx-surface, #F4F4F5);
    box-shadow: var(--lx-ombre-surface, none);}
.vd-soon-img{display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: cover; border-radius: 16px; box-shadow: var(--lx-ombre-piece, none);}
.vd-soon-t{display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 8px 12px 8px 0;}
.lx .vd-soon-t p{margin: 0;}
.lx .vd-soon-titre{font-size: clamp(19px, 1.4vw, 22px); font-weight: 600; letter-spacing: -0.025em; color: var(--rs-encre);}
.vd-frere{max-width: 440px; margin-top: 18px;}
.lx-corps .lx-section > h3{margin: 32px 0 10px; font-family: var(--font-nav); font-size: clamp(20px, 1.5vw, 24px); font-weight: 600; line-height: 1.2; letter-spacing: -0.028em; color: var(--rs-encre);}
@media (max-width: 1399px){
.vd-console{grid-template-columns: minmax(190px, 250px) minmax(0, 1fr);}
}
@media (max-width: 1099px){
.lx-hero.vd-hero{grid-template-columns: minmax(0, 1fr);}
.vd-scene{justify-self: start; max-width: 760px;}
}
@media (max-width: 700px){
.vd-scene{padding: 0; margin-top: 14px;}
.vd-traits,.vd-noeud{display: none;}
.vd-console{grid-template-columns: minmax(0, 1fr); margin-inline: calc(-1 * var(--rs-marge)); padding: 8px; border-radius: 22px;}
.vd-ecran-place{width: min(100%, calc(66svh * 9 / 16)); justify-self: center;}
.vd-panneau{padding: 10px 8px 4px;}
.vd-chaps{max-height: none;}
.lx .vd-trans-p{font-size: 17px;}
.vd-trans{margin-inline: calc(-1 * var(--rs-marge) + 4px);}
.lx-corps blockquote.vd-cite{padding: 18px 18px 18px 56px;}
.lx-corps blockquote.vd-cite::before{left: 18px; top: 21px; width: 22px; height: 17px;}
.vd-autres-l{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 12px;}
}
@media (forced-colors: active){
.vd-seg{background: GrayText;}
.vd-seg i{background: Highlight;}
.vd-tete{forced-color-adjust: none; background: Canvas; box-shadow: 0 0 0 2px CanvasText;}
.vd-b,.vd-chap,.vd-grand{border: 1px solid ButtonText;}
.vd-chap[aria-current],.vd-phrase[aria-current],.vd-b[aria-pressed="true"]{outline: 2px solid Highlight; outline-offset: 1px;}
:is(.vd-b, .vd-chap, .vd-grand, .vd-phrase, .vd-mini-b, .vd-piste):focus-visible{outline: 2px solid Highlight; outline-offset: 2px;}
}
@media (prefers-reduced-motion: reduce){
.vd-grand,.vd-chap,.vd-b,.vd-phrase,.vd-autre-img,.vd-autre-img img{transition: none;}
.vd-console.est-docke .vd-ecran{animation: none;}
}