/* Confort à distance : tailles en --u, identiques en HD et en 4K. */
body{font-weight:400}
.cadre [hidden]{display:none!important}
.cadre[data-confort="confort"],.cadre[data-confort="loin"]{
  --carte:#17201b;--carte-2:#111914;--texte-2:#e0e9e3;--doux:#b6c6bc;
}
.cadre[data-fond="clair"][data-confort="confort"],.cadre[data-fond="clair"][data-confort="loin"]{
  --carte:#ffffff;--carte-2:#f1f4ef;--texte-2:#293a30;--doux:#45594c;
}
.cadre[data-fond="clair"][data-palette=""]{
  --vert:#087a4c;--vert-fond:rgba(8,122,76,.1);--vert-bord:rgba(8,122,76,.38);
  --orange:#9b5708;--orange-fond:rgba(155,87,8,.1);--orange-bord:rgba(155,87,8,.38);--encre-orange:#ffffff;
}
.cadre[data-marge="large"]{padding:calc(var(--u)*3.3) max(calc(var(--u)*4),env(safe-area-inset-right,0px)) calc(var(--u)*3.3) max(calc(var(--u)*4),env(safe-area-inset-left,0px))}
.cadre:is([data-confort="confort"],[data-confort="loin"]){--lecture-facteur:1}
.cadre[data-confort="loin"]{--lecture-facteur:1.12}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .tete{padding-bottom:calc(var(--u)*1.1)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .heure{font-size:calc(var(--u)*5.2)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .baseline{font-size:calc(var(--u)*1.25);letter-spacing:.12em}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .date{font-size:calc(var(--u)*1.85)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .etiquette{font-size:calc(var(--u)*1.3);letter-spacing:.12em}
.cadre:is([data-confort="confort"],[data-confort="loin"]) :is(.message,.recap,.photo-legende,.fete-page){background-color:var(--carte-2)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .message{gap:calc(var(--u)*2.6);padding:calc(var(--u)*2.6) calc(var(--u)*3.3)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .message-surtitre{font-size:calc(var(--u)*1.45*var(--k));letter-spacing:.12em}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .message-titre{font-size:calc(var(--u)*5.2*var(--k));line-height:1.12;overflow-wrap:anywhere;hyphens:auto}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .message-texte{font-size:calc(var(--u)*2.8*var(--k)*var(--lecture-facteur));line-height:1.36;max-width:48ch;white-space:pre-line;overflow-wrap:anywhere;hyphens:auto;text-wrap:pretty}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .message-note{font-size:calc(var(--u)*1.65*var(--k));line-height:1.35}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .message.dense .message-titre{font-size:calc(var(--u)*4.3*var(--k));margin-top:calc(var(--u)*.7*var(--k))}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .message.dense .message-texte{margin-top:calc(var(--u)*1*var(--k));max-width:56ch}
.cadre:is([data-confort="confort"],[data-confort="loin"]) :is(.horaires-carte,.contact-carte){padding:calc(var(--u)*2)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .etat-boutique{margin-top:calc(var(--u)*1.2*var(--k));gap:calc(var(--u)*.7*var(--k))}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .etat-boutique .pastille{font-size:calc(var(--u)*1.4*var(--k))}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .etat-phrase{font-size:calc(var(--u)*2.1*var(--k));line-height:1.3}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .creneaux{padding-top:calc(var(--u)*.8*var(--k));gap:calc(var(--u)*.55*var(--k))}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .creneau{padding-block:calc(var(--u)*.6*var(--k))}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .creneau-note{font-size:calc(var(--u)*1.4*var(--k));line-height:1.3}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .creneau-jour{font-size:calc(var(--u)*2.2*var(--k)*var(--lecture-facteur))}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .creneau-heures{font-size:calc(var(--u)*2.5*var(--k))}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .coord-libelle{font-size:calc(var(--u)*1.3*var(--k));letter-spacing:.1em}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .coord-valeur{font-size:calc(var(--u)*2.5*var(--k));line-height:1.25}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .coordonnees{--k:1;flex:1;min-height:0;overflow:hidden;margin-top:calc(var(--u)*1);gap:calc(var(--u)*.8*var(--k))}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .qr{flex-shrink:0}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .recap-liste{--colonnes:2!important}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .recap{padding:calc(var(--u)*2) calc(var(--u)*2.4);gap:calc(var(--u)*1.3) calc(var(--u)*2.4)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .recap-titre{font-size:calc(var(--u)*3.4);line-height:1.15}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .recap-sous{font-size:calc(var(--u)*1.5);line-height:1.3;max-width:65ch}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .recap-valeur{font-size:calc(var(--u)*4.8)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .recap-libelle{font-size:calc(var(--u)*1.4);line-height:1.35;max-width:22ch}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .asso{padding:calc(var(--u)*1.05*var(--k)) calc(var(--u)*1.4*var(--k))}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .asso-nom{font-size:calc(var(--u)*2.25*var(--k)*var(--lecture-facteur));line-height:1.24}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .asso-meta{font-size:calc(var(--u)*1.5*var(--k));line-height:1.3}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .photo.groupee{grid-template-columns:minmax(0,1fr) calc(var(--u)*40)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .photo-assos li{font-size:calc(var(--u)*1.9*var(--k));line-height:1.3;padding-block:calc(var(--u)*.7*var(--k))}
.cadre[data-confort="loin"] .photo.groupee{grid-template-columns:minmax(0,1fr) calc(var(--u)*45)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .photo.groupee .photo-nom{font-size:calc(var(--u)*2.9*var(--k));line-height:1.2}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .photo.groupee .photo-montant{font-size:calc(var(--u)*2.3*var(--k))}
.photo-assos-suite{margin:calc(var(--u)*.9*var(--k)) 0 0;font-size:calc(var(--u)*1.4*var(--k));font-weight:600;color:var(--doux)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .photo-image{animation:none;transform:none}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .releves dt{font-size:calc(var(--u)*1.2);letter-spacing:.07em}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .accueil-duo .carte{padding:calc(var(--u)*1.9)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .meteo-principal{margin-top:calc(var(--u)*.8)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .releves dd{font-size:calc(var(--u)*2)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .prevision .jour{font-size:calc(var(--u)*1.25)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .prevision .t{font-size:calc(var(--u)*1.75)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .prevision .t span{font-size:calc(var(--u)*1.25)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .meteo-statut{font-size:calc(var(--u)*1.2)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .fete-entete .etiquette{font-size:calc(var(--u)*1.25)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .fete-date{font-size:calc(var(--u)*1.75)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .pied .pastille{font-size:calc(var(--u)*1.35)}
.cadre:is([data-confort="confort"],[data-confort="loin"]) .pied-phrase{font-size:calc(var(--u)*1.6);font-weight:400}
/* Le texte reste immobile pendant la lecture ; les ambiances continuent en arrière-plan. */
html[data-transitions="douces"] .cadre .page{animation:none!important;clip-path:none;transform:none;transition:opacity .35s ease,visibility 0s linear .35s}
html[data-transitions="douces"] .cadre .page.actif{opacity:1;visibility:visible;transition:opacity .45s ease,visibility 0s}
html[data-transitions="douces"] .cadre .page.sortie{opacity:0;visibility:hidden}
html[data-transitions="douces"] .cadre .page .entre{animation:none;opacity:1;transform:none}
html[data-transitions="douces"] .cadre .scene::after{animation:none!important;opacity:0}