/* Ronflement.net — « La nuit » (refonte 23/10/2026). Univers : une nuit de sommeil, de 22 h à l'aube.
   Aucune police distante. Titres : sans-serif ARRONDI du système (douceur) · texte : system-ui. */
:root{
  --nuit:#0b0e2b;--minuit:#141a4a;--nebu:#2b2478;--lune:#ffe7a6;--lune2:#f4c867;--aube:#ff9f8e;--aube2:#ffd0b8;
  --brume:#f3f1fa;--blanc:#fff;--encre:#14163a;--gris:#555a82;--ligne:#dedbf0;--indigo:#3a2fa3;--etoile:#d3d9ff;
  --t-titre:ui-rounded,"SF Pro Rounded","Avenir Next Rounded","Nunito","Varela Round","Segoe UI Variable Display",system-ui,sans-serif;
  --t-texte:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --rayon:20px;--ombre:0 18px 50px -22px rgba(20,22,58,.45);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--brume);color:var(--encre);font:400 1.0625rem/1.65 var(--t-texte);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:var(--indigo);text-underline-offset:3px}
a:hover{color:var(--nebu)}
h1,h2,h3,h4{font-family:var(--t-titre);font-weight:700;line-height:1.14;letter-spacing:-.015em;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.1rem,5.2vw,3.7rem);font-weight:800}
h2{font-size:clamp(1.55rem,3vw,2.25rem)}
h3{font-size:1.2rem}
p{margin:0 0 1em}
.ron-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sb-oeil{position:absolute;left:-9999px}.sb-oeil:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 14px;border-radius:8px}
:focus-visible{outline:3px solid var(--lune2);outline-offset:3px;border-radius:6px}
.ron-bande{width:min(1180px,100% - 40px);margin-inline:auto}

