@import url("/guide/referentiel/composants.css");
/* Fiches « Où · Quoi · Quand » des découvertes (livraison design du 30/09/2026, 23 h) : expériences et pépites.
   Décision de Mehdi (1er/10) : « Maquette partout ». Valeurs reprises à l’identique des maquettes Sebeiba.dc.html,
   Nuit-Tassili.dc.html et Tin-Merzouga.dc.html (styles en ligne et valeurs L du mode Ordinateur ; mode Mobile sous
   720 px). Les unités cqi se rapportent à .fiche (container-type:inline-size).
   Règles propres (classes decouverte-*) : fiche.css ne fournit ici que les jetons et la remise à zéro de .fiche, le
   bandeau « L’essentiel » et la barre d’ancres. fiche-geo et fiche-trip-figure, gardées pour les vérificateurs, sont
   entièrement redéfinies ici. */

.decouverte{--decouverte-serif:var(--serif,'Cormorant Garamond',Georgia,serif);line-height:normal}
.decouverte section[id]{scroll-margin-top:116px}
@keyframes decouverte-rise{from{transform:translateY(18px)}to{transform:none}}
.decouverte .decouverte-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Navigation transparente sur la photo : les accès membre (compte, voyage) suivent la couleur de la barre,
   blanche sur la photo, encre une fois la barre blanche. Sans cela, leurs icônes sombres disparaissent sur un héros sombre. */
