/* ============================================================
   Carte 3D des prix — Paris 15e
   Deux registres assumés :
     · la carte est un instrument — fond encre, panneaux de verre, données qui brillent
     · le texte est du papier — fond brume, colonnes courtes, filets, aucune carte-boîte
   Ancrages de marque conservés : navy #072E50, rouge d'action #E2001A,
   Archivo + Instrument Sans, logo cigogne.
   ============================================================ */

:root{
  /* instrument */
  --encre:#071A2B;
  --encre-2:#0B2438;
  --verre:rgba(8,26,43,.74);
  --filet:rgba(255,255,255,.11);
  --filet-fort:rgba(255,255,255,.2);
  --texte-nuit:#EAF2F9;
  --texte-nuit-2:#8FA8BF;

  /* papier */
  --brume:#F4F7FA;
  --papier:#fff;
  --navy:#072E50;
  --bleu:#0D4A81;
  --encre-texte:#0E2031;
  --gris:#5C7086;
  --ligne:#E1E8EF;

  /* action */
  --rouge:#E2001A;
  --rouge-fonce:#B30015;

  /* échelle de prix, calibrée pour briller sur fond encre */
  --p1:#24C38E; --p2:#86D24A; --p3:#F2C14E; --p4:#F98A3C; --p5:#EF4B5E;
  --muet:#4C6076;

  --topbar:64px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--brume);color:var(--encre-texte);
  font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16.5px;line-height:1.58;-webkit-font-smoothing:antialiased;
}
h1,h2,h3,.nombre,.prix-cle,.bouton-rouge,.bouton-envoi{
  font-family:Archivo,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.032em;
}
.nombre,.prix-cle,.rang-prix{font-variant-numeric:tabular-nums}
h1{font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.04;font-weight:700;margin:0 0 .6rem}
h2{font-size:clamp(1.5rem,2.9vw,2.15rem);line-height:1.12;font-weight:700;margin:0 0 .9rem}
h3{font-size:1.06rem;font-weight:600;margin:0 0 .3rem;letter-spacing:-.02em}
p{margin:0 0 1.05rem;max-width:62ch}
sup{font-size:.56em;line-height:0;vertical-align:super}
a{color:var(--bleu)}
:focus-visible{outline:2.5px solid var(--rouge);outline-offset:3px;border-radius:3px}
.enveloppe{max-width:1120px;margin:0 auto;padding:0 24px}

