/* Le bloc Guides : deux compositions éditoriales, sans changer le reste du site. */
#haut #guides .gcards{display:grid;grid-template-columns:minmax(0,1fr);gap:70px}
#haut #guides .gcard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px 50px;padding:42px 0!important;margin:0!important;border:0!important;border-top:1px solid #dbc9bd!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible;isolation:isolate}
#haut #guides .gcard:hover{transform:none}
#haut #guides .gcard::before,#haut #guides .gcard::after{display:none!important}
#haut #guides .gcard:nth-child(2){background:#302039!important;border:0!important;border-radius:4px!important;padding:46px 42px!important;gap:44px;position:relative}
#haut #guides .guide-overview{display:flex;flex-direction:column;gap:16px;min-width:0}
#haut #guides .guide-overview .num{font-family:var(--body);font-size:11px;letter-spacing:.2em;font-weight:800;padding:0;color:#a84064!important}
#haut #guides .guide-overview h3{font-family:var(--body);font-style:normal;font-size:clamp(44px,5.7vw,76px);font-weight:800;letter-spacing:-.065em;line-height:1.05;margin:0 0 5px}
#haut #guides .gcard:first-child .guide-overview h3{color:#302039!important}
#haut #guides .guide-overview .tags{gap:12px;margin:0}
#haut #guides .guide-overview .tags li{font-size:11px;padding:0;border:0!important;border-radius:0;background:none!important;font-weight:600}
#haut #guides .guide-overview .tags li+li{border-left:1px solid #b99b9e!important;padding-left:12px}
#haut #guides .guide-overview .gp-intro{font-size:15px;line-height:1.75;max-width:410px;margin:8px 0 0}
#haut #guides .guide-overview .gp-buy{margin:5px 0 10px;padding:0;gap:24px}
#haut #guides .gp-buy .price{font-size:46px;font-weight:500;letter-spacing:-.04em}
#haut #guides .gp-buy .btn{font-size:12px;padding:15px 23px}
.guide-programme{border-top:1px solid #c9b1bf70;padding-top:17px;margin-top:4px}
.guide-programme summary{font-family:var(--body);font-size:12px;font-weight:800;letter-spacing:.08em;cursor:pointer;text-transform:uppercase;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.guide-programme summary::-webkit-details-marker{display:none}
.guide-programme summary::after{content:'+';font-size:22px;font-weight:400}
.guide-programme[open] summary::after{content:'−'}
#haut #guides .guide-programme .clab{display:none}
#haut #guides .guide-programme .clist{display:flex;flex-direction:column;gap:0;margin:13px 0 0;padding:0}
#haut #guides .guide-programme .clist li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;padding:9px 0;border:0!important;margin:0;align-items:baseline}
#haut #guides .guide-programme .clist h4{font-family:var(--body);font-size:15px;font-weight:600;line-height:1.5;letter-spacing:0;margin:0}
#haut #guides .guide-programme .clist .n{font:600 10px/1.5 var(--body);letter-spacing:.05em;opacity:.75}
.guide-preview{width:100%;min-width:0;position:relative;text-align:center;padding:28px 18px;align-self:center}
.guide-preview::before{content:'';position:absolute;inset:15% -2% 15% 0;background:#f1d2bc;border-radius:48% 48% 4px 4px;transform:rotate(-8deg);z-index:-1}
#haut #guides .gcard:nth-child(2) .guide-preview::before{background:#795063;transform:rotate(8deg);border-radius:4px 4px 48% 48%}
#haut #guides .preview-heading{font:700 10px/1.5 var(--body);letter-spacing:.18em;text-transform:uppercase;margin:0 0 24px;position:relative}
.tablet{position:relative;max-width:340px;width:100%;margin:0 auto;background:#fff;border:1px solid #e8e2e4;border-radius:23px;padding:19px 11px 14px;box-shadow:14px 28px 34px -15px #3b243752,inset -3px 0 0 #e6e3e5;transform-origin:center;animation:tablet-presence 9s ease-in-out infinite}
.tablet-camera{position:absolute;top:7px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#c4bdc3}
.tablet-screen{overflow:hidden;aspect-ratio:1489/2105;background:#fffbf8;border:1px solid #e8e0e3;border-radius:9px}
.preview-page{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.preview-page[hidden]{display:none!important}
.preview-page img{display:block;width:100%;height:100%;object-fit:contain}
.preview-page.is-entering{animation:page-reveal .65s cubic-bezier(.2,.7,.2,1) both}
@keyframes page-reveal{from{opacity:.15;transform:translateX(12%)}to{opacity:1;transform:translateX(0)}}
@keyframes tablet-presence{0%,100%{transform:perspective(1400px) rotateY(-7deg) rotateZ(-3deg) translateY(0)}50%{transform:perspective(1400px) rotateY(-3deg) rotateZ(-1deg) translateY(-9px)}}
#haut #guides .gcard:nth-child(2) .tablet{animation-delay:-4.5s;box-shadow:14px 28px 36px -15px #0008,inset -3px 0 0 #e6e3e5}
.guide-preview:hover .tablet,.guide-preview:focus-within .tablet,.preview-paused .tablet{animation-play-state:paused}
.preview-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px}
.preview-controls button{display:grid;place-items:center;width:36px;height:36px;border:0;border-bottom:1px solid currentColor;border-radius:0;background:none;color:inherit;cursor:pointer;font:400 23px/1 var(--body);padding:0;transition:transform .2s}
.preview-controls button:hover{transform:translateX(3px)}
.preview-controls .preview-prev:hover{transform:translateX(-3px)}
.preview-controls .preview-pause{width:25px;height:25px;font-size:12px;border:0;opacity:.65}
.preview-position{display:flex;flex-direction:column;gap:3px;min-width:105px;font:600 12px/1.5 var(--body)}
.preview-count{font-size:10px;font-weight:400;letter-spacing:.16em;opacity:.7}
#haut #guides .preview-note{font-size:10px;line-height:1.6;opacity:.75;margin:13px 0 0}
.preview-page:focus-visible,.preview-controls button:focus-visible{outline:2px solid #b1517a;outline-offset:4px}
.guide-reader{padding:0;border:0;border-radius:12px;width:min(1000px,96vw);max-width:96vw;max-height:94dvh;background:#fffaf5;color:#39263e;box-shadow:0 20px 80px #0005}
.guide-reader::backdrop{background:#241828dd}
.guide-reader-bar{position:sticky;top:0;left:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#fffaf5;border-bottom:1px solid #dccbd5;font:14px var(--body)}
.guide-reader-bar>span{flex:1}
.guide-reader-close,.guide-reader-zoom{flex-shrink:0;border:1px solid #bfa7b7;background:transparent;border-radius:30px;padding:8px 14px;color:inherit;cursor:pointer;font:inherit}
.guide-reader img{display:block;width:100%;height:auto}
.guide-reader.zoomed img{width:1400px;max-width:none}
body.guide-reader-open{overflow:hidden}
@media(max-width:800px){#haut #guides .gcards{gap:45px}#haut #guides .gcard{grid-template-columns:minmax(0,1fr);padding:30px 0!important;gap:25px}#haut #guides .gcard:nth-child(2){padding:30px 22px!important}#haut #guides .guide-overview h3{font-size:54px}.guide-preview{max-width:380px;justify-self:center;padding:24px 12px}.tablet{max-width:280px}.guide-preview::before{inset:15% 3% 16% 3%}.guide-reader{width:100vw;max-width:100vw;max-height:100dvh;border-radius:0}.guide-reader-bar{padding:10px 12px;gap:6px;font-size:12px}.guide-reader.zoomed img{width:1000px}}
@media(prefers-reduced-motion:reduce){.tablet,.preview-page.is-entering{animation:none!important}.preview-controls button{transition:none}}
/* Retour à la chaleur et à la typographie de MAGNIVIAE. */
#haut #guides{background:#f5eae2}
#haut #guides .gcard{border-top:1px solid #c9a38f80!important;padding:40px 20px!important}
#haut #guides .guide-overview h3{font-family:var(--display);font-size:clamp(52px,6vw,78px);font-weight:500;font-style:italic;letter-spacing:-.035em;line-height:1.1}
#haut #guides .gcard:first-child .guide-overview h3{color:#593047!important}
#haut #guides .gcard:nth-child(2){background:#3c263b!important;border-radius:24px!important;padding:44px 36px!important}
.guide-preview::before{inset:3% -5% 7%;border-radius:0;background:radial-gradient(ellipse at 50% 48%,#e8bda2b3 0%,#eac5b273 38%,transparent 70%);transform:none}
#haut #guides .gcard:nth-child(2) .guide-preview::before{background:radial-gradient(ellipse at 50% 48%,#c88fa280 0%,#95647833 43%,transparent 70%);border-radius:0;transform:none}
#haut #guides .preview-heading{font-family:var(--display);font-style:italic;font-weight:500;letter-spacing:0;text-transform:none;font-size:25px;margin-bottom:22px}
#haut #guides .guide-overview .num{color:#a44967!important}
#haut #guides .gcard:nth-child(2) .guide-overview .num{color:#e7b0c4!important}
#haut #guides .guide-programme .clist h4{font-weight:500;font-size:16px}
.tablet{max-width:330px;border-radius:25px;box-shadow:12px 28px 40px -18px #73433355,inset -3px 0 0 #e6e3e5}
@media(max-width:800px){#haut #guides .gcard{padding:28px 8px!important}#haut #guides .gcard:nth-child(2){padding:30px 22px!important}#haut #guides .guide-overview h3{font-size:58px}.tablet{max-width:280px}}
#haut #guides{background:#f4e7dd!important}
#haut #guides .gcard:first-child{background:transparent!important}

/* Respiration après Qui suis-je ; Révélation conserve son fond violet. */
#haut #guides{background:#fffaf6!important}
#haut #guides .gcard:nth-child(2) .programme-common{font:600 16px/1.65 var(--body);margin:20px 0 6px}
#haut #guides .gcard:nth-child(2) .programme-plus .n{font-size:20px;opacity:1;line-height:1}
/* Tablette à gauche, texte à droite ; navigation par trois points. */
#haut #guides .guide-preview{grid-column:1;grid-row:1}
#haut #guides .guide-overview{grid-column:2;grid-row:1}
.preview-controls{display:flex;flex-direction:column;gap:12px;margin-top:26px}
.preview-position{min-width:0;font-weight:500;font-size:12px}
.preview-dots{display:flex;gap:7px;align-items:center;justify-content:center}
.preview-controls .preview-dot{position:relative;width:24px;height:24px;border:0;border-radius:50%;padding:0;transform:none;background:transparent;font-size:0}
.preview-dot::after{content:'';position:absolute;width:6px;height:6px;left:9px;top:9px;border-radius:50%;background:currentColor;opacity:.25;transition:opacity .25s,transform .25s}
.preview-dot[aria-pressed="true"]::after{opacity:1;transform:scale(1.4)}
.preview-controls .preview-dot:hover{transform:none}
.preview-dot:hover::after{opacity:.7}
@media(max-width:800px){#haut #guides .guide-overview{grid-column:1;grid-row:1}#haut #guides .guide-preview{grid-column:1;grid-row:2}}
/* Détails de signature : éditions en filigrane et étoile MAGNIVIAE. */
#haut #guides .guide-title{position:relative;isolation:isolate}
#haut #guides .guide-watermark{position:absolute;z-index:-1;right:8px;top:-95px;color:#d9a17f;opacity:.19;font:500 220px/.9 var(--display);letter-spacing:-.07em;pointer-events:none;user-select:none}
#haut #guides .gcard:nth-child(2) .guide-watermark{color:#efb2cf;opacity:.14}
#haut #guides .guide-title h3{display:flex;align-items:center;gap:17px;position:relative}
.guide-star{width:23px;height:23px;flex:none;color:#bc6d8d;animation:guide-star-shimmer 9s ease-in-out infinite}
#haut #guides .gcard:nth-child(2) .guide-star{color:#efbbcf;animation-delay:-4s}
@keyframes guide-star-shimmer{0%,78%,100%{opacity:.7;transform:scale(.9) rotate(0)}85%{opacity:1;transform:scale(1.12) rotate(12deg)}92%{opacity:.85;transform:scale(1) rotate(0)}}
#haut #guides .guide-benefits{display:flex;flex-direction:column;gap:15px;list-style:none;padding:0;margin:0 0 8px}
#haut #guides .guide-benefits li{font:400 13px/1.65 var(--body);color:#eee0e7;position:relative;padding-left:17px}
#haut #guides .guide-benefits li::before{content:'';position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:#e7b0c4}
#haut #guides .guide-benefits strong{font-weight:700;color:#fff5ee}
#haut #guides .gcard:nth-child(2) .gp-intro{max-width:none;font-size:14px}
.guide-programme.is-animating{overflow:hidden}
@media(max-width:800px){#haut #guides .guide-watermark{font-size:165px;top:-67px;right:0}#haut #guides .guide-title h3{gap:12px}.guide-star{width:19px;height:19px}#haut #guides .guide-benefits li{font-size:13px}}
@media(prefers-reduced-motion:reduce){.guide-star{animation:none}}

/* Révélation : trois bénéfices brefs, sans filigranes. */
#haut #guides .guide-watermark{display:none!important}
#haut #guides .guide-benefits{gap:0;margin:2px 0 8px;border-top:1px solid #efd5e224}
#haut #guides .guide-benefits li{padding:12px 0;font:500 15px/1.5 var(--body);border-bottom:1px solid #efd5e224;color:#fff5ee}
#haut #guides .guide-benefits li::before{display:none}
#haut #guides .gcard:nth-child(2) .gp-intro{font-size:15px;line-height:1.7}

/* Essai collection : un fond commun, deux lignes ouvertes. */
#haut #guides{background:#38283e!important;color:#fff3e8;padding-top:70px;padding-bottom:80px}
#haut #guides .head h2,#haut #guides .head h2 span{color:#fff3e8!important}
#haut #guides .head h2 em,#haut #guides .head h2 em span{color:#efb7bf!important}
#haut #guides .head .eyebrow{color:#efb7bf!important}
#haut #guides .head .lede{color:#e4d3da!important}
#haut #guides .chooser{background:none!important;box-shadow:none!important;border:0!important;padding:0!important}
#haut #guides .gcards{gap:0;padding-top:54px}
#haut #guides .gcard,#haut #guides .gcard:nth-child(2){position:relative;display:grid;grid-template-columns:40% minmax(0,1fr);gap:64px;align-items:center;padding:30px 0 60px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;overflow:visible;color:#fff3e8}
#haut #guides .gcard:nth-child(2){border-top:1px solid #bd648480!important;padding-top:70px!important;padding-bottom:0!important}
#haut #guides .gcard::before,#haut #guides .gcard::after,#haut #guides .guide-preview::before{display:none!important}
#haut #guides .guide-overview{padding:0!important;background:transparent!important;border:0!important;gap:17px}
#haut #guides .guide-overview .num{font:700 10px/1.5 var(--body);letter-spacing:.2em;color:#eeb2c7!important}
#haut #guides .guide-overview h3{color:#fff3e8!important;font-size:clamp(56px,6vw,78px);font-weight:500;margin:0;line-height:1.05}
#haut #guides .guide-title h3{gap:20px}
#haut #guides .guide-star{color:#e7a7bd!important;width:23px;height:23px}
#haut #guides .guide-overview .gp-intro{color:#e4d3da!important;font:400 15px/1.7 var(--body);margin:0;max-width:460px}
#haut #guides .guide-overview .tags{order:8;margin:0;gap:12px;opacity:.8;flex-wrap:wrap}
#haut #guides .guide-overview .tags li{font-size:10px;color:#e4d3da!important}
#haut #guides .guide-scope{padding:0;margin:3px 0}
#haut #guides .scope-label{font:800 10px/1.5 var(--body);letter-spacing:.12em;color:#efb7bf!important}
#haut #guides .guide-scope p,#haut #guides .guide-extras p{font:400 14px/1.7 var(--body);margin:6px 0 0;color:#fff3e8!important}
#haut #guides .guide-extras{border-left:2px solid #cf799b;padding-left:18px}
#haut #guides .guide-extras p span{color:#e9a3c1;padding:0 6px;font-weight:800}
#haut #guides .gp-buy{padding:0;margin:4px 0 0;gap:25px}
#haut #guides .gp-buy .price{color:#fff3e8!important;font-size:44px}
#haut #guides .gp-buy .btn{background:#ebbd9e!important;color:#38283e!important;border-color:#ebbd9e!important;font-size:12px;padding:14px 24px}
#haut #guides .gp-buy .btn:hover{background:#f6d0b8!important}
#haut #guides .guide-programme{border-top:1px solid #e7b4cc40;padding-top:14px;margin:0;color:#fff3e8}
#haut #guides .guide-programme summary{font-size:11px;letter-spacing:.06em}
#haut #guides .guide-programme .clist h4,#haut #guides .guide-programme .n{color:#fff3e8!important}
#haut #guides .guide-programme .programme-common{color:#fff3e8!important}
#haut #guides .guide-preview{padding:0;transform:none;align-self:center}
#haut #guides .tablet{max-width:330px;box-shadow:10px 25px 35px -10px #160e2480}
#haut #guides .preview-controls{gap:5px;margin-top:20px;color:#f4e3e9!important}
#haut #guides .preview-caption,#haut #guides .preview-dot,#haut #guides .preview-note{color:#f4e3e9!important}
#haut #guides .preview-note{max-width:280px;margin:5px auto 0;font-size:10px;line-height:1.7;opacity:.75}
@media(max-width:800px){
#haut #guides{padding-top:50px;padding-bottom:55px}
#haut #guides .gcards{padding-top:30px}
#haut #guides .gcard,#haut #guides .gcard:nth-child(2){grid-template-columns:minmax(0,1fr);gap:28px;padding:10px 0 45px!important}
#haut #guides .gcard:nth-child(2){padding:45px 0 0!important}
#haut #guides .guide-preview{grid-column:1;grid-row:1;max-width:320px;justify-self:center}
#haut #guides .guide-overview{grid-column:1;grid-row:2}
#haut #guides .tablet{max-width:260px}
#haut #guides .guide-overview h3{font-size:58px}
}
#haut #guides .gcard:first-child .guide-overview h3,#haut #guides .gcard:nth-child(2) .guide-overview h3,#haut #guides .gcard .guide-overview .gp-intro,#haut #guides .gcard .guide-scope p,#haut #guides .gcard .guide-extras p,#haut #guides .gcard .gp-buy .price{color:#fff3e8!important}
#haut #guides .gcard .guide-overview .num,#haut #guides .gcard .guide-overview .tags li{color:#eeb2c7!important}
#haut #guides .gcard .guide-preview .preview-note{color:#f4e3e9!important}
html #haut #guides .gcard:first-child .guide-overview .num,html #haut #guides .gcard:first-child .guide-overview .tags li{color:#eeb2c7!important}
html #haut #guides .gcard:first-child .guide-overview .guide-scope p,html #haut #guides .gcard:nth-child(2) .guide-overview .guide-scope p,html #haut #guides .gcard:nth-child(2) .guide-overview .guide-extras p{color:#fff3e8!important}
html #haut #guides .gcard:first-child .guide-programme .clist h4,html #haut #guides .gcard:first-child .guide-programme .clist .n{color:#fff3e8!important}
/* Liens BodyGraph : blanc, sans pastille de fond. */
html body header .navr a.btn[href="#bodygraph"],html body #haut .finalsec .actions a.btn[href="#bodygraph"],html body header .mobile-bodygraph a[href="#bodygraph"]{color:#fff!important;background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important}
html body header .navr a.btn[href="#bodygraph"]::before,html body header .navr a.btn[href="#bodygraph"]::after,html body #haut .finalsec .actions a.btn[href="#bodygraph"]::before,html body #haut .finalsec .actions a.btn[href="#bodygraph"]::after{background:none!important;box-shadow:none!important}
html body header .navr a.btn[href="#bodygraph"]:hover,html body #haut .finalsec .actions a.btn[href="#bodygraph"]:hover{text-decoration:none;color:#fff!important;background:transparent!important}
html body #haut .finalsec .actions a.btn[href="#bodygraph"] .arr{color:#fff!important}
/* Contour blanc arrondi, conformément aux autres boutons. */
html body header .navr a.btn[href="#bodygraph"],html body #haut .finalsec .actions a.btn[href="#bodygraph"]{border:1px solid #fff!important;border-radius:999px!important;background:transparent!important;color:#fff!important}
/* Couleur d'origine de la lune, indépendante des liens BodyGraph. */
html body header #moonph{color:#E8B69D!important}
html:root[data-palette3] body header .nav .navr a.btn[href="#bodygraph"],html:root[data-palette3] body #haut .finalsec .actions a.btn[href="#bodygraph"]{color:#fff!important;background:transparent!important;border:1px solid #fff!important;border-radius:999px!important;box-shadow:none!important}

/* Différenciation des offres : strictement limitée au bloc Guides. */
#haut #guides .guide-outcomes,#haut #guides .guide-additions{list-style:none;margin:12px 0 0;padding:0}
#haut #guides .guide-outcomes li{position:relative;padding:7px 0 7px 20px;font:400 15px/1.55 var(--body);color:#fff3e8!important}
#haut #guides .guide-outcomes li::before{content:'';position:absolute;left:0;top:17px;width:5px;height:5px;border-radius:50%;background:#e8b69d}
#haut #guides .shared-foundation{border-left:2px solid #e8b69d;padding:2px 0 2px 16px;margin:2px 0 7px}
#haut #guides .shared-foundation .scope-label{color:#e8b69d!important}
#haut #guides .shared-foundation p{font-size:13px!important;line-height:1.65!important}
#haut #guides .shared-foundation strong{font-weight:700}
#haut #guides .guide-extras{border:0;padding:0}
#haut #guides .guide-extras>.scope-label{font-size:12px;letter-spacing:.09em}
#haut #guides .guide-additions{margin-top:10px}
#haut #guides .guide-additions li{display:flex;align-items:baseline;gap:13px;padding:9px 0;border-bottom:1px solid #e9a8c024;font:500 15px/1.45 var(--body);color:#fff3e8!important}
#haut #guides .guide-additions li>span{font:400 22px/1 var(--body);color:#e9a8c0;flex:none}
#haut #guides .gcard:nth-child(2) .guide-overview{gap:14px}
@media(max-width:800px){#haut #guides .guide-additions li,#haut #guides .guide-outcomes li{font-size:14px}}

/* Révélation seulement : compléments en composition ouverte, sans nouveau texte. */
#haut #guides .gcard:nth-child(2) .guide-additions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 30px;margin:23px 0 10px}
#haut #guides .gcard:nth-child(2) .guide-additions li{position:relative;display:block;min-width:0;padding:18px 4px 2px 0;border:0;font:500 25px/1.12 var(--display);letter-spacing:-.015em}
#haut #guides .gcard:nth-child(2) .guide-additions li::before{content:'';position:absolute;top:0;left:0;width:28px;height:2px;background:#df99b5}
#haut #guides .gcard:nth-child(2) .guide-additions li>span{position:absolute;top:-10px;left:33px;font:300 17px/1 var(--body);color:#df99b5}
#haut #guides .gcard:nth-child(2) .guide-additions li:nth-child(even){padding-left:18px;border-left:1px solid #e9a8c033}
#haut #guides .gcard:nth-child(2) .guide-additions li:nth-child(even)::before{left:18px}
#haut #guides .gcard:nth-child(2) .guide-additions li:nth-child(even)>span{left:51px}
@media(max-width:480px){#haut #guides .gcard:nth-child(2) .guide-additions{gap:23px 18px}#haut #guides .gcard:nth-child(2) .guide-additions li{font-size:23px}}

/* Lisibilité : uniquement les guides, sans changement des autres sections. */
#haut #guides .gcard:nth-child(2) .guide-additions li{font:600 17px/1.5 var(--body);letter-spacing:0}
#haut #guides .gcard .guide-overview .gp-intro{font-size:16px!important;line-height:1.7!important}
#haut #guides .guide-outcomes li{font-size:16px;line-height:1.6}
#haut #guides .gcard:nth-child(2) .shared-foundation p{font-size:15px!important;line-height:1.65!important}
#haut #guides .gcard .scope-label{font-size:12px!important;line-height:1.6}
#haut #guides .gcard .guide-overview .tags li{font-size:11px!important}
#haut #guides .gcard .guide-programme{border-top:0;margin:6px 0 0;padding:0}
#haut #guides .gcard .guide-programme summary{padding:15px 18px;border:1px solid #e9a8c08c;border-radius:9px;background:#e9a8c00d;font:700 14px/1.5 var(--body);letter-spacing:.01em;text-transform:none;color:#fff3e8;transition:background .2s,border-color .2s}
#haut #guides .gcard .guide-programme summary:hover{background:#e9a8c01c;border-color:#e9a8c0}
#haut #guides .gcard .guide-programme summary::after{font-size:24px;color:#efb7bf}
#haut #guides .gcard .guide-programme summary:focus-visible{outline:2px solid #efb7bf;outline-offset:4px}
#haut #guides .gcard .guide-programme .clist h4{font-size:16px!important}
@media(max-width:480px){#haut #guides .gcard:nth-child(2) .guide-additions li{font-size:16px}#haut #guides .gcard .guide-programme summary{font-size:13px;padding:14px}}

/* Harmonisation des guides et programmes sous les tablettes. */
#haut #guides .gcard .preview-position{display:none}
#haut #guides .gcard .preview-note{font-size:11px;line-height:1.6;margin-top:5px}
#haut #guides .gcard,#haut #guides .gcard:nth-child(2){row-gap:28px}
#haut #guides .gcard>.guide-programme{grid-column:1/-1;grid-row:2;width:100%;margin:0}
#haut #guides .gcard>.guide-programme .guide-programme-body{border-left:2px solid #e8b69d;padding-left:24px;margin:22px 0 4px}
#haut #guides .gcard>.guide-programme .clist{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:column;grid-template-rows:repeat(3,auto);gap:4px 38px;margin:0}
#haut #guides .gcard>.guide-programme .programme-plus{grid-template-rows:repeat(2,auto)}
#haut #guides .gcard>.guide-programme .programme-common{margin:0 0 14px;font-size:15px}
html:root[data-palette3] body #haut #guides .gcard:first-child .gp-buy a.btn,html:root[data-palette3] body #haut #guides .gcard:nth-child(2) .gp-buy a.btn{background:#e8b69d!important;color:#2b1735!important;border:1px solid #e8b69d!important;box-shadow:none!important;opacity:1!important;padding:14px 24px;font:700 13px/1.5 var(--body);border-radius:999px}
html:root[data-palette3] body #haut #guides .gcard .gp-buy a.btn .arr{color:#2b1735!important}
@media(max-width:800px){#haut #guides .gcard>.guide-programme{grid-row:3}#haut #guides .gcard>.guide-programme .clist{gap:4px 20px}#haut #guides .gcard>.guide-programme .guide-programme-body{padding-left:15px}}
@media(max-width:480px){#haut #guides .gcard>.guide-programme .clist{column-gap:14px}#haut #guides .gcard>.guide-programme .clist li{grid-template-columns:18px minmax(0,1fr);gap:5px}#haut #guides .gcard>.guide-programme .clist h4{font-size:14px!important}}

/* Accès directs et programme affiné, dans les Guides uniquement. */
#haut #guides .guide-shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 0}
#haut #guides .guide-shortcuts a{display:inline-flex;align-items:center;gap:28px;padding:11px 20px;border:1px solid #e9a8c075;border-radius:999px;color:#fff3e8;background:transparent;text-decoration:none;font:600 14px/1.5 var(--body);transition:background .2s,border-color .2s}
#haut #guides .guide-shortcuts a span{color:#e8b69d;font-size:18px;line-height:1}
#haut #guides .guide-shortcuts a:hover{background:#e9a8c014;border-color:#e9a8c0}
#haut #guides .guide-shortcuts a:focus-visible{outline:2px solid #e8b69d;outline-offset:4px}
#haut #guides .gcard .guide-programme summary{padding:11px 0;border:0;border-top:1px solid #e9a8c05c;border-bottom:1px solid #e9a8c05c;border-radius:0;background:transparent;font-size:13px;font-weight:600}
#haut #guides .gcard .guide-programme summary:hover{background:transparent;border-color:#e9a8c0;color:#efb7bf}
#haut #guides .gcard .guide-programme summary::after{font-size:20px}
@media(max-width:480px){#haut #guides .guide-shortcuts{gap:10px}#haut #guides .guide-shortcuts a{gap:16px;padding:10px 16px;font-size:13px}}

/* Un seul sélecteur double, sans flèches. */
#haut #guides .guide-shortcuts{display:inline-flex;flex-wrap:nowrap;gap:0;border:1px solid #e9a8c080;border-radius:999px;padding:4px;max-width:100%;overflow:hidden}
#haut #guides .guide-shortcuts a{position:relative;display:flex;justify-content:center;border:0;border-radius:999px;padding:10px 25px;gap:0;font-size:14px}
#haut #guides .guide-shortcuts a+a::before{content:'';position:absolute;left:0;top:25%;height:50%;width:1px;background:#e9a8c060}
#haut #guides .guide-shortcuts a:hover{background:#e9a8c01c}
#haut #guides .guide-shortcuts a:focus-visible{outline-offset:-3px}
@media(max-width:480px){#haut #guides .guide-shortcuts a{padding:10px 20px;font-size:13px}}
#haut #guides .guide-shortcuts{width:max-content;align-self:flex-start;justify-self:start}
/* Animation du seul sélecteur de guides. */
#haut #guides .guide-shortcuts{position:relative;isolation:isolate;background:#ffffff05;border-color:#d9a9bd80}
#haut #guides .guide-shortcuts::before{content:'';position:absolute;z-index:-1;left:4px;top:4px;bottom:4px;width:var(--guide-pill-width,128px);transform:translateX(var(--guide-pill-x,0px));border-radius:999px;background:#e8b69d;box-shadow:0 2px 12px #160d201a;transition:transform .38s cubic-bezier(.22,.8,.3,1),width .38s cubic-bezier(.22,.8,.3,1)}
#haut #guides .guide-shortcuts a{transition:color .25s;min-height:42px}
#haut #guides .guide-shortcuts a+a::before{display:none}
#haut #guides .guide-shortcuts a:hover{background:transparent}
#haut #guides .guide-shortcuts a.pill-highlight{color:#2b1735!important}
@media(prefers-reduced-motion:reduce){#haut #guides .guide-shortcuts::before,#haut #guides .guide-shortcuts a{transition:none}}

/* Finition du bloc Guides uniquement : titre, rythme et étoile de séparation. */
#haut #guides .head{column-gap:54px;row-gap:18px;margin-bottom:0!important}
#haut #guides .head>.eyebrow{grid-column:1/-1;grid-row:1;margin:0}
#haut #guides .head>h2{grid-column:1;grid-row:2;margin:0!important}
#haut #guides .head>.guide-shortcuts{grid-column:1;grid-row:3;margin:0;align-self:start}
#haut #guides .head>.lede{grid-column:2;grid-row:2/4;align-self:center;margin:0!important}
#haut #guides .chooser{margin-top:0!important}
#haut #guides .gcards{padding-top:48px}
#haut #guides .gcard{padding-top:12px!important;padding-bottom:48px!important;row-gap:24px}
#haut #guides .gcard:nth-child(2){padding-top:48px!important;padding-bottom:0!important;row-gap:24px}
#haut #guides .gcard .guide-overview{gap:18px}
#haut #guides .gcard .gp-buy{margin:6px 0 0}
#haut #guides .gcard:nth-child(2)::before{display:block!important;content:'✦';position:absolute;top:-13px;left:calc(50% - 22px);width:44px;height:26px;z-index:1;background:#38283e;color:#e8b69d;text-align:center;font:400 23px/26px Georgia,serif;pointer-events:none}
@media(max-width:800px){
#haut #guides .head{grid-template-columns:minmax(0,1fr);row-gap:18px}
#haut #guides .head>h2{grid-column:1;grid-row:2}
#haut #guides .head>.lede{grid-column:1;grid-row:3}
#haut #guides .head>.guide-shortcuts{grid-column:1;grid-row:4}
#haut #guides .gcards{padding-top:36px}
#haut #guides .gcard{padding-bottom:38px!important}
#haut #guides .gcard:nth-child(2){padding-top:38px!important}
}
#haut #guides .gcard:nth-child(2)::before{border:0!important;border-radius:0!important;transform:none!important;box-shadow:none!important;animation:none!important;opacity:1!important}

/* Aperçus uniquement : mouvement plus ample et pages plus rapides. */
#haut #guides .guide-preview .tablet{animation-name:guide-tablet-float;animation-duration:5s;animation-timing-function:ease-in-out}
#haut #guides .gcard:nth-child(2) .guide-preview .tablet{animation-delay:-2.5s}
@keyframes guide-tablet-float{
0%,100%{transform:perspective(1400px) translateY(5px) rotateY(-9deg) rotateZ(-4deg)}
50%{transform:perspective(1400px) translateY(-19px) rotateY(2deg) rotateZ(1deg)}
}
#haut #guides .preview-page.is-entering{animation-duration:.45s}
@media(prefers-reduced-motion:reduce){#haut #guides .guide-preview .tablet{animation:none!important}}

/* Retours de lecture : blocs indépendants, programmes visibles et flottement doux. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 #haut #hd-s .hd-box{scale:1;transform-origin:center;transition:scale .5s cubic-bezier(.22,.61,.36,1)}
 #haut #hd-s .hd-box:hover{scale:1.035}
 #haut #hd-s .hd-box h3:hover{transform:none}
}
#haut #guides .gcard .guide-programme{border:0!important;padding-top:0}
#haut #guides .gcard .guide-programme summary{width:fit-content;max-width:100%;gap:24px;padding:10px 18px;border:0!important;border-radius:99px;background:#e8b69d;color:#302039;font:700 15px/1.5 var(--body);transition:background .25s,box-shadow .25s}
#haut #guides .gcard .guide-programme summary:hover{background:#f4cbb5;color:#302039;box-shadow:0 4px 18px #00000014}
#haut #guides .gcard .guide-programme summary::after{color:inherit;font-size:22px}
#haut #guides .guide-outcomes{margin-top:10px}
#haut #guides .guide-outcomes li{padding:7px 0 7px 18px;font-size:15px;line-height:1.55;color:#e9dfe8!important}
#haut #guides .guide-outcomes strong{display:block;font-weight:700;font-size:16px;color:#fff3e8;margin-bottom:2px}
#haut #guides .shared-foundation{border-left:3px solid #e8b69d;padding:14px 18px;background:#e8b69d12;border-radius:0 14px 14px 0}
#haut #guides .shared-foundation .scope-label{font-size:12px;letter-spacing:.08em}
#haut #guides .gcard:nth-child(2) .shared-foundation p{margin-top:10px!important;font-size:15px!important}
#haut #guides .shared-foundation strong{font-size:19px;line-height:1.45;color:#fff3e8;font-weight:700}
#haut #guides .guide-preview .tablet{animation-duration:7s;animation-timing-function:cubic-bezier(.37,0,.63,1)}
#haut #guides .gcard:nth-child(2) .guide-preview .tablet{animation-delay:-3.5s}
@keyframes guide-tablet-float{
 0%,100%{transform:perspective(1400px) translateY(5px) rotateY(-6deg) rotateZ(-3deg)}
 50%{transform:perspective(1400px) translateY(-19px) rotateY(-2deg) rotateZ(-1deg)}
}

/* Programme à côté du prix et parcours des deux guides. */
#haut #guides .gcard .guide-programme{margin:0;padding:0}
#haut #guides .gcard .guide-programme:not([open]){display:none}
#haut #guides .gcard .guide-programme summary{display:none}
#haut #guides .gp-buy{flex-wrap:wrap;column-gap:18px!important;row-gap:12px}
#haut #guides .programme-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 0;background:none;border:0;border-radius:0;color:#f1c5ae;font:700 14px/1.4 var(--body);cursor:pointer;white-space:nowrap;transition:color .2s}
#haut #guides .programme-trigger span{font-size:20px;font-weight:400}
#haut #guides .programme-trigger:hover{color:#fff3e8}
#haut #guides .programme-trigger:focus-visible{outline:2px solid #e8b69d;outline-offset:5px;border-radius:4px}
#haut #guides .shared-foundation{background:none;border-radius:0;padding:2px 0 2px 13px;border-left:2px solid #e8b69d}
#haut #guides .gcard:nth-child(2) .shared-foundation p{margin:0!important;font-size:14px!important;line-height:1.6!important}
#haut #guides .shared-foundation strong{display:inline-block;margin-bottom:3px;color:#f1c5ae;font-size:18px}
#haut #guides .head>.lede{grid-row:2}
#haut #guides .guide-shortcuts{position:sticky;top:98px;z-index:20;margin-top:18px;background:#38283ef5;box-shadow:0 8px 24px #21142730;backdrop-filter:blur(12px)}
#haut #guides .gcard{scroll-margin-top:175px}
@media(max-width:800px){#haut #guides .head>.lede{grid-row:3}#haut #guides .guide-shortcuts{top:88px}}
@media(max-width:480px){#haut #guides .gp-buy{column-gap:14px!important}#haut #guides .programme-trigger{font-size:13px}#haut #guides .gp-buy .btn{padding:12px 16px}}

/* Une barre dédiée au parcours, plutôt qu’une pastille flottant sur les pages. */
#haut #guides .guide-navigation-bar{position:sticky;top:84px;z-index:20;margin-top:18px;padding:10px 0;background:#38283e;isolation:isolate}
#haut #guides .guide-navigation-bar::before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);background:#38283e;z-index:-1;border-bottom:1px solid #e8b69d24}
#haut #guides .guide-navigation-bar .guide-shortcuts{position:relative;top:auto;margin:0;background:#38283e;box-shadow:none;backdrop-filter:none}
#haut #guides .guide-outcomes li{padding-top:5px;padding-bottom:5px}
#haut #guides .guide-outcomes strong{margin-bottom:0}
#haut #guides .guide-outcomes{margin-top:8px}
@media(max-width:800px){#haut #guides .guide-navigation-bar{top:74px}}

/* Essai : titre conservé à sa taille actuelle et choix des guides à droite. */
#haut #guides .head.guide-navigation-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:32px;row-gap:12px;margin-top:0;padding:16px 0 20px}
#haut #guides .head.guide-navigation-bar>.eyebrow{grid-column:1;grid-row:1}
#haut #guides .head.guide-navigation-bar>h2{grid-column:1;grid-row:2}
#haut #guides .head.guide-navigation-bar>.guide-shortcuts{grid-column:2;grid-row:2;align-self:center;justify-self:end}
@media(max-width:800px){
 #haut #guides .head.guide-navigation-bar{grid-template-columns:minmax(0,1fr);row-gap:10px;padding:12px 0 16px}
 #haut #guides .head.guide-navigation-bar>.guide-shortcuts{grid-column:1;grid-row:3;justify-self:start}
}

/* Espacements harmonisés uniquement : arrivée des guides et ligne de choix. */
#haut #guides .gcards{padding-top:0}
#haut #guides .gcard,#haut #guides .gcard:nth-child(2){padding-top:52px!important}
#haut #guides .gcard .gp-buy{margin-top:26px;padding:0;column-gap:32px!important;row-gap:18px}
@media(max-width:800px){
 #haut #guides .gcard,#haut #guides .gcard:nth-child(2){padding-top:36px!important}
 #haut #guides .gcard .gp-buy{margin-top:22px;column-gap:28px!important}
}
@media(max-width:480px){#haut #guides .gcard .gp-buy{column-gap:20px!important;row-gap:18px}}

/* Prix et personnalisation seuls : espace commun aux deux guides. */
#haut #guides .gcard .gp-buy{margin-top:22px;column-gap:30px!important;row-gap:16px}
@media(max-width:480px){#haut #guides .gcard .gp-buy{margin-top:20px;column-gap:26px!important}}

/* Précisions courtes des compléments de Révélation. */
#haut #guides #guide-revelation .guide-additions li small{display:block;margin-top:7px;font:400 14px/1.55 var(--body);letter-spacing:0;color:#e9dfe8}

/* Découverte : les thèmes en lecture continue, sans liste de chapitres. */
#haut #guides #guide-decouverte .discovery-themes{margin-top:14px;max-width:470px}
#haut #guides #guide-decouverte .discovery-themes .discovery-intro{margin:0 0 12px;font:700 17px/1.5 var(--body);color:#fff3e8!important}
#haut #guides #guide-decouverte .discovery-themes .discovery-topics{margin:0;font:400 16px/1.85 var(--body);color:#e9dfe8!important;text-wrap:pretty}
#haut #guides #guide-decouverte .discovery-topics span{display:inline;padding:0 5px;color:#e8b69d}

/* Découverte : thèmes répartis en lignes, sans puces. */
#haut #guides #guide-decouverte .discovery-topics .theme-line{display:block;padding:0;color:inherit;text-wrap:balance}
#haut #guides #guide-decouverte .discovery-topics .theme-line+.theme-line{margin-top:5px}

/* Révélation : même lecture sobre que Découverte, avec les compléments distincts. */
#haut #guides #guide-revelation .revelation-themes{border:0;padding:0}
#haut #guides #guide-revelation .revelation-theme-lines{margin-top:14px;display:grid;gap:13px}
#haut #guides #guide-revelation .revelation-theme-lines p{margin:0;font:400 16px/1.65 var(--body);color:#e9dfe8!important}
#haut #guides #guide-revelation .revelation-theme-lines strong{display:block;font:700 17px/1.5 var(--body);color:#fff3e8}
#haut #guides #guide-revelation .revelation-theme-lines small{display:block;margin-top:2px;font:400 15px/1.6 var(--body);color:#e9dfe8}

/* Accent discret sur le mot Bonus uniquement. */
#haut #guides #guide-revelation .revelation-theme-lines .guide-bonus-label{color:#e8b69d;font-weight:800}

/* Mobile uniquement : le titre sort de l’écran avant que le sélecteur se fixe. */
@media(max-width:800px){#haut #guides .head.guide-navigation-bar{top:calc(74px - var(--guide-title-scroll,92px))}}