.px-page{--px-trait:var(--trait-nuit);--px-carte:#f4f1ea09;--px-bulle:#13253c;color:var(--sur-nuit);background:linear-gradient(#f4f1ea08 1px, transparent 1px) 0 0 / 40px 40px, linear-gradient(90deg, #f4f1ea08 1px, transparent 1px) 0 0 / 40px 40px, var(--nuit);padding-bottom:clamp(2rem,5vw,3.5rem)}.px-page a{color:var(--second-clair)}.px-page ul>li,.px-page ol>li{margin-block:0}.px-tete{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:1rem 2.5rem;padding-block:clamp(1.6rem,4vw,2.8rem) clamp(1rem,2.5vw,1.5rem);display:grid}.px-tete .etiquette a{color:var(--sur-nuit-2)}.px-tete h1{color:var(--sur-nuit);margin:.3rem 0 .6rem;font-size:clamp(1.9rem,4.6vw,3.2rem);line-height:1.05}.px-tete .accroche{max-width:42rem;color:var(--sur-nuit-2);margin:0}.px-reperes-tete{border:1px solid var(--px-trait);border-radius:var(--rayon);background:var(--px-carte);font-family:var(--police-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sur-nuit-2);grid-template-columns:repeat(3,auto);justify-content:start;gap:.5rem 1.6rem;margin:0;padding:.9rem 1rem;font-size:.68rem;list-style:none;display:grid}.px-reperes-tete li{gap:.15rem;display:grid}.px-reperes-tete strong{font-family:var(--police-titres);letter-spacing:0;color:var(--sur-nuit);font-size:1.45rem;font-weight:500}.px-reperes-tete .px-releve{grid-column:1/-1;align-items:center;gap:.5em;display:flex}.px-releve:before{content:"";background:var(--second-clair);border-radius:50%;width:.5em;height:.5em}.px-pistes{grid-template-columns:auto repeat(4,minmax(0,1fr));align-items:stretch;gap:.6rem;margin-bottom:clamp(.9rem,2vw,1.3rem);display:grid}.px-pistes-titre{font-family:var(--police-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sur-nuit-2);writing-mode:vertical-rl;align-self:center;margin:0;font-size:.66rem;transform:rotate(180deg)}.px-piste{border:1px solid var(--px-trait);border-radius:var(--rayon);background:var(--px-carte);color:var(--sur-nuit-2);font:inherit;text-align:left;cursor:pointer;align-content:start;gap:.2rem;padding:.65rem .8rem .7rem;font-size:.8rem;line-height:1.4;transition:border-color .2s,transform .25s cubic-bezier(.2,.8,.3,1.2),background .2s;display:grid}.px-piste strong{color:var(--sur-nuit);font-size:.88rem}.px-piste:hover{border-color:#f4f1ea59;transform:translateY(-2px)}.px-piste[aria-pressed=true]{border-color:var(--jaune);background:color-mix(in srgb, var(--jaune) 10%, transparent)}.px-outil{position:relative}.px-reglages{z-index:5;background:color-mix(in srgb, var(--nuit) 92%, transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--px-trait);flex-wrap:wrap;align-items:center;gap:.5rem 1.1rem;padding:.6rem 0;display:flex;position:sticky;top:0}.px-segments{align-items:center;gap:.2rem;display:inline-flex}.px-reglage-nom{font-family:var(--police-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sur-nuit-2);margin-right:.35rem;font-size:.62rem}.px-segments button,.px-variantes button{border:1px solid var(--px-trait);min-height:2rem;color:var(--sur-nuit);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.25rem .7rem;font-size:.82rem;font-weight:550;transition:background .2s,border-color .2s,color .2s}.px-segments button:hover,.px-variantes button:hover{border-color:#f4f1ea66}.px-segments button[aria-pressed=true]{background:var(--jaune);border-color:var(--jaune);color:var(--nuit)}.px-taxes-inutiles .px-segments-taxes{opacity:.45}.px-case{color:var(--sur-nuit);cursor:pointer;align-items:center;gap:.45rem;font-size:.85rem;display:inline-flex}.px-case input{width:1rem;height:1rem;accent-color:var(--jaune)}.px-selection{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:.8rem;margin-top:.9rem;display:grid}.px-famille{border:1px solid var(--px-trait);border-radius:var(--rayon);background:var(--px-carte);min-width:0;margin:0;padding:.6rem .8rem .75rem}.px-famille-marches{background:repeating-linear-gradient(135deg, #f4f1ea06 0 6px, transparent 6px 12px), var(--px-carte)}.px-famille-nom{color:var(--sur-nuit);padding:0 .35rem;font-size:.9rem;font-weight:700}.px-famille-detail{color:var(--sur-nuit-2);margin:0 0 .15rem;font-size:.76rem;line-height:1.4}.px-choix-liste{flex-wrap:wrap;gap:.45rem;margin-top:.35rem;display:flex}.px-choix{flex-wrap:wrap;align-items:center;gap:.3rem;display:inline-flex}.px-interrupteur{border:1px solid var(--px-trait);min-height:2.25rem;color:var(--sur-nuit-2);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .8rem .3rem .6rem;font-size:.84rem;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.px-interrupteur:hover{border-color:color-mix(in srgb, var(--c) 70%, transparent)}.px-interrupteur[aria-pressed=true]{border-color:var(--c);background:color-mix(in srgb, var(--c) 16%, transparent);color:var(--sur-nuit)}.px-cle{border:2px solid var(--c);background:0 0;border-radius:50%;flex:none;width:.7rem;height:.7rem;display:inline-block}.px-actif .px-cle,.px-fiche .px-cle,.px-etiquette-courbe .px-cle{background:var(--c)}.px-choix-nom{font-weight:650}.px-choix-detail{color:var(--sur-nuit-2);font-size:.78rem}.px-manque .px-interrupteur{border-style:dashed}.px-variantes{gap:.15rem;display:none}.px-actif .px-variantes{display:inline-flex}.px-variantes button{min-height:1.8rem;padding:.15rem .55rem;font-size:.74rem}.px-variantes button[aria-pressed=true]{border-color:var(--c);background:color-mix(in srgb, var(--c) 30%, transparent)}.px-avis{border-left:3px solid var(--jaune);border-radius:0 var(--rayon) var(--rayon) 0;background:color-mix(in srgb, var(--jaune) 8%, transparent);margin-top:.8rem;padding:.55rem .8rem;font-size:.86rem}.px-avis p{margin:0}.px-graphiques{border-radius:var(--rayon);touch-action:pan-y;margin-top:.6rem;position:relative}.px-graphiques:focus-visible{outline:2px solid var(--jaune);outline-offset:4px}.px-svg{width:100%;height:auto;display:block;overflow:visible}.px-panneau+.px-panneau{margin-top:.5rem}.px-panneau-titre{flex-wrap:wrap;align-items:baseline;gap:.1rem .7rem;margin:0 0 .15rem;font-size:.92rem;display:flex}.px-panneau-titre strong{color:var(--sur-nuit)}.px-panneau-titre span{font-family:var(--police-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--sur-nuit-2);font-size:.66rem}.px-grille{stroke:#f4f1ea14;stroke-width:1px}.px-grille-forte{stroke:#f4f1ea4d;stroke-width:1px}.px-grille-temps{stroke:#f4f1ea0b;stroke-width:1px}.px-graduation{fill:var(--sur-nuit-2);font-family:var(--police-texte);font-variant-numeric:tabular-nums;font-size:11px}.px-axe{stroke:#f4f1ea4d;stroke-width:1px}.px-courbe{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.px-courbe-avant{opacity:.42}.px-fin{stroke:var(--nuit);stroke-width:2px}.px-renvoi{stroke-width:1px;opacity:.55}.px-nom-courbe{fill:var(--sur-nuit);font-family:var(--police-texte);font-size:12px;font-weight:600}.px-trait-evenement{stroke:#f2c14e33;stroke-width:1px}.px-trait-evenement.px-actif{stroke:var(--jaune);stroke-width:1.5px}.px-reperes{position:relative}.px-repere{background:var(--nuit);width:1.45rem;height:1.45rem;color:var(--jaune);font-family:var(--police-mono);cursor:pointer;border:1px solid #f2c14e8c;border-radius:50%;place-items:center;padding:0;font-size:.64rem;transition:background .2s,transform .2s;display:grid;position:absolute;transform:translate(-50%)}.px-repere:after{content:"";position:absolute;inset:-.35rem}.px-repere:hover,.px-repere.px-actif{background:var(--jaune);color:var(--nuit);transform:translate(-50%)scale(1.1)}.px-viseur{pointer-events:none;background:#f4f1ea99;width:1px;position:absolute}.px-bulle{z-index:4;border-radius:var(--rayon);background:var(--px-bulle);pointer-events:none;border:1px solid #f4f1ea2e;min-width:14rem;max-width:26rem;padding:.55rem .75rem .6rem;font-size:.8rem;line-height:1.4;position:absolute;box-shadow:0 12px 30px #00000059}.px-bulle p{margin:0}.px-bulle-date{color:var(--sur-nuit);font-weight:700;margin-bottom:.25rem!important}.px-bulle-groupe{font-family:var(--police-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sur-nuit-2);font-size:.6rem;margin-top:.35rem!important}.px-bulle-ligne{color:var(--sur-nuit-2)}.px-bulle-ligne strong{color:var(--sur-nuit);font-variant-numeric:tabular-nums}.px-cle-trait{vertical-align:.25em;background:var(--c);width:.9rem;height:2px;margin-right:.4rem;display:inline-block}.px-bulle-evenement{border-top:1px solid var(--px-trait);color:var(--jaune);align-items:center;gap:.4rem;padding-top:.35rem;display:flex;margin-top:.35rem!important}.px-vide{border:1px dashed var(--px-trait);border-radius:var(--rayon);text-align:center;color:var(--sur-nuit-2);margin:1.5rem 0;padding:2.5rem 1rem}.px-evenement{border-left:3px solid var(--jaune);border-radius:0 var(--rayon) var(--rayon) 0;background:color-mix(in srgb, var(--jaune) 7%, var(--nuit));margin-top:.8rem;padding:.75rem 2.6rem .8rem 1rem;font-size:.9rem;line-height:1.5;position:relative}.px-evenement p{margin:0}.px-evenement-date{font-family:var(--police-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sur-nuit-2);align-items:center;gap:.5rem;font-size:.68rem;display:flex}.px-evenement-titre{color:var(--sur-nuit);font-weight:700;margin:.15rem 0 .2rem!important}.px-evenement-sources{color:var(--sur-nuit-2);font-size:.8rem;margin-top:.35rem!important}.px-fermer{width:2rem;height:2rem;color:var(--sur-nuit);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.3rem;position:absolute;top:.4rem;right:.5rem}.px-fermer:hover{background:#f4f1ea14}.px-evenement-numero{background:var(--nuit);width:1.45rem;height:1.45rem;color:var(--jaune);font-family:var(--police-mono);letter-spacing:0;border:1px solid #f2c14e8c;border-radius:50%;flex:none;place-items:center;font-size:.64rem;display:inline-grid}.px-mode-emploi{color:var(--sur-nuit-2);max-width:52rem;margin:.8rem 0 0;font-size:.82rem}.px-titre-fiches{color:var(--sur-nuit);margin:clamp(1.4rem,3vw,2rem) 0 .6rem;font-size:1.05rem}.px-fiches{grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.px-fiche{border:1px solid var(--px-trait);border-radius:var(--rayon);background:var(--px-carte);color:var(--sur-nuit-2);padding:.75rem .9rem .8rem 1.05rem;font-size:.84rem;line-height:1.45;position:relative;overflow:hidden}.px-fiche:before{content:"";background:var(--c);width:3px;position:absolute;inset:0 auto 0 0}.px-fiche p{margin:0}.px-fiche-titre{color:var(--sur-nuit);flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.px-fiche-variante{border:1px solid var(--px-trait);border-radius:999px;padding:0 .4rem;font-size:.72rem}.px-fiche-precision{margin-top:.25rem!important}.px-fiche-evolution{color:var(--sur-nuit);margin-top:.35rem!important}.px-fiche dl{grid-template-columns:auto 1fr;gap:.15rem .7rem;margin:.5rem 0 0;display:grid}.px-fiche dt{font-family:var(--police-mono);letter-spacing:.06em;text-transform:uppercase;padding-top:.15rem;font-size:.62rem}.px-fiche dd{margin:0}.px-fiche-note{font-size:.78rem;margin-top:.45rem!important}.px-tableau{margin-top:1rem}.px-tableau summary{cursor:pointer;color:var(--second-clair);font-weight:600}.px-tableaux{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:.8rem;margin-top:.7rem;display:grid}.px-tableau-bloc{border:1px solid var(--px-trait);border-radius:var(--rayon);max-height:22rem;overflow:auto}.px-tableau-bloc table{border-collapse:collapse;width:100%;margin:0;font-size:.8rem}.px-tableau-bloc caption{text-align:left;color:var(--sur-nuit);padding:.5rem .6rem;font-weight:650}.px-tableau-bloc th,.px-tableau-bloc td{border-top:1px solid var(--px-trait);text-align:left;font-variant-numeric:tabular-nums;color:var(--sur-nuit-2);padding:.25rem .6rem}.px-tableau-bloc thead th{background:var(--nuit);color:var(--sur-nuit);position:sticky;top:0}.px-sans-js .px-reglages,.px-sans-js .px-selection,.px-sans-js .px-reperes,.px-sans-js .px-tableau,.px-page:has(.px-sans-js) .px-pistes{display:none}.px-section{padding-block:clamp(2rem,5vw,3.25rem)}.px-section h2{margin:0}.px-intro{max-width:46rem;color:var(--encre-2);margin:.6rem 0 0}.px-chronologie{grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr));gap:1rem 1.6rem;margin:clamp(1rem,2.5vw,1.5rem) 0 0;padding:0;list-style:none;display:grid}.px-chronologie li{grid-template-columns:auto 1fr;align-items:start;gap:.75rem;scroll-margin-top:5rem;display:grid}.px-chronologie .px-evenement-numero{width:1.9rem;height:1.9rem;font-size:.72rem}.px-chronologie h3{margin:.1rem 0 .25rem;font-size:1rem;line-height:1.3}.px-chronologie p{color:var(--encre-2);margin:0;font-size:.9rem;line-height:1.5}.px-chrono-date{font-family:var(--police-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem!important}.px-chrono-concerne{flex-wrap:wrap;align-items:center;gap:.3rem .6rem;display:flex;margin-top:.4rem!important}.px-chrono-concerne a{font-size:.8rem;font-weight:600}.px-chrono-sources{margin-top:.3rem!important;font-size:.78rem!important}.px-etiquette-courbe{color:var(--encre);align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.px-unites-section{background:var(--papier-2)}.px-unites{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:.9rem;margin:clamp(1rem,2.5vw,1.5rem) 0 0;padding:0;list-style:none;display:grid}.px-unites li{border-radius:var(--rayon);background:var(--blanc);color:var(--encre-2);align-content:start;gap:.3rem;padding:.85rem .95rem .9rem;font-size:.88rem;line-height:1.5;display:grid}.px-unites strong{color:var(--encre)}.px-unite{background:var(--nuit);color:var(--jaune);font-family:var(--police-mono);border-radius:999px;justify-self:start;padding:.1rem .5rem;font-size:.72rem}.px-defile{margin-top:1rem;overflow-x:auto}.px-sources{width:100%;min-width:52rem;font-size:.84rem;line-height:1.45}.px-sources th,.px-sources td{vertical-align:top;text-align:left}.px-sources tbody th{font-weight:600}.px-sources-famille,.px-sources-rythme,.px-sources-licence{color:var(--encre-2);margin-top:.15rem;font-size:.74rem;font-weight:400;display:block}.px-nowrap{white-space:nowrap}.px-methode-section{background:var(--papier-2)}.px-methode{max-width:52rem;color:var(--encre-2);gap:.6rem;margin:1rem 0 0;padding-left:1.1rem;display:grid}.px-methode strong{color:var(--encre)}.px-telecharger{max-width:52rem;margin:1.2rem 0 0}@media (width<=63.99rem){.px-tete{grid-template-columns:minmax(0,1fr)}.px-pistes{grid-template-columns:repeat(2,minmax(0,1fr))}.px-pistes-titre{writing-mode:horizontal-tb;grid-column:1/-1;transform:none}.px-selection{grid-template-columns:minmax(0,1fr)}}@media (width<=39.99rem){.px-reperes-tete{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem .8rem}.px-pistes{scroll-snap-type:x mandatory;margin-inline:calc(var(--marge) * -1);padding-inline:var(--marge);padding-bottom:.3rem;display:flex;overflow-x:auto}.px-pistes-titre{display:none}.px-piste{scroll-snap-align:start;flex:0 0 min(78%,17rem)}.px-reglages{gap:.45rem .8rem;position:static}.px-reglage-nom{min-width:4.2rem}.px-segments button{padding-inline:.55rem;font-size:.78rem}.px-choix-detail{font-size:.72rem}.px-bulle{min-width:11rem;max-width:15rem;font-size:.76rem}}