/* ============================================================ bandeau */
.topbar{
  position:absolute;top:0;left:0;right:0;z-index:45;height:var(--topbar);
  display:flex;align-items:center;gap:18px;padding:0 22px;color:#fff;
  background:linear-gradient(180deg,rgba(4,14,24,.82),rgba(4,14,24,0));
}
.topbar.fixe{position:sticky;background:var(--navy);box-shadow:0 1px 0 rgba(0,0,0,.2)}
.topbar img{height:29px;width:auto;display:block}
.topbar .agence{font-size:.8rem;line-height:1.2;color:#A8C0D6;padding-left:16px;border-left:1px solid rgba(255,255,255,.18)}
.topbar .agence b{display:block;color:#fff;font-weight:600}
.topbar nav{margin-left:auto;display:flex;align-items:center;gap:22px}
.topbar nav a{color:#D3E2EF;text-decoration:none;font-size:.9rem}
.topbar nav a:hover{color:#fff}
.tel{
  background:var(--rouge);color:#fff!important;text-decoration:none;font-weight:600;
  padding:10px 18px;border-radius:9px;font-size:.9rem;white-space:nowrap;
  box-shadow:0 0 0 1px rgba(255,255,255,.16),0 8px 22px rgba(226,0,26,.28);
}
.tel:hover{background:var(--rouge-fonce)}
@media(max-width:900px){.topbar nav a:not(.tel){display:none}.topbar .agence{display:none}}

/* ============================================================ scène carte */
.scene{position:relative;overflow:hidden;height:100vh;min-height:620px;background:var(--encre)}
#carte{position:absolute;inset:0}
.maplibregl-ctrl-attrib{font-size:10px;background:rgba(7,26,43,.72)!important}
.maplibregl-ctrl-attrib a{color:#9FB6CB!important}
.maplibregl-ctrl-group{background:var(--verre)!important;border:1px solid var(--filet)!important;
  backdrop-filter:blur(14px)}
.maplibregl-ctrl-group button+button{border-top:1px solid var(--filet)!important}
.maplibregl-ctrl-group button span{filter:invert(1) brightness(1.6)}
@media(min-width:721px){.maplibregl-ctrl-top-right{margin-top:calc(var(--topbar) + 6px)}}
.maplibregl-ctrl-group button{width:32px;height:32px}
.maplibregl-ctrl-scale{background:transparent!important;border-color:var(--filet-fort)!important;color:#9FB6CB!important}

/* le rail : un seul panneau de verre, toute la hauteur */
.rail{
  position:absolute;top:calc(var(--topbar) + 14px);left:18px;z-index:20;
  max-height:calc(100vh - var(--topbar) - 40px);overflow-y:auto;
  width:378px;display:flex;flex-direction:column;
  background:var(--verre);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  border:1px solid var(--filet);border-radius:18px;color:var(--texte-nuit);
  box-shadow:0 30px 70px rgba(0,0,0,.42);overflow:hidden;
}
.rail-haut{padding:26px 24px 22px}
.rail-bas{padding:20px 24px 22px;border-top:1px solid var(--filet)}
.rail h1{font-size:1.72rem;margin-bottom:.45rem;color:#fff}
.rail .accroche{font-size:.9rem;color:var(--texte-nuit-2);margin:0 0 16px;max-width:none}

.chercher{position:relative;display:flex;gap:8px}
.chercher input{
  flex:1;min-width:0;padding:13px 15px;border:1px solid var(--filet-fort);border-radius:11px;
  background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:.95rem;
}
.chercher input::placeholder{color:#7E97AE}
.chercher input:focus{border-color:#4E9BD8;background:rgba(255,255,255,.12);outline:none}
.chercher button{
  background:var(--rouge);color:#fff;border:0;border-radius:11px;padding:0 20px;
  font:inherit;font-weight:600;cursor:pointer;
}
.chercher button:hover{background:var(--rouge-fonce)}
.suggestions{
  position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:6;display:none;overflow:hidden;
  background:#0C2032;border:1px solid var(--filet-fort);border-radius:12px;
  box-shadow:0 24px 50px rgba(0,0,0,.5);
}
.suggestions.ouvert{display:block}
.suggestions button{
  display:block;width:100%;text-align:left;background:none;border:0;color:var(--texte-nuit);
  border-bottom:1px solid var(--filet);padding:11px 15px;font:inherit;font-size:.88rem;cursor:pointer;
}
.suggestions button:last-child{border-bottom:0}
.suggestions button:hover,.suggestions button:focus{background:rgba(78,155,216,.2);color:#fff}

/* lecture au survol : le rail sert d'afficheur, pas seulement de menu */
.lecture{margin-top:18px;padding-top:16px;border-top:1px solid var(--filet);min-height:78px}
.lecture .vide{font-size:.85rem;color:var(--texte-nuit-2)}
.lecture .adr{font-family:Archivo;font-weight:600;font-size:1.02rem;color:#fff;letter-spacing:-.02em}
.lecture .val{font-family:Archivo;font-weight:700;font-size:1.85rem;line-height:1.1;margin-top:4px;
  font-variant-numeric:tabular-nums}
.lecture .val span{font-size:.85rem;font-weight:500;color:var(--texte-nuit-2);letter-spacing:0}
.lecture .det{font-size:.8rem;color:var(--texte-nuit-2);margin-top:2px}

.alerte-rail{
  margin-top:16px;background:rgba(242,193,78,.13);border:1px solid rgba(242,193,78,.35);
  border-radius:11px;padding:11px 13px;font-size:.79rem;color:#F3D38B;
}
.alerte-rail strong{color:#FBE7B4}

.legende-titre{font-size:.76rem;color:var(--texte-nuit-2);margin-bottom:9px}
.echelle{height:8px;border-radius:4px;
  background:linear-gradient(90deg,var(--p1),var(--p2),var(--p3),var(--p4),var(--p5))}
.bornes{display:flex;justify-content:space-between;font-size:.76rem;color:var(--texte-nuit-2);
  margin-top:6px;font-variant-numeric:tabular-nums}
.muet-note{display:flex;gap:9px;align-items:center;font-size:.76rem;color:var(--texte-nuit-2);margin-top:11px}
.pastille{width:12px;height:12px;border-radius:3px;background:var(--muet);flex:none}
.pastille-ok{width:12px;height:12px;border-radius:3px;background:var(--p1);flex:none}
.degrade-conf{width:26px;height:12px;border-radius:3px;flex:none;
  background:linear-gradient(90deg,rgba(134,210,74,.32),#86D24A)}

/* fiche : confiance, blocs thématiques, curseur DPE */
.confiance{display:flex;align-items:center;gap:11px;margin:0 0 20px;font-size:.78rem;color:var(--texte-nuit-2)}
.jauge-conf{width:64px;height:5px;border-radius:3px;background:rgba(255,255,255,.14);flex:none;overflow:hidden}
.jauge-conf i{display:block;height:100%;background:var(--p1)}
.titre-bloc{font-family:Archivo;font-size:.8rem;font-weight:600;color:var(--texte-nuit-2);
  text-transform:none;letter-spacing:0;margin:26px 0 10px;padding-top:16px;
  border-top:1px solid var(--filet)}
.mention{font-size:.76rem;color:var(--texte-nuit-2);margin:10px 0 0;line-height:1.5}
.mention b{color:#BFD4E6}
.curseur-dpe{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:12px}
.curseur-dpe label{font-size:.8rem;color:var(--texte-nuit-2)}
.curseur-dpe select{padding:8px 10px;border:1px solid var(--filet-fort);border-radius:9px;
  background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:.9rem}
.curseur-dpe select option{background:#0C2032}
.prix-ajuste{font-family:Archivo;font-weight:700;font-size:1.3rem;color:#fff;
  letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-left:auto}
.prix-ajuste span{font-size:.8rem;font-weight:500;color:var(--texte-nuit-2);letter-spacing:0}
.dpe-A,.dpe-B{color:#24C38E!important}.dpe-C,.dpe-D{color:#86D24A!important}
.dpe-E{color:#F2C14E!important}.dpe-F{color:#F98A3C!important}.dpe-G{color:#EF4B5E!important}

.filtres{display:flex;gap:8px;margin-top:16px}
.filtres > div{flex:1;min-width:0}
.filtres label{display:block;font-size:.72rem;color:var(--texte-nuit-2);margin-bottom:4px}
.filtres select{
  width:100%;padding:8px 9px;border:1px solid var(--filet-fort);border-radius:9px;
  background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:.83rem;
}
.filtres select option{background:#0C2032}
.segment{display:flex;margin-top:12px;border:1px solid var(--filet-fort);border-radius:10px;overflow:hidden}
.segment button{
  flex:1;padding:8px;background:none;border:0;color:var(--texte-nuit-2);font:inherit;
  font-size:.82rem;cursor:pointer;
}
.segment button+button{border-left:1px solid var(--filet-fort)}
.segment button[aria-pressed="true"]{background:rgba(255,255,255,.14);color:#fff;font-weight:600}

/* infobulle légère */
.infobulle{
  position:absolute;z-index:30;pointer-events:none;display:none;max-width:230px;
  background:#0A1E30;color:#fff;border:1px solid var(--filet-fort);
  padding:9px 12px;border-radius:10px;font-size:.81rem;line-height:1.35;
  box-shadow:0 14px 32px rgba(0,0,0,.5);
}
.infobulle b{display:block;font-size:.9rem;font-family:Archivo;letter-spacing:-.02em}

/* ============================================================ fiche */
.fiche{
  position:absolute;top:0;right:0;bottom:0;z-index:50;width:min(440px,100%);
  background:#081E31;border-left:1px solid var(--filet);color:var(--texte-nuit);
  transform:translateX(102%);transition:transform .32s cubic-bezier(.22,.7,.3,1);
  overflow-y:auto;box-shadow:-30px 0 70px rgba(0,0,0,.45);
}
.fiche.ouvert{transform:none}
@media(prefers-reduced-motion:reduce){.fiche{transition:none}}
.fiche-entete{padding:26px 28px 22px;border-bottom:1px solid var(--filet);position:relative}
.fiche-entete h2{color:#fff;font-size:1.36rem;margin:0;padding-right:44px}
.fiche-entete .lieu{color:var(--texte-nuit-2);font-size:.84rem;margin-top:4px}
.fermer{
  position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:10px;
  background:rgba(255,255,255,.08);border:1px solid var(--filet);color:#fff;
  font-size:1rem;line-height:1;cursor:pointer;
}
.fermer:hover{background:rgba(255,255,255,.18)}
.fiche-corps{padding:24px 28px 34px}
.prix-cle{font-size:2.5rem;font-weight:700;color:#fff;line-height:1;font-variant-numeric:tabular-nums}
.prix-cle span{font-size:.95rem;font-weight:500;color:var(--texte-nuit-2);letter-spacing:0}
.sous-prix{font-size:.86rem;color:var(--texte-nuit-2);margin:8px 0 20px}
.stats{list-style:none;margin:0 0 22px;padding:0}
.stats li{display:flex;justify-content:space-between;gap:14px;padding:10px 0;
  border-bottom:1px solid var(--filet);font-size:.89rem}
.stats li span:first-child{color:var(--texte-nuit-2)}
.stats li span:last-child{font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.avertissement{
  background:rgba(242,193,78,.12);border-left:2px solid #F2C14E;border-radius:0 11px 11px 0;
  padding:14px 16px;font-size:.86rem;color:#F0D8A0;margin-bottom:22px;
}
.avertissement b{display:block;color:#FBE7B4;margin-bottom:3px;font-family:Archivo}

/* formulaire nuit */
.form-titre{font-family:Archivo;font-weight:700;font-size:1.12rem;color:#fff;margin:0 0 5px;letter-spacing:-.025em}
.form-chapo{font-size:.85rem;color:var(--texte-nuit-2);margin-bottom:18px}
.fiche .champ label{color:var(--texte-nuit-2)}
.fiche .champ input,.fiche .champ select{background:rgba(255,255,255,.07);border-color:var(--filet-fort);color:#fff}
.fiche .champ select option{background:#0C2032}
.fiche .rgpd{color:var(--texte-nuit-2)}
.fiche .rgpd a{color:#9CC9EC}
.adresse-lue{
  padding:12px 14px;background:rgba(255,255,255,.06);border:1px solid var(--filet);
  border-radius:10px;font-weight:600;font-size:.9rem;color:#fff;
}

/* champs — communs nuit/jour */
.champ{margin-bottom:13px}
.champ label{display:block;font-size:.76rem;color:var(--gris);margin-bottom:5px}
.champ input,.champ select,.champ textarea{
  width:100%;padding:12px 13px;border:1px solid var(--ligne);border-radius:10px;
  font:inherit;font-size:.93rem;background:#fff;color:inherit;
}
.champ input:focus,.champ select:focus{border-color:var(--bleu);outline:none}
.duo{display:flex;gap:11px}
.duo > *{flex:1;min-width:0}
.rgpd{display:flex;gap:10px;align-items:flex-start;font-size:.78rem;color:var(--gris);margin:16px 0 18px}
.rgpd input{margin-top:2px;flex:none;width:17px;height:17px;accent-color:var(--rouge)}
.pot-de-miel{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bouton-envoi{
  width:100%;background:var(--rouge);color:#fff;border:0;border-radius:11px;padding:15px;
  font-weight:700;font-size:1.02rem;cursor:pointer;letter-spacing:-.02em;
  box-shadow:0 10px 26px rgba(226,0,26,.26);
}
.bouton-envoi:hover{background:var(--rouge-fonce)}
.bouton-envoi:disabled{background:#7A8896;box-shadow:none;cursor:default}
.message{margin-top:13px;font-size:.86rem;padding:13px;border-radius:10px;display:none}
.message.ok{display:block;background:rgba(36,195,142,.14);color:#1B7A5C;border:1px solid rgba(36,195,142,.4)}
.message.ko{display:block;background:rgba(239,75,94,.12);color:#A31226;border:1px solid rgba(239,75,94,.35)}
.fiche .message.ok,.bande-action .message.ok{color:#7FE3BE}
.fiche .message.ko,.bande-action .message.ko{color:#FFB3BC}

/* ============================================================ papier */
.section{padding:96px 0}
.section + .section{padding-top:0}
.intro-section{max-width:56ch;margin-bottom:44px}
.intro-section p{color:var(--gris);font-size:1.06rem}

/* trois faits, séparés par des filets — pas des cartes */
.faits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ligne)}
.fait{padding:26px 30px 26px 0;border-right:1px solid var(--ligne)}
.fait:last-child{border-right:0;padding-right:0}
.fait:not(:first-child){padding-left:30px}
.fait .cle{height:8px;width:60px;border-radius:4px;margin-bottom:16px}
.fait p{font-size:.93rem;color:var(--gris);margin:0}

/* quartiers : des rangs, avec la position réelle dans l'échelle du 15e */
.rangs{border-top:1px solid var(--ligne)}
.rang{
  display:grid;grid-template-columns:200px 1fr 160px;align-items:center;gap:26px;
  padding:22px 4px;border-bottom:1px solid var(--ligne);text-decoration:none;color:inherit;
}
.rang:hover{background:var(--papier)}
.rang-nom{font-family:Archivo;font-weight:700;font-size:1.22rem;letter-spacing:-.03em}
.rang-nom small{display:block;font-family:"Instrument Sans";font-weight:400;font-size:.78rem;
  color:var(--gris);letter-spacing:0;margin-top:2px}
.jauge{position:relative;height:7px;border-radius:4px;
  background:linear-gradient(90deg,var(--p1),var(--p2),var(--p3),var(--p4),var(--p5));opacity:.34}
.jauge i{position:absolute;top:-5px;width:3px;height:17px;border-radius:2px;background:var(--navy)}
.rang-prix{text-align:right;font-family:Archivo;font-weight:700;font-size:1.3rem;letter-spacing:-.03em}
.rang-prix small{display:block;font-family:"Instrument Sans";font-weight:400;font-size:.75rem;
  color:var(--gris);letter-spacing:0}

.deux-col{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.encadre{background:var(--papier);border:1px solid var(--ligne);border-radius:16px;padding:28px 30px}
.encadre h3{margin-bottom:10px}
.encadre p{font-size:.94rem;color:var(--gris)}
.encadre p:last-child{margin-bottom:0}

.bande-action{color:#fff;padding:84px 0;
  background:radial-gradient(120% 140% at 82% 0%,#0D4A81 0%,#072E50 52%,#061E36 100%)}
.bande-action h2{color:#fff;max-width:24ch}
.bande-action p{color:#B8CFE3;max-width:54ch;font-size:1.04rem}
.bande-action .actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px;align-items:center}
.bande-action .champ label{color:#9FBBD3}
.bande-action .rgpd{color:#A8C2D8}
.bande-action .rgpd a{color:#fff}
.bande-action .bouton-envoi{max-width:340px}
.bouton-rouge{
  background:var(--rouge);color:#fff;text-decoration:none;padding:16px 30px;border-radius:11px;
  font-weight:700;display:inline-block;border:0;font-size:1.02rem;cursor:pointer;letter-spacing:-.02em;
  box-shadow:0 12px 30px rgba(226,0,26,.3);
}
.bouton-rouge:hover{background:var(--rouge-fonce)}
.lien-clair{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:2px}

.pied{background:#061929;color:#7F97AD;font-size:.82rem;padding:54px 0 44px}
.pied a{color:#C2D6E6}
.pied p{max-width:none;margin:0 0 12px}
.pied .liens{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:22px;padding-bottom:22px;
  border-bottom:1px solid rgba(255,255,255,.1)}
.pied strong{color:#DCE8F2}

/* ============================================================ micro-pages */
.page{padding:52px 0 0}
.fil{font-size:.82rem;color:var(--gris);margin-bottom:18px}
.fil a{color:var(--gris);text-decoration:none;border-bottom:1px solid var(--ligne)}
.reperes{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px;padding:0;list-style:none}
.reperes li{background:var(--papier);border:1px solid var(--ligne);border-radius:99px;
  padding:6px 15px;font-size:.82rem;color:var(--gris)}
.chiffres{display:grid;grid-template-columns:repeat(3,1fr);margin:34px 0 40px;
  border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne)}
.chiffres div{padding:24px 28px 24px 0;border-right:1px solid var(--ligne)}
.chiffres div:last-child{border-right:0}
.chiffres div:not(:first-child){padding-left:28px}
.chiffres .val{font-family:Archivo;font-weight:700;font-size:2.1rem;line-height:1.05;
  letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--navy)}
.chiffres .lib{font-size:.8rem;color:var(--gris);margin-top:5px}
.tableau-rues{width:100%;border-collapse:collapse;font-size:.93rem;margin-top:8px;
  font-variant-numeric:tabular-nums}
.tableau-rues th{text-align:left;padding:12px 14px 12px 0;font-size:.76rem;font-weight:500;
  color:var(--gris);border-bottom:1px solid var(--encre-texte)}
.tableau-rues td{padding:13px 14px 13px 0;border-bottom:1px solid var(--ligne)}
.tableau-rues td:last-child,.tableau-rues th:last-child{text-align:right;padding-right:0;font-weight:600}
.tableau-rues td:nth-child(2),.tableau-rues th:nth-child(2),
.tableau-rues td.discret,.tableau-rues th:nth-child(3){text-align:right}
.tableau-rues td.discret{color:var(--gris);font-weight:400}
.tableau-rues tr:hover td{background:var(--papier)}
.note{font-size:.82rem;color:var(--gris);margin-top:14px;max-width:68ch}
.bandeau-demo{
  background:#FFF6DE;border:1px solid #EBD08B;border-radius:12px;
  padding:12px 15px;font-size:.85rem;color:#6A5210;margin:0 0 26px;
}
.rail .bandeau-demo{background:rgba(242,193,78,.13);border-color:rgba(242,193,78,.35);
  color:#F3D38B;margin:16px 0 0;font-size:.79rem}
.rail .bandeau-demo strong{color:#FBE7B4}

/* ============================================================ adaptatif */
@media(max-width:1080px){
  .rail{width:340px}
  .deux-col{gap:36px}
}
@media(max-width:900px){
  .faits{grid-template-columns:1fr}
  .fait{border-right:0;border-bottom:1px solid var(--ligne);padding:22px 0!important}
  .fait:last-child{border-bottom:0}
  .deux-col{grid-template-columns:1fr;gap:28px}
  .rang{grid-template-columns:1fr 130px;gap:16px}
  .jauge{display:none}
  .chiffres{grid-template-columns:1fr}
  .chiffres div{border-right:0;border-bottom:1px solid var(--ligne);padding:20px 0!important}
  .chiffres div:last-child{border-bottom:0}
  .section{padding:64px 0}
}
@media(max-width:720px){
  body{font-size:16px}
  .topbar{position:sticky;background:var(--navy)}
  .scene{height:auto;min-height:0;display:flex;flex-direction:column}
  .rail{display:contents}
  .rail-haut{order:1;background:var(--encre);padding:24px 22px 22px;color:var(--texte-nuit)}
  #carte{order:2;position:relative;height:52vh;min-height:340px}
  .rail-bas{order:3;background:var(--encre);padding:4px 22px 26px;border-top:0;color:var(--texte-nuit)}
  .lecture{display:none}
  .fiche{position:fixed;top:auto;height:88vh;border-radius:20px 20px 0 0;border-left:0;
    border-top:1px solid var(--filet);transform:translateY(102%)}
  .fiche.ouvert{transform:none}
  .infobulle{display:none!important}
  .filtres{flex-wrap:wrap}
  .filtres > div{min-width:calc(50% - 4px)}
  .tableau-rues{font-size:.88rem}
}