body:has(.decouverte-hero) [data-da-nav] .member-header-controls{--member-ink:currentColor}
body:has(.decouverte-hero) [data-da-nav] .member-header-button:hover{background:color-mix(in srgb,currentColor 14%,transparent)}
body:has(.decouverte-hero) [data-da-nav] .member-header-count{color:#102733}

/* Têtes de section : surtitre 11 px safran foncé (safran sur fond nuit), titre Cormorant 34 → 56 px. */
.decouverte .decouverte-overline{margin:0;font-family:Poppins,system-ui,sans-serif;line-height:normal;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#B26A00}
.decouverte .decouverte-date .decouverte-overline,.decouverte .decouverte-ou .decouverte-overline{color:#F6A72D}
.decouverte .decouverte-h2{margin:0;font-family:var(--decouverte-serif);font-weight:700;font-size:clamp(34px,3.8cqi,56px);line-height:.98;letter-spacing:-.03em;text-wrap:balance}
.decouverte .decouverte-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 24px;margin-bottom:clamp(24px,3cqi,40px)}
.decouverte .decouverte-head>div{display:flex;flex-direction:column;gap:8px}
.decouverte .decouverte-intro{margin:0;font-size:13.5px;line-height:1.7;color:#50626b;max-width:440px}

/* Héros de l’expérience : photo plein cadre et voile de la maquette ; fil d’Ariane en haut, surtitre, titre et chapô
   en bas à gauche. Le héros grandit avec son texte (108 px de navigation + marge en haut). */
.decouverte .decouverte-hero{position:relative;background:#0F1C24;color:#FFF;overflow:hidden;padding:calc(108px + clamp(28px,3.4cqi,52px)) var(--gut) clamp(36px,4.4cqi,64px);min-height:clamp(600px,84vh,900px);display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.decouverte .decouverte-hero>img,.decouverte .decouverte-hero-open{position:absolute;inset:0;width:100%;height:100%}
.decouverte .decouverte-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.decouverte .decouverte-hero-open{padding:0;cursor:zoom-in}
.decouverte .decouverte-hero-veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(15,28,36,.55) 0%,rgba(15,28,36,.15) 38%,rgba(15,28,36,.35) 62%,rgba(15,28,36,.9) 100%)}
.decouverte .decouverte-crumbs{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;white-space:nowrap;font-size:11.5px;color:rgba(255,255,255,.7)}
.decouverte .decouverte-crumbs a{color:rgba(255,255,255,.7)}
.decouverte .decouverte-crumbs a:hover{color:#FFF}
.decouverte .decouverte-crumbs [aria-hidden]{opacity:.45}
.decouverte .decouverte-crumbs [aria-current]{color:rgba(255,255,255,.92);font-weight:500}
/* Halo sombre serré autour des lettres du surtitre et du fil : lisibles sur un ciel clair, invisible sur la photo sombre. */
.decouverte .decouverte-kicker,.decouverte .decouverte-crumbs{text-shadow:0 0 1px rgba(11,16,22,1),0 0 3px rgba(11,16,22,.9),0 0 10px rgba(11,16,22,.6)}
.decouverte .decouverte-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4cqi,72px);align-items:end}
.decouverte .decouverte-hero-copy{display:flex;flex-direction:column;gap:18px;min-width:0;animation:decouverte-rise .6s ease both}
.decouverte .decouverte-kicker{margin:0;font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#F6A72D}
.decouverte .decouverte-h1{margin:0;font-family:var(--decouverte-serif);font-weight:700;font-size:clamp(64px,10.4cqi,152px);line-height:.86;letter-spacing:-.05em;text-wrap:balance;text-shadow:0 2px 40px rgba(0,0,0,.35);overflow-wrap:break-word}
.decouverte .decouverte-h1 em{font-style:italic;font-weight:700;color:#F6A72D}
.decouverte .decouverte-chapo{margin:0;font-family:var(--decouverte-serif);font-style:italic;font-weight:700;font-size:clamp(22px,2.2cqi,32px);line-height:1.15;max-width:640px;color:rgba(255,255,255,.95);text-wrap:pretty}

/* Héros de la pépite : fond #0b1016, voile de la maquette ; fil d’Ariane, surtitre, titre et chapô en bas à gauche. */
.decouverte .decouverte-hero.is-pepite{background:#0b1016;padding:0;min-height:clamp(620px,86vh,940px);justify-content:flex-end;gap:0}
.decouverte .decouverte-hero.is-pepite img{object-position:50% 55%}
.decouverte .decouverte-hero.is-pepite .decouverte-hero-veil{background:linear-gradient(180deg,rgba(11,16,22,.35) 0%,rgba(11,16,22,0) 30%,rgba(11,16,22,.2) 55%,rgba(11,16,22,.92) 100%)}
.decouverte .decouverte-pep-grid{position:relative;padding:clamp(120px,18cqi,220px) var(--gut) clamp(28px,3.4cqi,52px);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4cqi,64px);align-items:end;pointer-events:none}
.decouverte .decouverte-pep-grid .decouverte-hero-copy{gap:14px;pointer-events:auto}
.decouverte .is-pepite .decouverte-h1{font-size:clamp(52px,7.6cqi,116px);line-height:.88;letter-spacing:-.045em;text-shadow:0 2px 40px rgba(0,0,0,.4)}
.decouverte .is-pepite .decouverte-chapo{font-size:clamp(20px,2cqi,30px);line-height:1.2;max-width:600px}

/* Barre d’ancres : « Voir mes envies » (liste d’envies) à droite, masqué tant que la liste est vide : un bouton, qui
   reprend la forme des liens de la barre. */
.decouverte .decouverte-count{margin-left:auto;display:inline-flex!important;align-items:center;flex:0 0 auto;gap:8px;height:44px;padding:0;border:0;border-bottom:2px solid transparent;background:none;color:#0b0c0d!important;font:inherit;font-weight:600;white-space:nowrap;cursor:pointer}
.decouverte .decouverte-count[hidden]{display:none!important}
.decouverte .decouverte-count svg{width:14px;height:14px;fill:#F6A72D;stroke:#0b0c0d;stroke-width:1.6;stroke-linejoin:round}

/* Récit de l’expérience : colonne gauche collante (1 fr), texte à droite (2,2 fr, 760 px au plus). */
.decouverte .decouverte-recit{padding:clamp(56px,7cqi,112px) var(--gut) clamp(40px,5cqi,80px)}
.decouverte .decouverte-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:clamp(28px,4cqi,72px);align-items:start}
.decouverte .decouverte-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:132px}
.decouverte .decouverte-side-text{margin:0;font-size:13.5px;line-height:1.75;color:#50626b;max-width:300px}
.decouverte .decouverte-recit-body{display:flex;flex-direction:column;gap:clamp(28px,3cqi,44px);min-width:0;max-width:760px}
.decouverte .decouverte-lead{margin:0;font-family:var(--decouverte-serif);font-weight:500;font-size:clamp(24px,2.2cqi,32px);line-height:1.35;color:#193342;text-wrap:pretty}
/* Tête du récit : l'introduction et les puces du catalogue tiennent ensemble, hors du rythme des parties. */
.decouverte .decouverte-recit-tete{display:flex;flex-direction:column;gap:14px;min-width:0}
.decouverte .decouverte-part{display:flex;flex-direction:column;gap:10px}
.decouverte .decouverte-part h3{margin:0;font-family:var(--decouverte-serif);font-style:italic;font-weight:700;font-size:clamp(30px,3cqi,42px);line-height:1.05;letter-spacing:normal}
.decouverte .decouverte-part p{margin:0;font-size:15.5px;line-height:1.85;color:#1d2a31;text-wrap:pretty}

/* Bande photo pleine largeur (une vue, légende de la scène en bas à gauche) ; elle ouvre la visionneuse. */
.decouverte .decouverte-band{position:relative;height:clamp(360px,44vh,560px);margin:0;background:#1d2a31;overflow:hidden}
.decouverte .decouverte-band-open{position:absolute;inset:0;width:100%;height:100%;padding:0;cursor:zoom-in}
.decouverte .decouverte-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.decouverte .decouverte-band figcaption{position:absolute;left:var(--gut);right:var(--gut);bottom:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,.9);text-shadow:0 1px 8px rgba(0,0,0,.6);pointer-events:none}

/* Quand de l’expérience (fond nuit) : période en grand titre safran, frise des douze mois ; encadré et lignes à droite. */
.decouverte .decouverte-date{background:#0F1C24;color:#FFF;padding:clamp(56px,7cqi,112px) var(--gut)}
.decouverte .decouverte-date-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(32px,5cqi,96px);align-items:start}
.decouverte .decouverte-date-main{display:flex;flex-direction:column;gap:20px;min-width:0}
.decouverte .decouverte-date-title{margin:0;font-family:var(--decouverte-serif);font-style:italic;font-weight:700;font-size:clamp(56px,7cqi,112px);line-height:.9;letter-spacing:-.035em;color:#F6A72D;text-wrap:balance}
.decouverte .decouverte-date-text{margin:0;font-size:15px;line-height:1.8;color:rgba(255,255,255,.92);max-width:56ch}
.decouverte .decouverte-strip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;padding-top:6px}
.decouverte .decouverte-strip>div{display:flex;flex-direction:column;gap:8px;min-width:0}
.decouverte .decouverte-strip i{display:block;height:36px;border:1.5px dashed rgba(255,255,255,.35)}
.decouverte .decouverte-strip i.is-on{background:#F6A72D;border:1.5px solid #F6A72D}
.decouverte .decouverte-strip b{font-size:11.5px;font-weight:600;text-align:center;color:rgba(255,255,255,.6)}
.decouverte .decouverte-strip.is-moving b{color:rgba(255,255,255,.7)}
.decouverte .decouverte-strip b.is-on{color:#FFF}
.decouverte .decouverte-strip-note{margin:0;font-size:11.5px;color:rgba(255,255,255,.7)}
.decouverte .decouverte-date-aside{display:flex;flex-direction:column;gap:14px;min-width:0;padding-top:clamp(0px,3cqi,44px)}
.decouverte .decouverte-date-box{border:1px solid rgba(255,255,255,.3);padding:clamp(20px,2.4cqi,30px);display:flex;flex-direction:column;gap:14px}
.decouverte .decouverte-date-box b{font-family:var(--decouverte-serif);font-weight:700;font-size:26px;line-height:1.05}
.decouverte .decouverte-date-box p{margin:0;font-size:14px;line-height:1.75;color:rgba(255,255,255,.88)}
.decouverte .decouverte-rows{display:flex;flex-direction:column;gap:14px;margin:0}
.decouverte .decouverte-rows>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:baseline;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.decouverte .decouverte-rows dt{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6);white-space:nowrap}
.decouverte .decouverte-rows dd{margin:0;font-size:14px;color:#FFF}
.decouverte a.decouverte-up{display:inline-block;font-size:12.5px;font-weight:600;border-bottom:1px solid currentColor;color:#FFF}
.decouverte a.decouverte-up:hover{color:#F6A72D}
.decouverte .decouverte-up span{color:#F6A72D}

/* À savoir de l’expérience (fond papier) : repères de la fiche en cartes blanches, puis repères hérités par page. */
.decouverte .decouverte-savoir{background:#F5F6F2;padding:clamp(56px,7cqi,112px) var(--gut)}
.decouverte .decouverte-savoir-body{display:flex;flex-direction:column;gap:clamp(24px,3cqi,40px);min-width:0}
.decouverte .decouverte-own{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.decouverte .decouverte-own article{background:#FFF;border-top:2px solid #0b0c0d;padding:clamp(20px,2.4cqi,30px);display:flex;flex-direction:column;gap:10px;min-height:220px}
.decouverte .decouverte-own h3{margin:0;font-family:var(--decouverte-serif);font-weight:700;font-size:30px;line-height:1;letter-spacing:normal}
.decouverte .decouverte-own p{margin:0;flex:1;font-size:14.5px;line-height:1.75;color:#1d2a31}
.decouverte .decouverte-own small{font-size:11.5px;color:#556d76}
.decouverte .decouverte-inh{display:flex;flex-direction:column;border-bottom:1px solid #C8D1D8}
.decouverte .decouverte-inh>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:8px 24px;padding:16px 0;border-top:1px solid #C8D1D8}
.decouverte .decouverte-inh-level{margin:0;padding-top:3px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#556d76}
.decouverte .decouverte-inh-items{display:flex;flex-direction:column;gap:8px}
.decouverte .decouverte-inh-item{display:flex;flex-direction:column;gap:3px}
.decouverte .decouverte-inh-item h3{margin:0;font-family:Poppins,system-ui,sans-serif;font-size:13.5px;font-weight:600;line-height:normal;letter-spacing:0}
.decouverte .decouverte-inh-item p{margin:0;font-size:13.5px;line-height:1.7;color:#33434b}
.decouverte .decouverte-inh-item small{font-size:11.5px;color:#556d76}

/* Y aller : carte de voyage large (photo et pastille à gauche, texte à droite) ou appel au Composer. */
.decouverte .decouverte-yaller{padding:clamp(56px,7cqi,112px) var(--gut)}
.decouverte .decouverte-yaller.is-pepite{padding:clamp(56px,7cqi,104px) var(--gut) clamp(64px,8cqi,120px)}
/* Pépite : « Y aller » colle à « À savoir », comme dans la maquette (padding haut nul, tête à 20 → 32 px de la carte). */
.decouverte .decouverte-savoir-row+.decouverte-yaller.is-pepite{padding-top:0}
.decouverte .decouverte-yaller.is-pepite .decouverte-head{margin-bottom:clamp(20px,2.4cqi,32px)}
.decouverte .decouverte-trip{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));background:#FFF;border:1px solid #D5DCDD}
.decouverte .decouverte-trip+.decouverte-trip{margin-top:20px}
.decouverte .decouverte-trip-figure{position:relative;display:block;min-height:320px;overflow:hidden;background:#1d2a31}
.decouverte .is-pepite .decouverte-trip-figure{min-height:300px}
.decouverte .decouverte-trip-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.decouverte .decouverte-badge{position:absolute;left:18px;top:18px;padding:6px 11px;background:#F6A72D;color:#0b0c0d;font-size:12px;font-weight:600;white-space:nowrap}
.decouverte .decouverte-trip-copy{padding:clamp(24px,3.4cqi,48px);display:flex;flex-direction:column;gap:14px;min-width:0}
.decouverte .decouverte-trip-k{margin:0;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#B26A00}
.decouverte .decouverte-trip-t{margin:0;font-family:var(--decouverte-serif);font-weight:700;font-size:clamp(36px,3.6cqi,52px);line-height:.96;letter-spacing:-.03em}
.decouverte .decouverte-trip-t span{font-family:Poppins,system-ui,sans-serif;font-size:14px;font-weight:600;color:#B26A00}
.decouverte .decouverte-trip-x{margin:0;font-size:14px;line-height:1.75;color:#33434b;max-width:60ch}
.decouverte .decouverte-trip-foot{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #D5DCDD}
.decouverte .decouverte-trip-foot>span{flex:1 1 200px;font-size:12.5px;color:#556d76}
.decouverte .decouverte-trip-foot>div{display:flex;align-items:center;gap:12px}
.decouverte .decouverte-trip-foot b{font-size:14px;font-weight:600}
.decouverte .decouverte-button{display:inline-flex;align-items:center;gap:8px;flex:none;white-space:nowrap;min-height:44px;padding:10px 16px;background:#0F1C24;color:#FFF;font-size:12.5px;font-weight:600}
.decouverte a.decouverte-button:hover{background:#193342;color:#FFF}
.decouverte .decouverte-compose{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;padding:clamp(24px,3.4cqi,48px);border:1px solid #D5DCDD}
.decouverte .decouverte-compose>div{display:flex;flex-direction:column;gap:8px;max-width:640px}

/* Tuiles photo de la maquette (« Autour », « Où la vivre », terrains de « Où ») : dégradé sombre en bas, surtitre
   safran, titre Cormorant et flèche, description ; aplat bleu nuit sans image. */
.decouverte .decouverte-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(14px,2cqi,24px)}
.decouverte .decouverte-tile{position:relative;display:block;min-height:360px;overflow:hidden;background:#1d2a31;color:#FFF}
.decouverte a.decouverte-tile,.decouverte a.decouverte-tile:hover{color:#FFF}
.decouverte .decouverte-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.decouverte a.decouverte-tile:hover img{transform:scale(1.03)}
.decouverte .decouverte-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,12,13,0) 40%,rgba(11,12,13,.72) 100%)}
.decouverte .decouverte-tile.is-flat{background:linear-gradient(160deg,#193342,#0F1C24)}
.decouverte .decouverte-tile.is-flat::after{display:none}
.decouverte .decouverte-tile-text{position:absolute;left:20px;right:20px;bottom:20px;z-index:1;display:flex;flex-direction:column;gap:6px}
.decouverte .decouverte-tile-k{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#F6A72D}
.decouverte .decouverte-tile-t{font-family:var(--decouverte-serif);font-weight:700;font-size:clamp(30px,2.8cqi,40px);line-height:.98;letter-spacing:-.025em;text-wrap:balance}
.decouverte .decouverte-tile-t small{font-family:Poppins,system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:0;color:#F6A72D}
.decouverte .decouverte-tile-x{font-size:13px;line-height:1.6;color:rgba(255,255,255,.9);max-width:60ch}

/* Autour de l’expérience : tête empilée (surtitre, titre), deux tuiles par rangée au moins de 320 px. */
.decouverte .decouverte-autour{padding:0 var(--gut) clamp(64px,8cqi,120px)}
.decouverte .decouverte-autour-head{display:flex;flex-direction:column;gap:8px;margin-bottom:clamp(24px,3cqi,40px)}
/* Les autres envies : même tuile, sous leur propre titre. */
.decouverte .decouverte-near{margin-top:clamp(40px,5cqi,72px)}
.decouverte .decouverte-autour-head+.decouverte-near{margin-top:0}
.decouverte .decouverte-near-title{margin:0 0 8px;font-family:var(--decouverte-serif);font-weight:700;font-size:clamp(30px,3cqi,42px);line-height:1;letter-spacing:-.02em}
.decouverte .decouverte-near .decouverte-intro{margin-bottom:clamp(20px,2.4cqi,28px)}
.decouverte .decouverte-near.is-dark .decouverte-intro{color:rgba(255,255,255,.85)}

/* Récit de la pépite : deux colonnes (400 px au moins), puces cernées d’encre, panneau du lieu sur fond papier. */
.decouverte .decouverte-point{padding:clamp(56px,7cqi,104px) var(--gut)}
.decouverte .decouverte-point-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(28px,4cqi,72px);align-items:start}
.decouverte .decouverte-point-copy{display:flex;flex-direction:column;gap:18px;min-width:0}
.decouverte .decouverte-point .decouverte-lead{font-size:clamp(22px,2cqi,28px);line-height:1.35}
.decouverte .decouverte-point .decouverte-part{margin-top:10px}
.decouverte .decouverte-chips{display:flex;flex-wrap:wrap;gap:8px}
.decouverte .decouverte-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid #0b0c0d;font-size:12px;font-weight:600;white-space:nowrap}
.decouverte a.decouverte-chip:hover{background:#0b0c0d;color:#FFF}
.decouverte .decouverte-panel{background:#F5F6F2;padding:clamp(24px,3cqi,40px);display:flex;flex-direction:column;gap:14px;min-width:0}
.decouverte .decouverte-panel-k{margin:0;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#556d76}
.decouverte .decouverte-panel h3{margin:0;font-family:var(--decouverte-serif);font-weight:700;font-size:clamp(28px,2.6cqi,36px);line-height:1;letter-spacing:-.02em}
.decouverte .decouverte-panel p:not(.decouverte-panel-k){margin:0;font-size:15px;line-height:1.85;color:#1d2a31;text-wrap:pretty}
.decouverte .decouverte-panel a{display:inline-flex;gap:6px;width:max-content;max-width:100%;white-space:nowrap;font-size:12.5px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:1px}

/* Où (pépite, fond nuit) : tête et échelle des lieux à gauche (0,9 fr), terrains à droite (1,5 fr). */
.decouverte .decouverte-ou{background:#0F1C24;color:#FFF;padding:clamp(56px,7cqi,104px) var(--gut)}
.decouverte .decouverte-ou-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:clamp(28px,4cqi,72px);align-items:start}
.decouverte .decouverte-ou-head{display:flex;flex-direction:column;gap:22px;min-width:0}
.decouverte .decouverte-ou-text{margin:0;font-size:14px;line-height:1.75;color:rgba(255,255,255,.85);max-width:40ch}
.decouverte .decouverte-ladder{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.decouverte .decouverte-ladder li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:14px;align-items:start}
.decouverte .decouverte-ladder-mark{display:flex;flex-direction:column;align-items:center;height:100%}
.decouverte .decouverte-ladder-mark i{display:block;width:8px;height:8px;margin-top:4px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7)}
.decouverte .decouverte-ladder li.is-current .decouverte-ladder-mark i{width:12px;height:12px;background:#F6A72D;border-color:#F6A72D}
.decouverte .decouverte-ladder-mark b{display:block;width:1px;flex:1;margin:4px 0;background:rgba(255,255,255,.35)}
.decouverte .decouverte-ladder-name{display:flex;flex-direction:column;gap:2px;padding-bottom:18px}
.decouverte .decouverte-ladder li:last-child .decouverte-ladder-name{padding-bottom:0}
.decouverte .decouverte-ladder-name a,.decouverte .decouverte-ladder-name>span{font-family:var(--decouverte-serif);font-weight:700;font-size:22px;line-height:1.05;color:#FFF}
.decouverte .decouverte-ladder-name a:hover{color:#F6A72D}
.decouverte .decouverte-ladder-name small{font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:600;color:#F6A72D}
.decouverte .decouverte-ladder-name [aria-current]{font-size:28px;line-height:1.02}
.decouverte .decouverte-terrains{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;min-width:0}
.decouverte .decouverte-terrains .decouverte-tile{min-height:320px}
.decouverte .decouverte-terrains .decouverte-tile::after{background:linear-gradient(180deg,rgba(11,12,13,0) 40%,rgba(11,12,13,.78) 100%)}
.decouverte .decouverte-terrains .decouverte-tile-t{font-size:clamp(28px,2.6cqi,38px)}
.decouverte .decouverte-terrains .decouverte-tile-x{max-width:none}
.decouverte .decouverte-terrains.is-wide{margin-top:clamp(32px,4cqi,56px)}
.decouverte .decouverte-ou .decouverte-near .decouverte-tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.decouverte .decouverte-ou .decouverte-near .decouverte-tile{min-height:320px}
.decouverte .decouverte-ou .decouverte-near .decouverte-tile-t{font-size:clamp(28px,2.6cqi,38px)}
/* Dossier des sommets : ses cinq reliefs en liste numérotée. */
.decouverte .decouverte-summits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.3)}
.decouverte .decouverte-summits li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.decouverte .decouverte-summit-rank{font-family:var(--decouverte-serif);font-weight:700;font-size:30px;line-height:1;color:#F6A72D}
.decouverte .decouverte-summit-k{margin:0 0 6px;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#F6A72D}
.decouverte .decouverte-summits h3{margin:0;font-family:var(--decouverte-serif);font-weight:700;font-size:clamp(28px,2.6cqi,36px);line-height:1;letter-spacing:-.02em}
.decouverte .decouverte-summits h3 span{font-family:Poppins,system-ui,sans-serif;font-size:13px;font-weight:500;letter-spacing:0;color:rgba(255,255,255,.75);margin-left:6px}
.decouverte .decouverte-summits p:not(.decouverte-summit-k){margin:10px 0 0;font-size:13.5px;line-height:1.75;color:rgba(255,255,255,.85);max-width:70ch}
.decouverte .decouverte-summit-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin-top:14px;font-size:12px;color:rgba(255,255,255,.75)}
.decouverte .decouverte-summit-foot a{font-size:12.5px;font-weight:600;border-bottom:1px solid currentColor;color:#FFF}
.decouverte .decouverte-summit-foot a:hover{color:#F6A72D}

/* Quand de la pépite (version claire et compacte) : barres de 28 px pleines, 10 px pointillées hors période. */
.decouverte .decouverte-quand{background:#F5F6F2;border-bottom:1px solid #D5DCDD;padding:clamp(40px,5cqi,72px) var(--gut)}
.decouverte .decouverte-quand-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(24px,4cqi,72px);align-items:center}
.decouverte .decouverte-quand-head{display:flex;flex-direction:column;gap:10px;min-width:0}
.decouverte .decouverte-quand-title{margin:0;font-family:var(--decouverte-serif);font-style:italic;font-weight:700;font-size:clamp(40px,4.4cqi,64px);line-height:.95;letter-spacing:-.03em;text-wrap:balance}
.decouverte .decouverte-quand-text{margin:0;font-size:13.5px;line-height:1.7;color:#50626b;max-width:38ch}
.decouverte .decouverte-quand-band{display:flex;flex-direction:column;gap:14px;min-width:0}
.decouverte .decouverte-mini{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}
.decouverte .decouverte-mini>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.decouverte .decouverte-mini span{height:28px;display:flex;align-items:flex-end}
.decouverte .decouverte-mini i{display:block;width:100%;height:10px;border:1.5px dashed #93A3AD}
.decouverte .decouverte-mini i.is-on{height:28px;background:#F6A72D;border:1.5px solid #F6A72D}
.decouverte .decouverte-mini b{font-size:11px;font-weight:600;text-align:center;color:#556d76}
.decouverte .decouverte-mini b.is-on{color:#0b0c0d}
.decouverte .decouverte-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:11.5px;color:#50626b}
.decouverte .decouverte-legend span{display:inline-flex;gap:6px;align-items:center}
.decouverte .decouverte-legend i{display:inline-block;width:14px;height:10px;background:#F6A72D}
.decouverte .decouverte-legend i.is-off{background:none;border:1.5px dashed #93A3AD}

/* À savoir de la pépite : rangée de cartes qui glisse (fond papier). Cartes nuit : repères de la fiche ; cartes
   blanches : repères hérités, avec picto et provenance. */
.decouverte .decouverte-savoir-row{background:#F5F6F2;border-top:1px solid #E3E7E9;padding:clamp(56px,7cqi,104px) var(--gut)}
.decouverte .decouverte-savoir-row .decouverte-intro{max-width:460px}
.decouverte .decouverte-cards{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);scrollbar-width:none;margin:0 calc(-1 * var(--gut));padding:0 var(--gut) 4px;-webkit-overflow-scrolling:touch}
.decouverte .decouverte-cards::-webkit-scrollbar{display:none}
.decouverte .decouverte-cards>[role="listitem"]{flex:0 0 clamp(280px,31%,360px);scroll-snap-align:start;display:flex;min-width:0}
.decouverte .decouverte-card{flex:1;display:flex;flex-direction:column;gap:16px;padding:clamp(20px,2.4cqi,28px);background:#FFF;color:#0b0c0d;border:1px solid #D5DCDD;min-height:250px;min-width:0}
.decouverte .decouverte-card.is-own{background:#0F1C24;color:#FFF;border-color:#0F1C24}
.decouverte .decouverte-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.decouverte .decouverte-card.is-own .decouverte-card-top{justify-content:flex-end}
.decouverte .decouverte-card-picto{flex:none;width:46px;height:46px;display:grid;place-items:center;border:1px solid #E3E7E9;background:#F5F6F2;color:#B26A00}
.decouverte .decouverte-card-scope{display:inline-flex;align-items:center;gap:6px;padding-top:4px;font-size:10.5px;font-weight:600;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:#556d76;text-align:right}
.decouverte .decouverte-card.is-own .decouverte-card-scope{color:#F6A72D}
.decouverte a.decouverte-card-scope:hover{color:#B26A00}
.decouverte .decouverte-card-scope span{color:#F6A72D}
.decouverte .decouverte-card-body{display:flex;flex-direction:column;gap:8px}
.decouverte .decouverte-card h3{margin:0;font-family:var(--decouverte-serif);font-weight:700;font-size:clamp(24px,2.2cqi,28px);line-height:1;letter-spacing:-.02em;text-wrap:balance}
.decouverte .decouverte-card p{margin:0;font-size:13.5px;line-height:1.75;color:#33434b}
.decouverte .decouverte-card.is-own p{color:rgba(255,255,255,.88)}
.decouverte .decouverte-card footer{margin-top:auto;padding-top:12px;border-top:1px solid #E9EDF1;font-size:11.5px;line-height:1.5;color:#556d76}
.decouverte .decouverte-card.is-own footer{border-top-color:rgba(255,255,255,.18);color:rgba(255,255,255,.65)}

/* Visionneuse de la galerie (dialogue modal). */
.decouverte .decouverte-gallery{width:min(1260px,calc(100vw - 48px));max-height:calc(100svh - 48px);padding:0;background:#0F1C24;color:#FFF;border:1px solid #58717c;overflow:auto}
.decouverte .decouverte-gallery::backdrop{background:rgba(8,27,40,.86)}
.decouverte .decouverte-gallery-top,.decouverte .decouverte-gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px}
.decouverte .decouverte-gallery-top{border-bottom:1px solid #385362;font-size:12px;color:rgba(255,255,255,.8)}
.decouverte .decouverte-gallery button{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);color:#FFF;font-size:18px;text-align:center}
.decouverte .decouverte-gallery button:hover{background:rgba(255,255,255,.12)}
.decouverte .decouverte-gallery button[hidden]{visibility:hidden;display:grid}
.decouverte .decouverte-gallery-stage{height:min(64svh,710px);padding:18px 24px;display:flex;align-items:center;justify-content:center}
.decouverte .decouverte-gallery-stage img{width:100%;height:100%;object-fit:contain}
.decouverte .decouverte-gallery-caption{margin:0;flex:1;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.85);text-align:center}

/* Mobile (mode Mobile des maquettes ; bascule des fiches à 720 px, comme l’accueil) : gouttière 20 px (fiche.css). */
@media (max-width:720px){
  .decouverte .decouverte-hero{min-height:720px}
  .decouverte .decouverte-hero img{object-position:30% 40%}
  .decouverte .decouverte-hero.is-pepite{min-height:0}
  .decouverte .decouverte-hero.is-pepite img{object-position:50% 55%}
  .decouverte .decouverte-cols,.decouverte .decouverte-inh>div,.decouverte .decouverte-ou-grid,.decouverte .decouverte-quand-grid{grid-template-columns:minmax(0,1fr)}
  .decouverte .decouverte-side{position:static}
  .decouverte .decouverte-band{height:300px}
  .decouverte .decouverte-tile{min-height:300px}
  .decouverte .decouverte-terrains .decouverte-tile,.decouverte .decouverte-ou .decouverte-near .decouverte-tile{min-height:260px}
  .decouverte .decouverte-cards>[role="listitem"]{flex-basis:300px}
  .decouverte .decouverte-summits li{grid-template-columns:40px minmax(0,1fr)}
  .decouverte .decouverte-count span{white-space:nowrap}
  .decouverte .decouverte-gallery{width:calc(100vw - 24px)}
  .decouverte .decouverte-gallery-stage{height:min(54svh,560px);padding:12px}
}
@media (prefers-reduced-motion:reduce){.decouverte *{animation:none!important;transition:none!important}}