/* ───── en-tête ───── */
.ron-tete{position:sticky;top:0;z-index:50;background:rgba(11,14,43,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(211,217,255,.12)}
.ron-tete .ron-bande{display:flex;align-items:center;gap:28px;min-height:68px}
.ron-marque{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;font:800 1.32rem/1 var(--t-titre);letter-spacing:-.02em}
.ron-marque b{font-weight:600;color:var(--lune);opacity:.9}
.ron-marque svg{flex:none;filter:drop-shadow(0 0 10px rgba(255,231,166,.45))}
.ron-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.ron-nav a{position:relative;color:#d9defa;text-decoration:none;font:600 .95rem/1 var(--t-titre);padding:12px 14px;border-radius:999px;transition:color .2s,background .2s}
.ron-nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.ron-nav a[aria-current]{color:#fff}
.ron-nav a[aria-current]::after{content:"";position:absolute;left:50%;bottom:2px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--lune);box-shadow:0 0 8px var(--lune)}
.ron-nav a.ron-cta{margin-left:10px;background:var(--lune);color:var(--nuit);padding:12px 20px;font-weight:800;box-shadow:0 0 0 0 rgba(255,231,166,.5);animation:ron-pouls 3.6s ease-in-out infinite}
.ron-nav a.ron-cta:hover{background:#fff;color:var(--nuit)}
.ron-nav a.ron-cta::after{display:none}
@keyframes ron-pouls{0%,100%{box-shadow:0 0 0 0 rgba(255,231,166,.0)}50%{box-shadow:0 0 0 7px rgba(255,231,166,.16)}}
.ron-menu-m{display:none;margin-left:auto}
.ron-menu-m summary{list-style:none;cursor:pointer;color:#fff;font:700 .95rem var(--t-titre);padding:10px 16px;border:1px solid rgba(255,255,255,.28);border-radius:999px;display:flex;align-items:center;gap:9px}
.ron-menu-m summary::-webkit-details-marker{display:none}
.ron-menu-m summary i{display:block;width:16px;height:2px;background:#fff;box-shadow:0 5px 0 #fff;margin-bottom:5px}
.ron-menu-m nav{position:absolute;left:0;right:0;top:100%;background:var(--nuit);padding:12px 20px 24px;display:grid;gap:4px;border-bottom:1px solid rgba(255,255,255,.12)}
.ron-menu-m nav a{color:#e6e9ff;text-decoration:none;font:600 1.15rem var(--t-titre);padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
.ron-menu-m nav a.ron-cta{margin-top:12px;background:var(--lune);color:var(--nuit);text-align:center;border-radius:999px;border:0;font-weight:800}
@media(max-width:900px){.ron-nav{display:none}.ron-menu-m{display:block}}

/* ───── boutons ───── */
.ron-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:0;background:var(--lune);color:var(--nuit);font:800 1.02rem/1 var(--t-titre);text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 10px 30px -12px rgba(244,200,103,.7)}
.ron-btn:hover{transform:translateY(-2px);background:#fff;color:var(--nuit)}
.ron-btn--nuit{background:var(--nuit);color:var(--lune);box-shadow:0 12px 30px -14px rgba(11,14,43,.7)}
.ron-btn--nuit:hover{background:var(--minuit);color:#fff}
.ron-btn--pleine{width:100%}
.ron-lien{font:700 .98rem var(--t-titre);text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.ron-lien:hover{text-decoration:underline}
.ron-ic{flex:none}

/* ───── fil d'Ariane ───── */
.ron-fil{font-size:.88rem;padding:16px 0 0}
.ron-fil ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;color:var(--gris)}
.ron-fil li+li::before{content:"›";margin-right:8px;opacity:.6}
.ron-fil a{color:var(--gris)}
.ron-nuit .ron-fil,.ron-bandeau .ron-fil{color:#aab2e8}
.ron-bandeau .ron-fil a,.ron-bandeau .ron-fil ol{color:#aab2e8}

/* ───── ciel (héros) ───── */
.ron-ciel{position:relative;overflow:hidden;color:#fff;background:linear-gradient(180deg,#070925 0%,#0f1448 46%,#26206f 78%,#5b3b86 100%);isolation:isolate}
.ron-ciel::before{content:"";position:absolute;inset:auto -10% -40% -10%;height:70%;background:radial-gradient(60% 60% at 50% 100%,rgba(255,159,142,.5),transparent 70%);z-index:-1}
.ron-etoiles{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.ron-etoiles circle{fill:var(--etoile);animation:ron-scint var(--s,5s) ease-in-out var(--d,0s) infinite}
@keyframes ron-scint{0%,100%{opacity:.25}50%{opacity:1}}
.ron-filante{position:absolute;top:14%;left:-12%;width:140px;height:2px;background:linear-gradient(90deg,transparent,#fff);transform:rotate(18deg);opacity:0;animation:ron-fil 14s ease-in 3s infinite;z-index:-1}
@keyframes ron-fil{0%{transform:translate(0,0) rotate(18deg);opacity:0}2%{opacity:.9}9%{transform:translate(130vw,42vw) rotate(18deg);opacity:0}100%{opacity:0}}
.ron-lune{position:absolute;right:max(4%,calc(50% - 560px));top:34px;width:min(190px,28vw);aspect-ratio:1;z-index:-1;animation:ron-flotte 11s ease-in-out infinite}
.ron-lune svg{width:100%;height:100%;overflow:visible}
.ron-lune::after{content:"";position:absolute;inset:-60%;background:radial-gradient(closest-side,rgba(255,231,166,.28),transparent);z-index:-1;animation:ron-halo 6s ease-in-out infinite}
@keyframes ron-flotte{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(14px) rotate(3deg)}}
@keyframes ron-halo{0%,100%{opacity:.7;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
.ron-zzz{position:absolute;right:max(5%,calc(50% - 540px));top:190px;z-index:-1;pointer-events:none}
.ron-zzz span{position:absolute;font:800 1.9rem/1 var(--t-titre);color:var(--lune);opacity:0;animation:ron-z 7s ease-in infinite}
.ron-zzz span:nth-child(2){animation-delay:2.3s;font-size:1.4rem}.ron-zzz span:nth-child(3){animation-delay:4.6s;font-size:1.05rem}
@keyframes ron-z{0%{transform:translate(0,0) rotate(-8deg);opacity:0}15%{opacity:.9}100%{transform:translate(-70px,-120px) rotate(12deg);opacity:0}}
.ron-onde{position:absolute;left:0;right:0;bottom:-1px;height:130px;z-index:0;pointer-events:none}
.ron-onde svg{position:absolute;left:0;bottom:0;width:200%;height:100%;animation:ron-glisse var(--v,38s) linear infinite}
.ron-onde svg:nth-child(2){--v:26s;opacity:.55;animation-direction:reverse;height:80%}
.ron-onde svg:nth-child(3){--v:52s;height:55%}
@keyframes ron-glisse{to{transform:translateX(-50%)}}
.ron-ciel-in{padding:64px 0 150px;text-align:center;position:relative;z-index:1}
.ron-ciel h1{color:#fff;margin-inline:auto;max-width:17ch;text-shadow:0 4px 40px rgba(7,9,37,.6)}
.ron-ciel h1 em{font-style:normal;color:var(--lune)}
.ron-sur{display:inline-flex;align-items:center;gap:9px;padding:7px 16px;border-radius:999px;border:1px solid rgba(211,217,255,.28);background:rgba(255,255,255,.06);color:#d9defa;font:600 .82rem/1 var(--t-titre);letter-spacing:.04em;margin-bottom:22px}
.ron-sur::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lune);box-shadow:0 0 10px var(--lune)}
.ron-chapo{font-size:1.18rem;color:#dfe3ff;max-width:46ch;margin:0 auto 32px}
.ron-chapo--sombre{color:var(--gris);max-width:62ch;margin:0 0 1em}

/* recherche (carte posée sur l'horizon) */
.ron-recherche{display:grid;grid-template-columns:1.1fr 1.3fr auto;gap:0;align-items:stretch;max-width:860px;margin:0 auto;background:rgba(255,255,255,.96);border-radius:26px;padding:8px;box-shadow:0 30px 70px -28px rgba(0,0,0,.65),0 0 0 6px rgba(255,255,255,.08);text-align:left;color:var(--encre)}
.ron-recherche label{display:block;font:700 .72rem/1 var(--t-titre);letter-spacing:.07em;text-transform:uppercase;color:var(--gris);margin-bottom:6px}
.ron-recherche .ron-ch{padding:12px 20px;border-right:1px solid var(--ligne);display:flex;flex-direction:column;justify-content:center;min-width:0}
.ron-recherche input,.ron-recherche select{width:100%;border:0;background:transparent;font:600 1.05rem var(--t-texte);color:var(--encre);padding:2px 0;outline:0;appearance:none;-webkit-appearance:none;text-overflow:ellipsis}
.ron-recherche .ron-ch:focus-within{background:var(--brume);border-radius:18px}
.ron-recherche button{border:0;border-radius:20px;background:var(--nuit);color:var(--lune);font:800 1rem var(--t-titre);padding:0 28px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .2s}
.ron-recherche button:hover{background:var(--nebu)}
.ron-rapide{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}
.ron-rapide a{color:#dfe3ff;text-decoration:none;border:1px solid rgba(211,217,255,.25);border-radius:999px;padding:7px 14px;font:600 .88rem var(--t-titre);transition:background .2s}
.ron-rapide a:hover{background:rgba(255,255,255,.12)}
.ron-chiffres{display:flex;flex-wrap:wrap;gap:12px 44px;justify-content:center;margin:34px 0 0;padding:0;list-style:none}
.ron-chiffres li{display:flex;flex-direction:column;align-items:center;color:#aab2e8;font-size:.85rem}
.ron-chiffres b{font:800 2rem/1.1 var(--t-titre);color:#fff}
.ron-noff{margin:22px auto 0;font-size:.88rem;color:#c3caf5;max-width:62ch}
.ron-noff a{color:#fff}
@media(max-width:760px){
  .ron-ciel-in{padding:44px 0 130px}
  .ron-recherche{grid-template-columns:1fr;border-radius:22px}
  .ron-recherche .ron-ch{border-right:0;border-bottom:1px solid var(--ligne)}
  .ron-recherche button{min-height:54px;justify-content:center;margin-top:8px}
  .ron-lune{top:12px;opacity:.7}
}

/* ───── sections « heures » ───── */
.ron-h{padding:84px 0;position:relative}
.ron-h>.ron-bande{position:relative}
.ron-heure{display:inline-flex;align-items:center;gap:10px;font:800 .82rem/1 var(--t-titre);letter-spacing:.14em;text-transform:uppercase;color:var(--indigo);margin-bottom:14px}
.ron-heure::before{content:"";width:34px;height:2px;background:currentColor;border-radius:2px}
.ron-heure b{font-weight:800;color:var(--encre)}
.ron-nuit{background:linear-gradient(180deg,#0b0e2b,#141a4a);color:#e8ebff}
.ron-nuit h2,.ron-nuit h3{color:#fff}
.ron-nuit .ron-heure{color:var(--lune)}.ron-nuit .ron-heure b{color:#fff}
.ron-nuit a{color:var(--lune)}
.ron-nuit p{color:#cdd3fb}
.ron-aube{background:linear-gradient(180deg,var(--brume) 0%,#ffe8e0 55%,var(--aube2) 100%)}
.ron-tete-section{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 40px;margin-bottom:34px}
.ron-tete-section h2{margin:0;max-width:22ch}
.ron-tete-section p{margin:0;max-width:44ch;color:var(--gris)}
.ron-nuit .ron-tete-section p{color:#b8c0f2}
.ron-ondeHaut,.ron-ondeBas{display:block;width:100%;height:60px;margin:-1px 0}

/* carte de France du ciel */
.ron-ciel-carte{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:50px;align-items:center}
.ron-carte{display:block;width:100%;height:auto;overflow:visible}
.ron-carte-france{max-height:640px}
.ron-cf-dep path{fill:rgba(150,160,255,.1);stroke:rgba(190,198,255,.28);stroke-width:.7;transition:fill .25s}
.ron-cf-dep:hover path{fill:rgba(255,231,166,.28)}
.ron-etoile circle{fill:var(--lune);filter:drop-shadow(0 0 4px rgba(255,231,166,.9));transform-box:fill-box;transform-origin:center;animation:ron-bat 4.6s ease-in-out var(--d,0s) infinite;transition:fill .2s}
.ron-etoile:hover circle,.ron-etoile.is-on circle{fill:#fff;animation-play-state:paused;transform:scale(1.7)}
@keyframes ron-bat{0%,100%{opacity:.62;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}
.ron-legende h3{font-size:1.05rem;margin:0 0 14px;color:#fff}
.ron-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;margin:0 0 26px;padding:0}
.ron-top a{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(211,217,255,.14);color:#fff;text-decoration:none;font:700 .98rem var(--t-titre);transition:background .2s,transform .2s}
.ron-top a:hover,.ron-top a.is-on{background:rgba(255,231,166,.16);transform:translateX(3px)}
.ron-top small{font:700 .8rem var(--t-titre);color:var(--lune)}
.ron-regions{display:flex;flex-wrap:wrap;gap:8px}
.ron-regions a{padding:7px 13px;border-radius:999px;border:1px solid rgba(211,217,255,.25);text-decoration:none;font:600 .86rem var(--t-titre);color:#dfe3ff}
.ron-regions a:hover{background:rgba(255,255,255,.1)}
@media(max-width:900px){.ron-ciel-carte{grid-template-columns:1fr;gap:28px}.ron-carte-france{max-height:520px}}

/* qui voir : 4 cartes « rôles » */
.ron-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:r}
.ron-role{position:relative;background:#fff;border-radius:var(--rayon);padding:28px 24px 26px;box-shadow:var(--ombre);border:1px solid var(--ligne);counter-increment:r;overflow:hidden}
.ron-role::before{content:counter(r);position:absolute;right:16px;top:-4px;font:800 5.2rem/1 var(--t-titre);color:#efecfb}
.ron-role h3{position:relative;font-size:1.12rem;margin-bottom:10px}
.ron-role p{position:relative;margin:0;font-size:.97rem;color:var(--gris)}
.ron-role.is-cle{background:linear-gradient(160deg,var(--nuit),var(--nebu));color:#fff;border:0}
.ron-role.is-cle h3{color:#fff}.ron-role.is-cle p{color:#cdd3fb}.ron-role.is-cle::before{color:rgba(255,255,255,.08)}
@media(max-width:1000px){.ron-roles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ron-roles{grid-template-columns:1fr}}

/* cartes d'actualités */
.ron-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.ron-cartes>a{display:flex;flex-direction:column;gap:6px;padding:22px 22px 20px;background:#fff;border:1px solid var(--ligne);border-radius:var(--rayon);text-decoration:none;color:var(--encre);transition:transform .25s,box-shadow .25s,border-color .25s}
.ron-cartes>a:hover{transform:translateY(-4px);box-shadow:var(--ombre);border-color:#c8c3ea}
.ron-cartes b{font:700 1.08rem/1.3 var(--t-titre);color:var(--encre)}
.ron-cartes span{font-size:.94rem;color:var(--gris);display:block}
.ron-cartes small{margin-top:auto;padding-top:10px;color:var(--indigo);font:700 .82rem var(--t-titre)}
.ron-puce{display:inline-block;align-self:flex-start;padding:3px 11px;border-radius:999px;background:#ece9fb;color:var(--indigo);font:700 .74rem/1.5 var(--t-titre);letter-spacing:.03em}
.ron-cats a b::before{content:"";display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:50%;background:var(--lune2);box-shadow:0 0 0 3px rgba(244,200,103,.25)}
.ron-sous{margin:44px 0 14px;font-size:1.25rem}

/* appel final (aube) */
.ron-appel{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.ron-appel h2{max-width:20ch}
.ron-appel .ron-btn{box-shadow:0 14px 34px -14px rgba(11,14,43,.55);background:var(--nuit);color:var(--lune)}
.ron-appel .ron-btn:hover{background:var(--nebu);color:#fff}
.ron-soleil{justify-self:end;width:min(240px,50vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff6dd 0 28%,#ffd88a 29% 55%,rgba(255,159,142,.5) 56% 72%,transparent 73%);animation:ron-halo 7s ease-in-out infinite}
@media(max-width:760px){.ron-appel{grid-template-columns:1fr}.ron-soleil{display:none}}

/* ───── bandeau de page intérieure ───── */
.ron-bandeau{position:relative;overflow:hidden;background:linear-gradient(180deg,#0b0e2b,#1b1c62);color:#fff;isolation:isolate}
.ron-bandeau .ron-etoiles{opacity:.8}
.ron-bandeau-in{padding:34px 0 66px}
.ron-bandeau h1{color:#fff;font-size:clamp(1.9rem,4.2vw,3rem);max-width:22ch;margin-bottom:14px}
.ron-bandeau .ron-chapo{margin:0;text-align:left;max-width:62ch}
.ron-bandeau .ron-sur{margin-bottom:16px}
.ron-bandeau .ron-onde{height:70px}
.ron-bandeau .ron-ch-chiffres{display:flex;flex-wrap:wrap;gap:8px 30px;margin-top:22px}
.ron-bandeau .ron-ch-chiffres span{color:#aab2e8;font-size:.9rem}.ron-bandeau .ron-ch-chiffres b{font:800 1.5rem var(--t-titre);color:var(--lune);margin-right:6px}

/* ───── page ville : carte AU-DESSUS, liste dessous ───── */
.ron-carteband{position:relative;background:linear-gradient(180deg,#1b1c62,#141a4a);border-top:1px solid rgba(211,217,255,.1)}
.ron-carteband .ron-bande{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:center;padding:6px 0 30px}
.ron-zone{background:radial-gradient(70% 90% at 50% 50%,rgba(255,255,255,.07),transparent);border-radius:24px;padding:6px}
.ron-zone .ron-carte{height:340px;width:100%}
.ron-cz-voisins path{fill:rgba(160,168,255,.07);stroke:rgba(190,198,255,.2);stroke-width:.6}
.ron-cz-dep{fill:rgba(190,198,255,.14);stroke:rgba(230,234,255,.55);stroke-linejoin:round}
.ron-cz-cadre{fill:rgba(190,198,255,.08);stroke:rgba(230,234,255,.3);stroke-dasharray:6 8}
.ron-pt{fill:var(--lune2);filter:drop-shadow(0 0 5px rgba(255,231,166,.9))}
.ron-pt-halo{fill:rgba(255,231,166,.14)}
.ron-pt-g text{fill:#e6e9ff;paint-order:stroke;stroke:#141a4a;stroke-width:3px;stroke-linejoin:round;font-family:var(--t-titre);font-weight:700}
.ron-pt-g{transition:opacity .2s;cursor:default}
a.ron-pt-g{cursor:pointer}
.ron-pt-g .ron-pt-halo{transform-box:fill-box;transform-origin:center;animation:ron-bat 5s ease-in-out var(--d,0s) infinite}
a.ron-pt-g:hover .ron-pt{fill:#fff}
.ron-pt-g.is-focus .ron-pt{fill:var(--lune);stroke:#fff;stroke-width:1.5px}
.ron-pt-g.is-focus text{fill:var(--lune)}
.ron-pt-g.is-focus .ron-pt-halo{fill:rgba(255,231,166,.28)}
.ron-carteband aside{color:#cdd3fb;font-size:.95rem}
.ron-carteband aside h2{font-size:1.1rem;color:#fff;margin-bottom:10px}
.ron-carteband aside .ron-regions{margin-bottom:16px}
@media(max-width:860px){.ron-carteband .ron-bande{grid-template-columns:1fr}.ron-zone .ron-carte{height:280px}}

/* liste des pros */
.ron-corps{padding:48px 0 70px}
.ron-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ron-liste--une{grid-template-columns:1fr}
.ron-pro{display:flex;align-items:center;gap:16px;padding:16px 18px;background:#fff;border:1px solid var(--ligne);border-radius:18px;transition:transform .2s,box-shadow .2s}
.ron-pro:hover{transform:translateY(-2px);box-shadow:var(--ombre)}
.ron-init{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--minuit),var(--nebu));color:var(--lune);font:800 1.02rem var(--t-titre);box-shadow:inset 0 0 0 2px rgba(255,231,166,.35)}
.ron-pro div{min-width:0;flex:1}
.ron-pro a.ron-n{color:var(--encre);text-decoration:none;font:700 1.04rem/1.25 var(--t-titre);display:block}
.ron-pro a.ron-n:hover{text-decoration:underline}
.ron-pro small{display:block;color:var(--gris);font-size:.88rem;margin-top:2px}
.ron-fl{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--brume);color:var(--indigo)}
.ron-pro:hover .ron-fl{background:var(--nuit);color:var(--lune)}
@media(max-width:760px){.ron-liste{grid-template-columns:1fr}}
.ron-pagination{display:flex;gap:14px;align-items:center;justify-content:center;margin:30px 0 8px;font:700 .95rem var(--t-titre)}
.ron-pagination a{padding:10px 18px;border-radius:999px;background:#fff;border:1px solid var(--ligne);text-decoration:none}
.ron-pagination .cur{color:var(--gris)}
.ron-source{margin:26px 0 0;font-size:.88rem;color:var(--gris);max-width:80ch}
.ron-2col{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:40px;align-items:start}
.ron-lateral{position:sticky;top:90px;display:grid;gap:16px}
.ron-bulle{background:linear-gradient(160deg,var(--nuit),var(--nebu));color:#e4e7ff;border-radius:var(--rayon);padding:26px 24px}
.ron-bulle h2,.ron-bulle h3{color:#fff;font-size:1.2rem;margin-bottom:8px}
.ron-bulle p{color:#cdd3fb;font-size:.96rem}
.ron-bulle .ron-btn{width:100%}
.ron-bulle--clair{background:#fff;color:var(--encre);border:1px solid var(--ligne)}
.ron-bulle--clair h2,.ron-bulle--clair h3{color:var(--encre)}.ron-bulle--clair p{color:var(--gris)}
@media(max-width:960px){.ron-2col{grid-template-columns:1fr}.ron-lateral{position:static}}

/* maillage : étiquettes */
.ron-etiq{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.ron-etiq a{display:inline-flex;gap:8px;align-items:center;padding:9px 15px;border-radius:999px;background:#fff;border:1px solid var(--ligne);color:var(--encre);text-decoration:none;font:600 .92rem var(--t-titre);transition:background .2s,color .2s}
.ron-etiq a small{color:var(--indigo);font-weight:800}
.ron-etiq a:hover,.ron-etiq a.is-on{background:var(--nuit);color:var(--lune);border-color:var(--nuit)}
.ron-etiq a:hover small{color:var(--lune)}
.ron-nuit .ron-etiq a{background:rgba(255,255,255,.06);border-color:rgba(211,217,255,.2);color:#fff}
.ron-nuit .ron-etiq a small{color:var(--lune)}

/* départements : villes en cartes */
.ron-villes{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;list-style:none;margin:0;padding:0}
.ron-villes a{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid var(--ligne);text-decoration:none;color:var(--encre);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.ron-villes a::after{content:"";position:absolute;right:-18px;top:-18px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,rgba(244,200,103,.5),transparent 70%)}
.ron-villes a:hover{transform:translateY(-3px);box-shadow:var(--ombre)}
.ron-villes b{font:700 1.04rem var(--t-titre)}
.ron-villes small{color:var(--gris)}
.ron-deps{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;list-style:none;margin:0;padding:0}
.ron-deps a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--ligne);text-decoration:none;color:var(--encre);font:600 .95rem var(--t-titre)}
.ron-deps a:hover{background:var(--nuit);color:var(--lune)}
.ron-deps i{font:800 .8rem var(--t-titre);font-style:normal;min-width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--brume);color:var(--indigo)}
.ron-deps a:hover i{background:rgba(255,255,255,.12);color:var(--lune)}
.ron-deps small{margin-left:auto;color:var(--gris)}.ron-deps a:hover small{color:#cdd3fb}

/* fiche */
.ron-def{display:grid;grid-template-columns:max-content 1fr;gap:10px 28px;margin:0 0 20px}
.ron-def dt{font:700 .8rem var(--t-titre);text-transform:uppercase;letter-spacing:.08em;color:var(--gris);padding-top:3px}
.ron-def dd{margin:0}
.ron-avert{padding:16px 20px;border-radius:16px;background:#fff;border-left:4px solid var(--lune2);color:var(--gris);font-size:.95rem}
.ron-h2{font-size:1.4rem;margin:34px 0 14px}
.ron-badge{display:inline-block;padding:6px 14px;border-radius:999px;background:rgba(255,231,166,.16);border:1px solid rgba(255,231,166,.4);color:var(--lune);font:700 .84rem var(--t-titre);margin-bottom:14px}
.ron-fiche-carte{border-radius:var(--rayon);overflow:hidden;background:linear-gradient(180deg,#141a4a,#1b1c62);margin-bottom:26px;padding:4px}
.ron-fiche-carte .ron-carte{height:260px}

/* pages de contenu */
.ron-page{padding:48px 0 80px}
.ron-page .ron-bande{width:min(820px,100% - 40px)}
.ron-page h1{font-size:clamp(1.9rem,4vw,2.7rem)}
.ron-page h2{margin-top:1.6em;font-size:1.45rem}
.ron-page .ron-corps-txt a{font-weight:600}
.sb-form p{margin:0 0 16px}.sb-form label{font:700 .88rem var(--t-titre);display:block;margin-bottom:5px}
.sb-form input,.sb-form textarea{width:100%;max-width:100%!important;padding:14px 16px;border:1px solid var(--ligne);border-radius:14px;font:inherit;background:#fff}
.sb-form button{min-height:52px;padding:0 28px;border:0;border-radius:999px;background:var(--nuit);color:var(--lune);font:800 1rem var(--t-titre);cursor:pointer}

/* ───── tunnel « La nuit de votre demande » ───── */
body.ron-tunnel{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#070925,#12175a 60%,#3a2a7a);color:#fff}
.ron-retour{margin-left:auto;color:#cfd5ff;text-decoration:none;font:600 .92rem var(--t-titre);padding:10px 4px}
body.ron-tunnel main{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}
body.ron-tunnel .ron-pied{display:none}
.ron-tun{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;align-items:center;width:min(1120px,100% - 40px);margin:0 auto;padding-bottom:18px;position:relative;z-index:1}
.ron-tun-g h1{font-size:clamp(1.7rem,3.2vw,2.6rem);margin-bottom:12px;max-width:16ch}
.ron-tun-g p{color:#cdd3fb;max-width:36ch;margin-bottom:18px}
.ron-gar{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ron-gar li{display:flex;align-items:center;gap:10px;color:#e4e7ff;font-size:.95rem}
.ron-gar li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;background:var(--lune) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b0e2b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
/* l'arc de la nuit : la lune avance d'heure en heure */
.ron-arc{position:relative;height:84px;margin:0 0 6px}
.ron-arc svg{overflow:visible}
.ron-arc .piste{fill:none;stroke:rgba(211,217,255,.22);stroke-width:2;stroke-dasharray:3 7;stroke-linecap:round}
.ron-arc .fait{fill:none;stroke:var(--lune);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .7s cubic-bezier(.5,.1,.2,1)}
.ron-arc .lunette{transition:transform .7s cubic-bezier(.5,.1,.2,1)}
.ron-arc ol{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.ron-arc li{position:absolute;bottom:0;transform:translateX(-50%);font:700 .74rem var(--t-titre);letter-spacing:.08em;color:rgba(211,217,255,.55);transition:color .4s}
.ron-arc li.is-on{color:var(--lune)}
.ron-arc li:nth-child(1){left:6%}.ron-arc li:nth-child(2){left:36%}.ron-arc li:nth-child(3){left:66%}.ron-arc li:nth-child(4){left:94%}
.ron-tun-d{background:rgba(255,255,255,.96);color:var(--encre);border-radius:28px;padding:22px 28px 24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7),0 0 0 7px rgba(255,255,255,.07)}
.ron-tun-d .ron-arc{margin-top:-4px}
.ron-tun-d .ron-arc li{color:var(--gris)}.ron-tun-d .ron-arc li.is-on{color:var(--indigo)}
.ron-tun-d .ron-arc .piste{stroke:var(--ligne)}.ron-tun-d .ron-arc .fait{stroke:var(--lune2)}
.ron-tun-d .ron-arc .lunette circle{fill:var(--nuit)}
.ron-etape{display:none}.ron-etape.is-on{display:block;animation:ron-entre .45s cubic-bezier(.2,.8,.2,1)}
@keyframes ron-entre{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
.ron-q{font:800 clamp(1.3rem,2.2vw,1.65rem)/1.2 var(--t-titre);margin:4px 0 4px;color:var(--encre)}
.ron-q-s{font-size:.92rem;color:var(--gris);margin:0 0 14px}
.ron-choix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 4px}
.ron-choix label{position:relative;display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 14px;border:2px solid var(--ligne);border-radius:16px;cursor:pointer;font:700 .95rem/1.25 var(--t-titre);background:#fff;transition:border-color .2s,background .2s,transform .15s}
.ron-choix label:hover{border-color:#b9b3e6;transform:translateY(-1px)}
.ron-choix input{position:absolute;opacity:0;pointer-events:none}
.ron-choix label:has(input:checked){border-color:var(--nuit);background:var(--nuit);color:var(--lune)}
.ron-choix label:has(input:focus-visible){outline:3px solid var(--lune2);outline-offset:2px}
.ron-choix i{flex:none;width:34px;height:34px;border-radius:11px;background:var(--brume);display:grid;place-items:center;font-style:normal;font-size:1.05rem}
.ron-choix label:has(input:checked) i{background:rgba(255,231,166,.18)}
.ron-choix--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ron-choix--3 label{flex-direction:column;justify-content:center;text-align:center;min-height:92px;gap:6px}
.ron-champ{margin:0 0 12px}
.ron-champ label{display:block;font:700 .76rem var(--t-titre);letter-spacing:.07em;text-transform:uppercase;color:var(--gris);margin-bottom:6px}
.ron-champ input[type=text],.ron-champ input[type=tel],.ron-champ input[type=email],.ron-champ input[type=search]{width:100%;min-height:54px;padding:0 18px;border:2px solid var(--ligne);border-radius:16px;font:600 1.05rem var(--t-texte);background:#fff;color:var(--encre)}
.ron-champ input:focus{border-color:var(--nuit);outline:0;box-shadow:0 0 0 4px rgba(58,47,163,.14)}
.ron-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ron-coche{display:flex;gap:11px;align-items:flex-start;font-size:.84rem;line-height:1.4;color:var(--gris);margin:2px 0 14px}
.ron-coche input{flex:none;width:20px;height:20px;margin-top:1px;accent-color:var(--nuit)}
.ron-nav-t{display:flex;gap:10px;align-items:center;margin-top:12px}
.ron-nav-t .ron-btn{flex:1}
.ron-prec{flex:none;width:52px;height:52px;border-radius:50%;border:2px solid var(--ligne);background:#fff;color:var(--encre);cursor:pointer;display:grid;place-items:center}
.ron-prec[hidden]{display:none}
.ron-alerte{padding:11px 14px;border-radius:12px;background:#fff0ee;color:#8a1c14;font-size:.9rem;margin:0 0 12px}
.ron-erreur{color:#a3231a;font-size:.84rem;margin:4px 0 0;min-height:1.2em}
.ron-mini{margin:12px 0 0;font-size:.8rem;color:var(--gris);text-align:center}
.ron-villes-rapides{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 6px}
.ron-villes-rapides button{border:1px solid var(--ligne);background:var(--brume);border-radius:999px;padding:7px 13px;font:600 .86rem var(--t-titre);cursor:pointer;color:var(--encre)}
.ron-villes-rapides button:hover{background:var(--nuit);color:var(--lune);border-color:var(--nuit)}
.ron-tunnel .ron-etoiles{position:fixed;opacity:.9}
.ron-tunnel .ron-lune{top:70px;right:6%;width:120px;opacity:.9}
html.no-js body.ron-tunnel{height:auto;overflow:auto}
html.no-js .ron-etape{display:block;margin-bottom:22px}
@media(max-width:860px){
  .ron-tun{grid-template-columns:1fr;gap:0;align-content:start;padding-top:2px}
  .ron-tun-g{display:none}
  .ron-tun-d{padding:16px 18px 18px;border-radius:24px}
  .ron-tun-d .ron-arc{height:62px}
  .ron-q{font-size:1.28rem}
  .ron-choix{gap:7px}
  .ron-choix label{min-height:50px;padding:8px 11px;font-size:.88rem}
  .ron-choix i{width:28px;height:28px;font-size:.9rem}
  .ron-choix--3 label{min-height:78px}
  .ron-champ input[type=text],.ron-champ input[type=tel],.ron-champ input[type=email]{min-height:50px}
  .ron-tunnel .ron-lune{display:none}
  .ron-gar-m{display:flex!important;gap:6px 14px;flex-wrap:wrap;justify-content:center;margin:12px 0 0;color:#cdd3fb;font-size:.78rem;list-style:none;padding:0}
}
.ron-gar-m{display:none}
@media(max-height:760px) and (min-width:861px){.ron-tun-g p,.ron-gar{display:none}.ron-tun-d{padding:16px 24px 18px}}

/* confirmation */
.ron-merci{max-width:640px;margin:0 auto;text-align:center;padding:90px 0}
.ron-merci h1{font-size:clamp(2rem,4vw,2.8rem)}
.ron-code{display:inline-block;margin:6px 0 20px;padding:10px 22px;border-radius:14px;background:var(--nuit);color:var(--lune);font:800 1.4rem var(--t-titre);letter-spacing:.14em}

/* ───── articles ───── */
.ron-art-tete{background:linear-gradient(180deg,#0b0e2b,#1b1c62);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.ron-art-tete .ron-bande{padding:26px 0 60px}
.ron-art-tete h1{color:#fff;font-size:clamp(1.8rem,4vw,2.9rem);max-width:24ch;margin:12px 0 14px}
.ron-art-meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:#b8c0f2;font-size:.92rem}
.ron-art-tete .ron-puce{background:rgba(255,231,166,.16);color:var(--lune)}
.ron-art-grille{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:52px;padding:44px 0 70px;align-items:start}
.ron-texte{font-size:1.1rem;line-height:1.75;min-width:0}
.ron-texte>*:first-child{margin-top:0}
.ron-texte h2{margin:2em 0 .6em;font-size:clamp(1.45rem,2.6vw,1.9rem);padding-top:.2em;scroll-margin-top:90px}
.ron-texte h3{margin:1.6em 0 .5em;scroll-margin-top:90px}
.ron-texte img{max-width:100%;height:auto;border-radius:16px}
.ron-texte figure{margin:1.6em 0}
.ron-texte figcaption{font-size:.86rem;color:var(--gris);margin-top:6px}
.ron-texte ul,.ron-texte ol{padding-left:1.3em}
.ron-texte li{margin:.35em 0}
.ron-texte blockquote{margin:1.6em 0;padding:18px 24px;border-left:4px solid var(--lune2);background:#fff;border-radius:0 16px 16px 0;font-style:italic;color:var(--gris)}
.ron-texte table{width:100%;border-collapse:collapse;font-size:.96rem;display:block;overflow-x:auto}
.ron-texte th,.ron-texte td{border:1px solid var(--ligne);padding:9px 12px;text-align:left}
.ron-texte a{font-weight:600}
.ron-bloc{margin:2.2em 0;border-radius:22px;padding:24px 26px;clear:both}
.ron-saviez{background:linear-gradient(135deg,#fff6dd,#ffe9b8);border:1px solid #f3d58b;position:relative;overflow:hidden}
.ron-saviez::after{content:"";position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8),transparent 70%)}
.ron-bloc .ron-k{display:block;font:800 .76rem var(--t-titre);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.ron-saviez .ron-k{color:#8a5a00}
.ron-saviez p{margin:0;font:600 1.12rem/1.5 var(--t-titre);color:#3a2a00;position:relative;z-index:1}
.ron-coupe{background:linear-gradient(160deg,var(--nuit),var(--nebu));color:#e4e7ff}
.ron-coupe .ron-k{color:var(--lune)}
.ron-coupe h3{color:#fff;margin:0 0 10px;font-size:1.25rem}
.ron-coupe ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.ron-coupe li{display:flex;gap:11px;margin:0;font-size:1rem;line-height:1.5}
.ron-coupe li::before{content:"";flex:none;width:9px;height:9px;margin-top:.52em;border-radius:50%;background:var(--lune);box-shadow:0 0 8px var(--lune)}
.ron-info{background:#fff;border:1px solid var(--ligne)}
.ron-info .ron-k{color:var(--indigo)}
.ron-info h3{margin:0 0 4px;font-size:1.25rem}
.ron-info .ron-info-s{margin:0 0 14px;color:var(--gris);font-size:.92rem}
.ron-hypno{display:block;width:100%;height:auto;border-radius:14px;background:linear-gradient(180deg,#0b0e2b,#1b1c62)}
.ron-hypno .grille{stroke:rgba(211,217,255,.16);stroke-width:1}
.ron-hypno .courbe{fill:none;stroke:var(--lune);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:2000;stroke-dashoffset:2000;animation:ron-trace 6s ease forwards}
.ron-hypno text{fill:#b8c0f2;font:700 11px var(--t-titre)}
@keyframes ron-trace{to{stroke-dashoffset:0}}
.ron-stades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.ron-stades div{border-radius:14px;padding:12px 14px;background:var(--brume);font-size:.88rem;line-height:1.45;color:var(--gris)}
.ron-stades b{display:flex;align-items:center;gap:8px;font:800 .92rem var(--t-titre);color:var(--encre);margin-bottom:3px}
.ron-stades b::before{content:"";width:11px;height:11px;border-radius:50%;background:var(--c)}
.ron-form-bloc{background:linear-gradient(135deg,var(--nuit),var(--nebu));color:#fff}
.ron-form-bloc h3{color:#fff;font-size:1.35rem;margin:0 0 6px}
.ron-form-bloc p{color:#cdd3fb}
.ron-form-bloc .ron-recherche{max-width:none;grid-template-columns:1fr 1fr auto;margin-top:14px}
@media(max-width:700px){.ron-form-bloc .ron-recherche{grid-template-columns:1fr}.ron-stades{grid-template-columns:1fr}}
.ron-faq{margin:2.4em 0 0}
.ron-faq h2{margin-bottom:14px}
.ron-faq details{background:#fff;border:1px solid var(--ligne);border-radius:16px;margin:0 0 10px;transition:border-color .2s}
.ron-faq details[open]{border-color:#bdb7ea}
.ron-faq summary{cursor:pointer;list-style:none;padding:17px 56px 17px 22px;font:700 1.04rem/1.35 var(--t-titre);position:relative}
.ron-faq summary::-webkit-details-marker{display:none}
.ron-faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--brume);display:grid;place-items:center;font:800 1.2rem/1 var(--t-titre);color:var(--indigo)}
.ron-faq details[open] summary::after{content:"−";background:var(--nuit);color:var(--lune)}
.ron-faq .ron-rep{padding:0 22px 18px;color:var(--gris);font-size:1rem}
.ron-sommaire ol{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:2px}
.ron-sommaire li{counter-increment:s}
.ron-sommaire a{display:flex;gap:10px;padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--encre);font-size:.93rem;line-height:1.35}
.ron-sommaire a::before{content:counter(s,decimal-leading-zero);font:800 .78rem/1.6 var(--t-titre);color:var(--indigo)}
.ron-sommaire a:hover,.ron-sommaire a.is-on{background:var(--brume);color:var(--indigo)}
.ron-suite{border-top:1px solid var(--ligne);padding:50px 0 80px}
.ron-avert-med{margin:2em 0 0;font-size:.88rem;color:var(--gris);padding-top:1em;border-top:1px dashed var(--ligne)}
@media(max-width:960px){.ron-art-grille{grid-template-columns:1fr;gap:30px}.ron-lateral .ron-sommaire{display:none}}

/* ───── pied de page compact ───── */
.ron-pied{background:var(--nuit);color:#b8c0f2;position:relative}
.ron-pied .ron-bande{display:flex;flex-wrap:wrap;gap:22px 40px;align-items:center;justify-content:space-between;padding:30px 0 12px}
.ron-pied .ron-marque{font-size:1.15rem}
.ron-pied-liens{display:flex;flex-wrap:wrap;gap:6px 22px;list-style:none;margin:0;padding:0}
.ron-pied a{color:#d9defa;text-decoration:none;font:600 .92rem var(--t-titre)}
.ron-pied a:hover{color:var(--lune);text-decoration:underline}
.ron-pied-bas{width:min(1180px,100% - 40px);margin:0 auto;padding:12px 0 26px;border-top:1px solid rgba(211,217,255,.12);font-size:.82rem;display:flex;flex-wrap:wrap;gap:6px 28px;justify-content:space-between}
.ron-pied-bas p{margin:0}
.ron-pied-bas a{font-weight:500;font-size:.82rem;text-decoration:underline}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .ron-hypno .courbe{stroke-dashoffset:0}
  .ron-etape.is-on{animation:none}
}
.ron-art-tete .ron-fil,.ron-art-tete .ron-fil a,.ron-art-tete .ron-fil ol{color:#aab2e8}
.ron-bandeau .ron-fil ol,.ron-bandeau .ron-fil a{color:#aab2e8}
.ron-sur-nuit .ron-cartes>a{border-color:transparent}
.ron-pagination a,.ron-nuit .ron-pagination a{color:var(--encre)}
.ron-nuit .ron-pagination .cur,.ron-nuit .ron-pagination{color:#cdd3fb}
.ron-nuit .ron-pagination .page-numbers{color:#fff}
.ron-pagination .page-numbers{padding:9px 15px;border-radius:999px;border:1px solid var(--ligne);background:#fff;text-decoration:none;color:var(--encre)}
.ron-pagination .page-numbers.current{background:var(--nuit);color:var(--lune);border-color:var(--nuit)}
/* retouches après première capture */
.ron-ciel h1{max-width:20ch;font-size:clamp(2.1rem,4.6vw,3.4rem)}
.ron-ciel-in{padding:44px 0 128px}
.ron-arc{height:96px}
@media(max-width:860px){.ron-tun-d .ron-arc{height:78px}.ron-arc-box{inset:0 0 24px 0}}
.ron-zone .ron-carte,.ron-fiche-carte .ron-carte{overflow:hidden;border-radius:20px}
.ron-fil a{text-decoration:none}.ron-fil a:hover{text-decoration:underline}
.ron-carteband .ron-etiq a{background:rgba(255,255,255,.06);border-color:rgba(211,217,255,.2);color:#fff}
.ron-carteband .ron-etiq a small{color:var(--lune)}
.ron-carteband .ron-etiq a:hover{background:var(--lune);color:var(--nuit)}
.ron-carteband .ron-etiq a:hover small{color:var(--nuit)}

[hidden]{display:none!important}
.ron-arc-box{position:absolute;inset:0 0 28px 0}
.ron-arc-box svg{position:absolute;inset:0;width:100%;height:100%}
.ron-arc .piste,.ron-arc .fait{vector-effect:non-scaling-stroke}
.ron-lunule{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:var(--nuit);box-shadow:0 0 0 5px rgba(255,231,166,.55),0 0 18px rgba(244,200,103,.8);transition:left .7s cubic-bezier(.5,.1,.2,1),top .7s cubic-bezier(.5,.1,.2,1);left:6%;top:90%}
.ron-tunnel .ron-lune{top:auto;bottom:7%;left:5%;right:auto;width:96px;opacity:.95}
body.ron-tunnel main{overflow:hidden}
.ron-arc li{white-space:nowrap}
.ron-arc li:nth-child(4){left:92%}
@media(max-width:860px){.ron-tun{align-content:center;padding-bottom:40px}}
.ron-onde svg{max-width:none}
@media(max-width:760px){
  .ron-ciel-in{padding-top:92px}
  .ron-lune{width:74px;top:16px;right:50%;margin-right:-37px;opacity:.95}
  .ron-zzz{display:none}
  .ron-ciel h1{font-size:2.05rem}
}
/* après jugement du 23/10 */
.ron-arc .fait{vector-effect:none}
.ron-lunule{background:var(--lune);box-shadow:0 0 0 4px var(--nuit),0 0 0 6px rgba(255,231,166,.7),0 0 18px rgba(244,200,103,.8)}
.ron-tun-d .ron-lunule{box-shadow:0 0 0 4px var(--nuit),0 0 16px rgba(58,47,163,.35)}
.ron-pagination .page-numbers,.ron-nuit .ron-pagination .page-numbers{color:var(--encre);background:#fff;border:1px solid var(--ligne)}
.ron-pagination .page-numbers.current,.ron-nuit .ron-pagination .page-numbers.current{background:var(--lune);color:var(--nuit);border-color:var(--lune)}
.ron-pagination .page-numbers.dots{background:transparent;border:0;color:inherit}
.ron-cartes>a .ron-vig{display:block;margin:-22px -22px 12px;height:74px;border-radius:var(--rayon) var(--rayon) 0 0;overflow:hidden}
.ron-cartes>a .ron-vig svg{display:block;width:100%;height:100%}
.ron-cartes>a .ron-vig--img img{width:100%;height:100%;object-fit:cover;border-radius:0}
.ron-cats a .ron-vig{display:none}
.ron-zone .ron-carte{height:380px}
@media(max-width:760px){.ron-ciel-in{padding-top:106px}.ron-lune{top:20px}}
.ron-marque b{color:#b3acff}
.ron-pt-g text{stroke-width:.2em}
.ron-pt-g.is-focus .ron-pt{stroke-width:.35px}

body.ron-tunnel .ron-tete{flex:none}

/* 23/10 passe critiques : le tunnel remplit l'écran haut (pas de grand vide en bas) */
@media(min-width:861px) and (min-height:820px){
  .ron-tun{gap:64px;padding-bottom:36px}
  .ron-tun-g h1{font-size:clamp(2.2rem,3.8vw,3.2rem)}
  .ron-tun-g p{font-size:1.08rem}.ron-gar li{font-size:1.02rem}.ron-gar{gap:13px}
  .ron-tun-d{padding:34px 38px 32px}
  .ron-tun-d .ron-arc{height:104px}
  .ron-q{font-size:clamp(1.5rem,2.3vw,1.9rem);margin-top:10px}.ron-q-s{margin-bottom:20px}
  .ron-choix{gap:12px}.ron-choix label{min-height:72px;font-size:1.02rem}
  .ron-choix--3 label{min-height:118px}
  .ron-champ input[type=text],.ron-champ input[type=tel]{min-height:60px}
  .ron-nav-t{margin-top:20px}
}
@media(max-width:860px) and (min-height:800px){
  .ron-tun-d{padding:22px 20px 22px}
  .ron-choix label{min-height:66px}
  .ron-choix--3 label{min-height:112px}
  .ron-q{font-size:1.45rem}
  .ron-gar-m{margin-top:18px}
}
/* hauteur stable d'une étape à l'autre : chaque étape occupe au moins la hauteur de la plus longue (motifs) */
@media(min-width:861px) and (min-height:820px){.ron-tun-d .ron-etape.is-on{min-height:440px}.ron-tun-d .ron-nav-t{margin-top:22px}}
@media(max-width:860px) and (min-height:800px){.ron-tun-d .ron-etape.is-on{min-height:410px}}