/* Le résultat animé d'une page de cas d'usage (vitrine/v3/resultats.py). Tout s'écrit en em. */
.rz{font-size:clamp(11.5px,1.02vw,14.5px);min-height:36em;color:#F0EEE7}
.rz-sc{display:grid;grid-template-columns:minmax(0,17em) minmax(0,1fr);gap:1.4em;padding:1.5em;min-height:36em;transition:opacity .45s}
.pv-sort .rz-sc{opacity:0}
.rz .rz-ic{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* le fil de l'agent */
.rz-fil{list-style:none;margin:0;padding:.6em 0 0;display:flex;flex-direction:column;gap:1.05em;position:relative}
.rz-fil li{display:grid;grid-template-columns:1.3em minmax(0,1fr);gap:.7em;align-items:start;font-size:1em;line-height:1.35;color:#D8D5CD}
.rz-pt{position:relative;display:block;width:1.3em;height:1.3em;margin-top:.05em;border-radius:50%;background:rgba(144,184,253,.14);box-shadow:inset 0 0 0 1.5px #90B8FD}
.rz-pt::after{content:"";position:absolute;inset:.33em;border-radius:50%;background:#22C55E;box-shadow:0 0 .8em rgba(34,197,94,.9)}
.pv-go .rz-pt::after{animation:rz-point .3s var(--ressort) calc((var(--a) * 1s) + var(--d)) both}
.pv-go .rz-pt{animation:rz-tourne .9s ease-in-out calc(var(--a) * 1s) 2}
@keyframes rz-point{from{opacity:0;scale:.2}to{opacity:1;scale:1}}
@keyframes rz-tourne{50%{box-shadow:inset 0 0 0 1.5px #fff,0 0 1em rgba(144,184,253,.75)}}

/* la scène */
.rz-ou{position:relative;min-width:0;border-radius:1.5em;padding:1.4em 1.4em 4.6em;background:radial-gradient(80% 90% at 80% 0%,rgba(78,129,238,.18),transparent 70%),#1B1B19;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.rz-balaye{position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none;background:linear-gradient(100deg,transparent 42%,rgba(144,184,253,.16) 50%,transparent 58%);background-size:260% 100%}
.pv-go .rz-balaye{animation:rz-balaye 2.4s linear 0s infinite,rz-off var(--d) linear both}
@keyframes rz-balaye{from{background-position:130% 0}to{background-position:-130% 0}}
@keyframes rz-off{0%,92%{opacity:1}100%{opacity:0}}
.rz-fin{position:absolute;z-index:5;right:1em;bottom:1em;display:inline-flex;align-items:center;gap:.5em;max-width:calc(100% - 2em);padding:.6em 1.05em;border-radius:999px;background:#22C55E;color:#04240F;font-weight:800;box-shadow:0 .9em 2.4em -.5em rgba(34,197,94,.75)}
.pv-go .rz-fin{animation-name:pv-pop,rz-halo;animation-duration:.55s,1.8s;animation-timing-function:cubic-bezier(.2,1.25,.3,1),ease-out;animation-delay:calc(var(--a) * 1s),calc(var(--a) * 1s + .4s);animation-fill-mode:both,none}
@keyframes rz-halo{from{box-shadow:0 0 0 0 rgba(34,197,94,.65)}to{box-shadow:0 0 0 2.4em rgba(34,197,94,0)}}

/* écrire une ligne */
.rz-tape{display:inline}
.pv-go .rz-tape{display:inline-block;max-width:100%;animation:rz-ecrit var(--d) steps(24) calc(var(--a) * 1s) both}
@keyframes rz-ecrit{from{clip-path:inset(0 100% 0 0);opacity:.2}10%{opacity:1}to{clip-path:inset(0 -1% 0 0);opacity:1}}

/* la planche */
.rz-pl{position:relative;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:1em}
.rz-tu{min-width:0;border-radius:1em;background:#F7F6F2;color:#1A1A18;overflow:hidden;box-shadow:0 1em 2.6em -1em rgba(0,0,0,.8)}
.rz-v{position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden}
.rz-leg{padding:.6em .8em .7em;line-height:1.25}
.rz-leg b{display:block;font-size:.95em;font-weight:800}
.rz-leg small{display:block;margin-top:.1em;font-size:.82em;color:#4A4842}
.rz-mono{font-size:4em;font-weight:800;letter-spacing:-.06em}
.rz-mot{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.9em;font-style:italic;letter-spacing:-.01em;text-align:center;line-height:1.05;padding:0 .4em}
.rz-v--logo small{position:absolute;bottom:.5em;left:0;right:0;text-align:center;font-weight:800;font-size:.86em;letter-spacing:-.01em}
.rz-sym{width:48%;margin-top:-.8em;fill:none;stroke:currentColor;stroke-width:8;stroke-linecap:round}
.pv-go .rz-sym path{stroke-dasharray:1;animation:rz-trace .9s ease-in-out calc(var(--a,0) * 1s + .25s + var(--r,0s)) both}
@keyframes rz-trace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.rz-v--nu{display:flex;background:#fff}
.rz-v--nu i{flex:1;height:100%}
.pv-go .rz-v--nu i{transform-origin:bottom;animation:rz-monte .55s var(--courbe) calc(var(--a,0) * 1s + var(--k) * .08s) both}
@keyframes rz-monte{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.rz-v--af,.rz-v--po{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.28em;padding:.8em}
.rz-v--af b,.rz-v--po b{position:relative;font-size:1.25em;line-height:1.05;font-weight:800;letter-spacing:-.03em}
.rz-rond{position:absolute;right:-16%;top:-22%;width:62%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.2)}
.rz-l{position:relative;display:block;width:70%;height:.28em;border-radius:1em;background:currentColor;opacity:.55}
.rz-l--c{width:46%;opacity:.3}
.rz-v--ec{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.34em;padding:.6em .8em;background:#fff}
.rz-ec-b{display:flex;gap:.2em;margin-bottom:.3em}.rz-ec-b i{width:.36em;height:.36em;border-radius:50%;background:#C5C1B6}
.rz-v--ec b{font-size:1.1em;line-height:1.05;font-weight:800;letter-spacing:-.03em}
.rz-ec-l{display:block;width:90%;height:.28em;border-radius:1em;background:#DDD9CF}.rz-ec-l--c{width:62%}
.rz-ec-bt{display:block;width:34%;height:.9em;margin-top:.25em;border-radius:1em}
.rz-choix{position:absolute;z-index:3;left:calc((100% + 1em) / var(--cols) * var(--col));top:calc((100% + 1em) / var(--ligs) * var(--lig));width:calc((100% + 1em) / var(--cols) - 1em);height:calc((100% + 1em) / var(--ligs) - 1em);border-radius:1em;box-shadow:0 0 0 .22em #4E81EE,0 0 3em rgba(78,129,238,.9);pointer-events:none}
.rz-choix span{position:absolute;right:.5em;top:.5em;padding:.2em .6em;border-radius:999px;background:#4E81EE;color:#0E1526;font-size:.82em;font-weight:800}
.rz-curseur{position:absolute;z-index:4;left:var(--cx);top:var(--cy);width:2.1em;height:2.1em;opacity:0;filter:drop-shadow(0 .4em .6em rgba(0,0,0,.5))}
.pv-go .rz-curseur{animation:rz-curseur 1.1s var(--courbe) calc(var(--a) * 1s) both}
@keyframes rz-curseur{from{left:108%;top:112%;opacity:0}20%{opacity:1}to{left:var(--cx);top:var(--cy);opacity:1}}

/* le tableau */
.rz-tb-t{margin-bottom:.8em;font-size:1.1em;font-weight:800;letter-spacing:-.02em}
.rz-tb{display:grid;gap:.34em}
.rz-tb-h,.rz-tb-l{position:relative;display:grid;grid-template-columns:var(--g);align-items:center;gap:.8em;padding:.68em .9em;border-radius:.65em;min-width:0}
.rz-tb-h{font-size:.82em;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#A8A49C}
.rz-tb-l{background:rgba(255,255,255,.055);font-family:var(--mono);font-size:.92em}
.rz-tb-l span{min-width:0;overflow-wrap:anywhere}
.rz-tb-l .rz-c0{font-family:var(--police);font-weight:700;font-size:1.05em}
.rz-tb-l--sig{background:rgba(244,168,110,.14);box-shadow:inset 0 0 0 1px rgba(244,168,110,.6);padding-bottom:2em}
.rz-tb-l em{position:absolute;left:.9em;bottom:.5em;font-style:normal;font-family:var(--police);font-size:.86em;font-weight:800;color:#F4A86E}
.rz-tb-tot{display:flex;justify-content:space-between;gap:1em;margin-top:.7em;padding:.8em 1em;border-radius:.8em;background:#4E81EE;color:#0E1526;font-weight:700}
.rz-tb-tot b{font-family:var(--mono);font-size:1.1em}

/* le courriel */
.rz-ml{border-radius:1.1em;background:#F7F6F2;color:#1A1A18;padding:1.1em 1.4em;box-shadow:0 1.6em 3em -1.4em #000}
.rz-ml-c{display:flex;gap:.8em;padding:.45em 0;border-bottom:1px solid rgba(26,26,24,.1)}
.rz-ml-c span{flex:none;width:3.4em;color:#6B6760}
.rz-ml-c b{min-width:0;font-weight:700}
.rz-ml-b{padding:.9em 0 .3em}
.rz-ml-b p{margin:0 0 .55em;line-height:1.45;color:#2B2A27}
.rz-ml-j{display:inline-flex;align-items:center;gap:.45em;margin-bottom:.8em;padding:.4em .8em;border-radius:.6em;background:#E8E6DE;font-weight:600;font-size:.92em}
.rz-ml-p{display:flex;align-items:center;justify-content:space-between;gap:1em;flex-wrap:wrap}
.rz-ml-e{color:#14803D;font-weight:800;font-size:.95em}
.rz-ml-env{padding:.55em 1.3em;border-radius:999px;background:#1A1A18;color:#fff;font-weight:800}
.pv-go .rz-ml-env{animation-name:pv-pop,rz-appel;animation-duration:.55s,1.8s;animation-delay:calc(var(--a) * 1s),calc(var(--a) * 1s + .6s);animation-iteration-count:1,infinite;animation-fill-mode:both,none}
@keyframes rz-appel{50%{box-shadow:0 0 0 .55em rgba(78,129,238,.3)}}

/* l'agenda */
.rz-ag-t{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin-bottom:.5em;font-size:.86em;font-weight:700;color:#A8A49C;text-align:center}
.rz-ag-g{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));height:27em;border-radius:1em;background:repeating-linear-gradient(0deg,transparent 0 calc(25% - 1px),rgba(255,255,255,.06) calc(25% - 1px) 25%),rgba(255,255,255,.03);overflow:hidden}
.rz-ag-g>i{border-left:1px solid rgba(255,255,255,.06)}.rz-ag-g>i:first-child{border:0}
.rz-ag-b{position:absolute;padding:.4em .5em;border-radius:.6em;font-size:.86em;font-weight:700;line-height:1.15;overflow:hidden;overflow-wrap:anywhere}
.rz-ag-b--fixe{background:#2A2A27;color:#CFCCC4}
.rz-ag-b--propose{background:rgba(144,184,253,.12);color:#90B8FD;box-shadow:inset 0 0 0 1.5px #90B8FD;border-radius:.6em}
.rz-ag-b--pose{background:#4E81EE;color:#0E1526;box-shadow:0 0 2em rgba(78,129,238,.75)}

/* le document */
.rz-doc{border-radius:1.1em;background:#F7F6F2;color:#1A1A18;padding:1.2em 1.5em;box-shadow:0 1.6em 3em -1.4em #000;line-height:1.4}
.rz-doc-s{display:flex;align-items:center;gap:.4em;font-size:.82em;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#2F5CC4}
.rz-doc h4{margin:.3em 0 .5em;font-size:1.5em;line-height:1.12;font-weight:800;letter-spacing:-.03em}
.rz-doc h5{margin:.7em 0 .25em;font-size:1em;font-weight:800}
.rz-doc p{margin:0 0 .28em;color:#4A4842}
.rz-doc-n{display:inline-block;margin-top:.6em;padding:.35em .75em;border-radius:.6em;background:#FBEFE4;color:#B4531F;font-weight:700;font-size:.92em}
.rz-lec{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1em;align-items:start}
.rz-lu mark{color:inherit;background:linear-gradient(#F4A86E,#F4A86E) 0 100%/100% 42% no-repeat;font-weight:700}
.pv-go .rz-lu mark{animation:rz-surligne .55s ease-out calc(var(--a) * 1s) both}
@keyframes rz-surligne{from{background-size:0 42%}to{background-size:100% 42%}}
.rz-lu-c{display:flex;flex-direction:column;gap:.7em;padding-top:2.2em}
.rz-lu-n{padding:.65em .8em;border-radius:.75em;background:#2A2A27;box-shadow:inset 0 0 0 1px rgba(244,168,110,.55);color:#F4A86E;font-weight:600;font-size:.94em;line-height:1.3}

/* la page web */
.rz-pg{display:grid;grid-template-columns:minmax(0,1fr) 9em;gap:1em;align-items:center}
.rz-pg-sc{display:flex;justify-content:center;min-width:0}
.rz-pg-nav{width:100%;border-radius:.9em;overflow:hidden;background:#fff;color:#1A1A18;box-shadow:0 1.6em 3em -1.4em #000}
.pv-go .rz-pg-nav{animation:rz-largeurs var(--d2) var(--courbe) calc(var(--a) * 1s) both}
@keyframes rz-largeurs{0%,30%{width:100%}42%,66%{width:62%}78%,100%{width:36%}}
.rz-pg-ad{display:flex;align-items:center;gap:.3em;padding:.5em .7em;background:#ECEAE3;font-size:.8em;color:#4A4842;white-space:nowrap;overflow:hidden}
.rz-pg-ad i{flex:none;width:.6em;height:.6em;border-radius:50%;background:#C5C1B6}
.rz-pg-ad span{margin-left:.5em;overflow:hidden;text-overflow:ellipsis}
.rz-pg-co{padding:1.3em;min-height:24em}
.rz-pg-h1{font-size:1.65em;line-height:1.08;font-weight:800;letter-spacing:-.04em;overflow-wrap:anywhere}
.rz-pg-s{margin-top:.5em;color:#4A4842;font-size:.92em;line-height:1.35}
.rz-pg-bt{display:inline-block;margin-top:.8em;padding:.5em 1.1em;border-radius:999px;background:#2F5CC4;color:#fff;font-weight:800;font-size:.9em}
.rz-pg-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.4em,1fr));gap:.5em;margin-top:1em}
.rz-pg-c{padding:.7em;border-radius:.7em;background:#F1EFE8;min-width:0}
.rz-pg-c b{display:block;font-size:.86em;line-height:1.15;overflow-wrap:anywhere}
.rz-pg-c i{display:block;height:.28em;margin-top:.42em;border-radius:1em;background:#DDD9CF}
.rz-pg-ls{display:flex;flex-direction:column;gap:.5em;align-items:stretch}
.rz-pg-lg{display:flex;align-items:center;justify-content:space-between;gap:.4em;padding:.5em .7em;border-radius:.6em;background:rgba(34,197,94,.14);color:#7EE2A4;font-family:var(--mono);font-size:.86em}
.rz-pg-df{padding:.55em .7em;border-radius:.6em;background:rgba(244,168,110,.14);box-shadow:inset 0 0 0 1px rgba(244,168,110,.6);color:#F4A86E;font-weight:700;font-size:.86em;line-height:1.25}

/* le montage */
.rz-mt{display:grid;gap:.9em}
.rz-mt-ec{position:relative;display:grid;place-items:center;height:18em;border-radius:1em;overflow:hidden;background:radial-gradient(70% 90% at 30% 20%,#2F5CC4,transparent 70%),radial-gradient(60% 80% at 85% 80%,#B4531F,transparent 70%),#0F0F0E}
.rz-mt-ec b{font-size:1.9em;line-height:1.05;font-weight:800;letter-spacing:-.04em;text-align:center;padding:0 .6em;margin-top:-1em}
.rz-mt-tc{position:absolute;right:.8em;top:.7em;padding:.1em .5em;border-radius:.4em;background:rgba(0,0,0,.55);font-family:var(--mono);font-size:.84em}
.rz-mt-st{position:absolute;left:50%;bottom:.9em;translate:-50% 0;width:max-content;max-width:88%;padding:.25em .7em;border-radius:.4em;background:rgba(0,0,0,.72);color:#fff;font-weight:600;font-size:.98em;text-align:center;opacity:0}
.rz-mt-st:last-of-type{opacity:1}
.pv-go .rz-mt-st,.pv-go .rz-mt-st:last-of-type{opacity:0;animation:rz-st var(--pas) linear calc(var(--a) * 1s) both}
.pv-go .rz-mt-st[style*="--der"]{animation-name:rz-st-der}
@keyframes rz-st{0%{opacity:0}8%,90%{opacity:1}100%{opacity:0}}
@keyframes rz-st-der{0%{opacity:0}8%,100%{opacity:1}}
.rz-mt-tl{position:relative;display:grid;gap:.34em;padding:.6em;border-radius:.9em;background:#141413;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.rz-mt-p{position:relative;height:2.7em}
.rz-mt-p--a{display:flex;align-items:center;gap:1px;height:2.2em;padding:0 .2em;border-radius:.5em;background:rgba(144,184,253,.1);overflow:hidden}
.rz-mt-p--a i{flex:1;height:calc(var(--h) * 1%);border-radius:1px;background:#90B8FD}
.rz-mt-pl{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 .5em;border-radius:.45em;font-size:.84em;font-weight:700;white-space:nowrap;overflow:hidden;color:#0E1526}
.rz-mt-pl--0{background:#4E81EE}.rz-mt-pl--1{background:#90B8FD}.rz-mt-pl--2{background:#F4A86E;color:#2B1606}
.rz-mt-pl span{overflow:hidden;text-overflow:ellipsis}
.rz-mt-tete{position:absolute;top:0;bottom:0;left:.6em;width:2px;background:#fff;box-shadow:0 0 .7em #fff;opacity:0}
.pv-go .rz-mt-tete{animation:rz-tete var(--d) linear calc(var(--a) * 1s) both}
@keyframes rz-tete{from{left:.6em;opacity:1}to{left:calc(100% - .6em);opacity:1}}

/* le volume */
.rz-3d{display:grid;grid-template-columns:minmax(0,1fr) 11em;gap:.9em;align-items:center}
.rz-3d svg{display:block;width:100%;height:auto;overflow:visible}
.rz-3d-so{fill:rgba(144,184,253,.14);stroke:#90B8FD;stroke-width:1.5}
.pv-go .rz-3d-so{stroke-dasharray:100;animation:rz-sol .8s linear calc(var(--a) * 1s) both}
@keyframes rz-sol{from{stroke-dashoffset:100;fill-opacity:0}to{stroke-dashoffset:0;fill-opacity:1}}
.rz-3d-m polygon{transform-box:fill-box;transform-origin:50% 100%}
.pv-go .rz-3d-m polygon{animation:rz-monte .9s var(--ressort) calc(var(--a) * 1s) both}
.rz-3d text{font:800 13px Manrope,system-ui,sans-serif;fill:#fff;stroke:#141413;stroke-width:4px;paint-order:stroke;stroke-linejoin:round;text-anchor:middle}
.rz-3d text.rz-3d-c{font:500 14px "JetBrains Mono",monospace;fill:#3A1E08;stroke:none}
.rz-3d-vs{display:grid;gap:.6em}
.rz-3d-ca small{display:block;margin-top:.25em;font-size:.86em;color:#D8D5CD}
.rz-3d-v{display:block;height:5.4em;border-radius:.6em}
.rz-3d-v--0{background:linear-gradient(160deg,#F2E6D6,#C4622D)}.rz-3d-v--1{background:linear-gradient(160deg,#DCE8FF,#4E81EE)}.rz-3d-v--2{background:linear-gradient(160deg,#ECE9E0,#8B867D)}

/* les tâches */
.rz-ta{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:.7em;align-items:start}
.rz-ta-co{display:grid;gap:.5em;min-width:0;min-height:26em;align-content:start;padding:.7em;border-radius:.9em;background:rgba(255,255,255,.04)}
.rz-ta h6{margin:0 0 .3em;font-size:.84em;font-weight:700;letter-spacing:.04em;color:#A8A49C;text-transform:uppercase}
.rz-ta-ca{padding:.65em .7em;border-radius:.7em;background:#2A2A27;line-height:1.25;min-width:0}
.rz-ta-ca b{display:block;font-size:.95em;font-weight:700;overflow-wrap:anywhere}
.rz-ta-ca small{display:block;margin-top:.2em;font-size:.82em;color:#A8A49C}
.rz-ta-ca--ok{background:#203149;box-shadow:inset 0 0 0 1px #4E81EE,0 0 1.6em -.3em #4E81EE}
.rz-ta-ca--part{background:transparent;padding:0;min-height:0}
.rz-ta-ca--part>div{padding:.65em .7em;border-radius:.7em;background:#2A2A27}
.rz-ta-ca--part>.pvx-off{opacity:0;height:0;padding:0;overflow:hidden}
.pv-go .rz-ta-ca--part>.pvx-off{height:auto;padding:.65em .7em}

/* le terminal */
.rz-te{font-family:var(--mono);font-size:.98em;line-height:1.4;padding:1em 1.1em;border-radius:1em;background:#0F0F0E;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.rz-te p{margin:0 0 .34em;overflow-wrap:anywhere}
.rz-te-cmd{color:#fff}.rz-te-sortie{color:#A8A49C}.rz-te-ok{color:#7EE2A4}.rz-te-ajout{color:#7EE2A4}.rz-te-retrait{color:#F19A8E}.rz-te-alerte{color:#F4A86E}
.rz-te-pr{height:.3em;margin-top:.8em;border-radius:1em;background:rgba(255,255,255,.08);overflow:hidden}
.rz-te-pr i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#4E81EE,#7EE2A4)}
.pv-go .rz-te-pr i{transform-origin:left;animation:rz-barre var(--d) linear calc(var(--a) * 1s) both}
@keyframes rz-barre{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* le lien */
.rz-li{display:grid;grid-template-columns:minmax(0,1fr) 3em minmax(0,1.15fr);gap:.6em;align-items:center}
.rz-li-g{display:grid;gap:.45em;min-width:0}
.rz-li-f{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.5em;align-items:center;padding:.6em .7em;border-radius:.7em;background:#2A2A27;font-size:.94em}
.rz-li-f span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.rz-li-f small{color:#A8A49C;font-family:var(--mono);font-size:.86em}
.rz-li-fl{height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#90B8FD);position:relative}
.rz-li-fl::after{content:"";position:absolute;right:0;top:-.28em;width:.6em;height:.6em;border-top:2px solid #90B8FD;border-right:2px solid #90B8FD;transform:rotate(45deg)}
.rz-li-d{display:grid;gap:.6em;min-width:0}
.rz-li-ad{display:flex;align-items:center;gap:.6em;padding:.85em;border-radius:1em;background:#F7F6F2;color:#1A1A18;box-shadow:0 0 3em -.4em #4E81EE}
.rz-li-ic{flex:none;display:grid;place-items:center;width:2.3em;height:2.3em;border-radius:.6em;background:#4E81EE;color:#0E1526}
.rz-li-ad b{min-width:0;font-family:var(--mono);font-size:.9em;font-weight:500;overflow-wrap:anywhere}
.rz-li-ex{display:inline-flex;align-items:center;gap:.45em;width:max-content;max-width:100%;padding:.35em .75em;border-radius:999px;background:rgba(244,168,110,.14);color:#F4A86E;font-weight:700;font-size:.92em}
.rz-li-m{padding:.7em .85em;border-radius:.8em;background:#2A2A27;color:#D8D5CD;line-height:1.35;font-size:.94em}

/* le bilan */
.rz-bi-ks{display:grid;grid-template-columns:repeat(auto-fit,minmax(7em,1fr));gap:.6em}
.rz-bi-k{padding:.8em .9em;border-radius:.9em;background:rgba(255,255,255,.055);min-width:0}
.rz-bi-k b{display:block;font-size:1.9em;font-weight:800;letter-spacing:-.04em;line-height:1.05;color:#90B8FD}
.rz-bi-k small{display:block;margin-top:.2em;font-size:.86em;color:#D8D5CD}
.rz-bi-g{display:flex;align-items:flex-end;gap:.6em;height:13em;margin-top:1em;padding:.6em .4em 0;border-bottom:1px solid rgba(255,255,255,.1)}
.rz-bi-b{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;height:100%;position:relative}
.rz-bi-b i{display:block;height:calc(var(--v) - 1.6em);min-height:.4em;border-radius:.4em .4em 0 0;background:linear-gradient(180deg,#90B8FD,#2F5CC4)}
.rz-bi-b small{height:1.6em;line-height:1.6em;font-size:.82em;text-align:center;color:#A8A49C;white-space:nowrap;overflow:hidden}
.pv-go .rz-bi-b i{transform-origin:bottom;animation:rz-monte .75s var(--courbe) calc(var(--a) * 1s) both}
.rz-bi-ph{margin-top:.8em;padding-right:9em;line-height:1.35;color:#D8D5CD}

/* le rangement */
.rz-ra{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.2em;align-items:start}
.rz-ra-g{display:grid;gap:.42em;align-content:start;min-height:100%;padding:.8em;border-radius:1em;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14)}
.rz-ra-g small{color:#A8A49C;font-size:.86em}
.rz-ra-v{rotate:var(--rot);min-width:0}
.rz-ra-v>div{display:flex;align-items:center;gap:.45em;padding:.5em .7em;border-radius:.6em;background:#2A2A27;font-size:.92em;font-weight:600;min-width:0}
.rz-ra-v span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rz-ra-v .pvx-off{opacity:.35}
.pv-go .rz-ra-v .pvx-off{opacity:1}
.rz-ra-dr{display:grid;gap:.8em}
.rz-ra-d{display:flex;align-items:center;gap:.5em;color:#90B8FD}
.rz-ra-d b{color:#F0EEE7}
.rz-ra-b ul{list-style:none;margin:.35em 0 0;padding:0 0 0 1.6em;display:grid;gap:.3em}
.rz-ra-b li{padding:.34em .6em;border-radius:.5em;background:#203149;color:#DCE8FF;font-size:.9em;overflow-wrap:anywhere}

/* l'application */
.rz-ap{display:grid;grid-template-columns:10em minmax(0,1fr);border-radius:1em;overflow:hidden;background:#F7F6F2;color:#1A1A18;box-shadow:0 1.6em 3em -1.4em #000;min-height:26em}
.rz-ap-m{display:flex;flex-direction:column;gap:.35em;padding:1em;background:#ECEAE3}
.rz-ap-m b{margin-bottom:.6em;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.rz-ap-m span{padding:.35em .55em;border-radius:.5em;font-size:.92em;color:#4A4842}
.rz-ap-m .est-la{background:#fff;color:#1A1A18;font-weight:700}
.rz-ap-c{display:grid;gap:.45em;align-content:start;padding:1em;min-width:0}
.rz-ap-l{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:.6em;align-items:center;padding:.65em .8em;border-radius:.7em;background:#fff;box-shadow:0 0 0 1px rgba(26,26,24,.07)}
.rz-ap-l b{font-weight:700;min-width:0;overflow-wrap:anywhere;line-height:1.2}
.rz-ap-l small{color:#6B6760;min-width:0;overflow-wrap:anywhere;font-size:.86em}
.rz-ap-l em{font-style:normal;padding:.15em .55em;border-radius:999px;font-size:.84em;font-weight:800;white-space:nowrap}
.rz-ap-e--bleu{background:#DCE8FF;color:#2F5CC4}.rz-ap-e--orange{background:#FBEFE4;color:#B4531F}.rz-ap-e--vert{background:#DDF6E5;color:#14803D}
.rz-ap-bt{justify-self:start;margin-top:.5em;padding:.5em 1em;border-radius:999px;background:#2F5CC4;color:#fff;font-weight:800;font-size:.92em}

/* la routine */
.rz-ro{display:grid;gap:1em}
.rz-ro-fl{display:grid;gap:.1em;justify-items:start}
.rz-ro-n{display:flex;align-items:center;gap:.6em;padding:.6em .95em;border-radius:.85em;background:#2A2A27;font-weight:600;color:#D8D5CD}
.rz-ro-n .rz-ic{color:#7EE2A4}
.rz-ro-n--q{background:#4E81EE;color:#0E1526;font-weight:800}.rz-ro-n--q .rz-ic{color:#0E1526}
.rz-ro-f{display:block;width:2px;height:1em;margin-left:1.4em;background:#90B8FD}
.pv-go .rz-ro-f{transform-origin:top;animation:rz-monte .35s linear calc(var(--a) * 1s) both}
.rz-ro-his{display:flex;flex-wrap:wrap;align-items:center;gap:.4em;padding-right:9em}
.rz-ro-his small{flex-basis:100%;color:#A8A49C;font-size:.86em}
.rz-ro-h{display:inline-flex;align-items:center;gap:.3em;padding:.25em .6em;border-radius:999px;background:rgba(34,197,94,.14);color:#7EE2A4;font-size:.86em;font-weight:700}

/* le mobile */
@media (max-width:760px){
  .rz{font-size:12px;min-height:0}
  /* la règle générale des scènes (100cqw / 46) passait devant : 12 px voulus, 7,8 px obtenus, soit du texte à 6 px */
  .rz .rz-sc{font-size:clamp(11.5px,3.15vw,14px)}
  .rz-sc{grid-template-columns:minmax(0,1fr);padding:.8em;min-height:0;gap:.9em}
  .rz-fil{gap:.55em;padding:.2em .2em 0}
  .rz-ou{padding:.9em .9em 3.6em;justify-content:flex-start}
  .rz-pl{gap:.6em}
  .rz-mono{font-size:2.6em}.rz-mot{font-size:1.25em}
  .rz-v--af b,.rz-v--po b,.rz-v--ec b{font-size:.92em}
  .rz-leg{padding:.4em .5em .5em}.rz-leg small{display:none}
  .rz-tb-h,.rz-tb-l{gap:.5em;padding:.55em .6em}
  .rz-tb-l--sig{padding-bottom:1.9em}
  .rz-c3{display:none}
  .rz-ag-g{height:21em}
  .rz-ag-b{font-size:.78em;padding:.25em .3em}
  .rz-lec{grid-template-columns:minmax(0,1fr)}.rz-lu-c{padding-top:0}
  .rz-pg{grid-template-columns:minmax(0,1fr)}
  .rz-pg-co{min-height:16em;padding:.9em}
  .rz-pg-ls{flex-direction:row;flex-wrap:wrap}
  .rz-pg-lg{flex:1}
  .rz-pg-df{flex-basis:100%}
  .rz-mt-ec{height:12em}.rz-mt-ec b{font-size:1.3em}.rz-mt-st{font-size:.88em}
  .rz-3d{grid-template-columns:minmax(0,1fr)}
  .rz-3d-vs{grid-template-columns:repeat(auto-fit,minmax(6em,1fr))}.rz-3d-v{height:3.6em}
  .rz-ta{gap:.35em}.rz-ta-co{padding:.4em;min-height:17em}.rz-ta-ca{padding:.45em}
  .rz-te{font-size:.92em;padding:.8em}
  .rz-li{grid-template-columns:minmax(0,1fr)}.rz-li-fl{display:none}
  .rz-bi-ph,.rz-ro-his{padding-right:0}
  .rz-bi-g{height:9em;gap:.3em}
  .rz-ra{grid-template-columns:minmax(0,1fr);gap:.8em}
  .rz-ap{grid-template-columns:minmax(0,1fr);min-height:0}
  .rz-ap-m{flex-direction:row;flex-wrap:wrap;align-items:center;padding:.7em}
  .rz-ap-m b{flex-basis:100%;margin:0}
  .rz-ap-l{grid-template-columns:minmax(0,1fr) auto}.rz-ap-l small{display:none}
  .rz-fin{left:.6em;right:.6em;bottom:.6em;justify-content:center;max-width:none}
}
@media (prefers-reduced-motion:reduce){.rz-balaye{display:none}}
.rz .rz-sc{position:relative;inset:auto}
.rz-li-f span{white-space:normal;overflow-wrap:anywhere;line-height:1.2}
.rz-mt-pl{padding:0 .3em;font-size:.76em}
@media (max-width:760px){.rz-ou{padding-bottom:4.8em}}