.pn .titre{padding:64px 0 40px}.pn h1{font-variation-settings:"wdth" 118, "wght" 830;letter-spacing:-.025em;text-wrap:balance;max-width:19ch;margin:0 0 22px;font-size:clamp(2.3rem,6.4vw,4.6rem);line-height:.96}.pn .chapeau{max-width:52ch;color:var(--pn-encre-douce);margin:0;font-size:clamp(1.05rem,2.2vw,1.32rem);line-height:1.5}.pn .effondrement{border-top:2px solid var(--pn-encre);margin:14px auto 68px;padding-top:26px}.pn .effondrement figcaption{font-family:var(--pn-grotesque);color:var(--pn-encre-douce);max-width:46ch;margin:0 0 26px;font-size:13.5px;line-height:1.45}.pn .barres{grid-template-columns:9.5rem 1fr;gap:3px 16px;display:grid}.pn .barre{grid-column:1/-1;grid-template-columns:9.5rem 1fr;align-items:center;gap:16px;display:grid;position:relative}.pn .barre .quand{font-family:var(--pn-grotesque);font-variation-settings:"wght" 560;text-align:right;color:var(--pn-encre-douce);white-space:nowrap;font-size:14px}.pn .piste{background:var(--pn-papier-creux);height:38px;position:relative}.pn .remplissage{background:var(--pn-marge);transform-origin:0;transform:scaleX(var(--p));position:absolute;inset:0}.pn .valeur{top:0;bottom:0;right:calc((1 - var(--p)) * 100% + 11px);font-family:var(--pn-grotesque);font-variation-settings:"wght" 680;color:var(--pn-papier);white-space:nowrap;align-items:center;font-size:14px;display:flex;position:absolute}.pn .barre[data-dehors] .valeur{right:auto;left:calc(var(--p) * 100% + 11px);color:var(--pn-encre-douce)}.pn .barre[data-critique] .remplissage{background:var(--pn-limite)}.pn .barre[data-critique] .valeur{color:var(--pn-limite)}.pn .barre[data-critique] .quand{color:var(--pn-encre);font-variation-settings:"wght" 760}.pn .axe{font-family:var(--pn-grotesque);color:var(--pn-encre-douce);border-top:1px solid var(--pn-regle);grid-column:2;margin-top:7px;padding-top:9px;font-size:12px}.pn .corps{max-width:var(--pn-mesure);margin:0 auto}.pn .corps p{margin:0 0 1.15em}.pn h2{font-variation-settings:"wdth" 108, "wght" 760;letter-spacing:-.015em;max-width:24ch;margin:2.4em 0 .7em;font-size:1.62rem;line-height:1.15}.pn .exergue{border-left:3px solid var(--pn-limite);margin:2em 0;padding:2px 0 2px 20px;font-size:1.16rem;line-height:1.45}.pn .calc{background:var(--pn-encre);color:var(--pn-papier);margin:72px 0;padding:44px 0 48px}.pn .calc h2{color:var(--pn-papier);font-variation-settings:"wdth" 112, "wght" 800;max-width:20ch;margin:0 0 8px;font-size:clamp(1.5rem,3.4vw,2.15rem)}.pn .calc .intro{color:var(--pn-nuit-etiquette);max-width:50ch;margin:0 0 34px;font-size:1rem}.pn .champs{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end;gap:18px 22px;max-width:820px;display:grid}.pn .champ{flex-direction:column;gap:7px;display:flex}.pn .champ label{font-variation-settings:"wght" 600;color:var(--pn-nuit-etiquette);letter-spacing:.01em;font-size:12.5px}.pn .champ input,.pn .champ select{border:0;border-bottom:1.5px solid var(--pn-nuit-champ);color:var(--pn-papier);font-variation-settings:"wght" 560;appearance:none;background:0 0;border-radius:0;width:100%;padding:6px 2px;font-size:1.32rem}.pn .champ input:focus-visible,.pn .champ select:focus-visible{outline:2px solid var(--pn-papier);outline-offset:3px;border-bottom-color:var(--pn-papier)}.pn .champ select option{background:var(--pn-encre)}.pn .champ .aide{color:var(--pn-nuit-aide);font-size:11.5px;font-family:var(--pn-grotesque)}.pn .calc button{background:var(--pn-papier);color:var(--pn-encre);font-variation-settings:"wght" 700;cursor:pointer;letter-spacing:.005em;border:0;margin-top:30px;padding:15px 30px;font-size:15px}.pn .calc button:hover{background:#fff}.pn .calc button:focus-visible{outline:2px solid var(--pn-papier);outline-offset:3px}.pn .resultat{border-top:1px solid var(--pn-nuit-regle);margin-top:40px;padding-top:32px;animation:.45s ease-out pn-apparait}@keyframes pn-apparait{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.pn .sentence{font-family:var(--pn-grotesque);font-variation-settings:"wdth" 112, "wght" 800;letter-spacing:-.02em;max-width:22ch;margin:0 0 6px;font-size:clamp(1.35rem,3.6vw,2.1rem);line-height:1.1}.pn .sentence[data-ton=tenu]{color:var(--pn-tenu)}.pn .sentence[data-ton=limite]{color:var(--pn-limite-clair)}.pn .sentence[data-ton=rompu]{color:var(--pn-rompu)}.pn .explication{color:var(--pn-nuit-texte);max-width:52ch;margin:14px 0 0;font-size:1rem}.pn .mesures{background:var(--pn-nuit-regle);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;max-width:760px;margin:30px 0 0;display:grid}.pn .mesure{background:var(--pn-encre);padding:15px 4px 17px 0}.pn .mesure dt{font-family:var(--pn-grotesque);color:var(--pn-nuit-terne);font-variation-settings:"wght" 600;margin-bottom:5px;font-size:11.5px}.pn .mesure dd{font-family:var(--pn-grotesque);font-variation-settings:"wdth" 108, "wght" 700;letter-spacing:-.01em;margin:0;font-size:1.55rem}.pn .erreur{color:var(--pn-rompu);font-family:var(--pn-grotesque);margin-top:18px;font-size:14px}.pn .capture{border:2px solid var(--pn-encre);margin:78px 0 96px;padding:38px 34px}.pn .capture h2{margin:0 0 10px;font-size:1.5rem}.pn .capture p{max-width:48ch;color:var(--pn-encre-douce);margin:0 0 24px;font-size:1.02rem}.pn .ligne-mail{flex-wrap:wrap;gap:12px;max-width:560px;display:flex}.pn .ligne-mail input{border:1.5px solid var(--pn-regle);font-size:15px;font-family:var(--pn-grotesque);background:#fff;border-radius:0;flex:240px;padding:13px 14px}.pn .ligne-mail input:focus-visible{outline:2px solid var(--pn-encre);outline-offset:2px}.pn .ligne-mail button{background:var(--pn-encre);color:var(--pn-papier);font-variation-settings:"wght" 700;cursor:pointer;border:0;padding:13px 26px;font-size:14.5px}.pn .ligne-mail button:focus-visible{outline:2px solid var(--pn-encre);outline-offset:3px}.pn .ligne-mail button[disabled]{opacity:.55;cursor:progress}.pn .mention{font-family:var(--pn-grotesque);color:var(--pn-encre-douce);margin-top:16px;font-size:11.5px}.pn .reponse{font-family:var(--pn-grotesque);max-width:48ch;margin:16px 0 0;font-size:14px;line-height:1.5}.pn .reponse[data-etat=erreur]{color:var(--pn-limite)}.pn .hors-ecran{position:absolute;left:-9999px}@media (max-width:640px){body{font-size:17.5px}.pn .barres{grid-template-columns:7rem 1fr;gap:3px 11px}.pn .barre{grid-template-columns:7rem 1fr;gap:11px}.pn .barre .quand{font-size:12.5px}.pn .titre{padding:44px 0 30px}}