.lab-header{display:flex;align-items:center;gap:36px;padding:24px 4vw;border-bottom:1px solid var(--trait);font-size:13px}.lab-status{margin-left:auto;color:var(--gris);font-size:10px;letter-spacing:.1em}.lab-intro{padding:55px 4vw 35px;max-width:1200px}.lab-intro h1{font-size:clamp(32px,4vw,60px);margin:20px 0}.lab-intro p{max-width:680px;color:var(--gris);line-height:1.6}#applications{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 4vw 24px}#applications a{border:1px solid var(--trait);padding:19px;border-radius:6px;color:var(--gris)}#applications a[aria-current=true]{background:var(--bleu);color:var(--encre);border-color:var(--bleu)}#applications small{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:8px}.lab-shell{margin:0 4vw;display:grid;grid-template-columns:210px minmax(0,1fr);background:var(--fond);color:var(--encre);border-radius:10px;overflow:hidden;min-height:600px}.lab-sidebar{background:var(--fond);padding:28px 20px;display:flex;flex-direction:column}.lab-sidebar h2{font-size:26px;margin:14px 0 30px}.lab-sidebar nav{display:grid;gap:7px}.lab-sidebar button{background:none;border:0;text-align:left;padding:13px;border-radius:5px;color:var(--gris)}.lab-sidebar button[aria-pressed=true]{background:var(--bleu);color:var(--surface)}.lab-sidebar p{margin-top:auto;padding-top:35px;font-size:12px;line-height:1.6;color:var(--gris)}.lab-main{padding:25px 30px;min-width:0}.lab-toolbar{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--trait);padding-bottom:18px;margin-bottom:25px;font-size:12px;color:var(--gris)}.lab-toolbar button,.lab-controls select,.lab-controls input{background:var(--surface);border:1px solid var(--trait);border-radius:5px;padding:9px;color:var(--encre)}#application h2{font-size:29px;margin-bottom:12px}#application>p{color:var(--gris);font-size:14px;line-height:1.6}.lab-controls{display:flex;flex-wrap:wrap;gap:15px;margin:24px 0}.lab-controls label{display:grid;gap:6px;font-size:12px;color:var(--gris)}.lab-controls input{max-width:100%}.lab-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.lab-kpis>div{background:var(--surface);padding:20px;border:1px solid var(--trait);border-radius:7px}.lab-kpis small{display:block;font-size:12px;color:var(--gris)}.lab-kpis strong{display:block;font-size:clamp(22px,2.5vw,36px);margin:9px 0;letter-spacing:-.04em}.lab-kpis span{font-size:11px;color:var(--gris)}.lab-panel{background:var(--surface);padding:23px;border:1px solid var(--trait);border-radius:7px;margin:18px 0}.lab-panel h3{font-size:18px;margin-bottom:16px}.lab-panel p{font-size:14px;line-height:1.7;color:var(--gris)}.table-scroll{overflow:auto}.lab-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.lab-table td,.lab-table th{padding:14px 10px;text-align:left;border-bottom:1px solid var(--trait)}.lab-table th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--gris)}.lab-table button,.lab-detail-button{background:var(--fond);color:var(--encre);border:0;border-radius:4px;padding:8px 12px;font-weight:600}.lab-bars{display:grid;gap:14px}.lab-bar{display:grid;grid-template-columns:100px 1fr 100px;gap:15px;align-items:center;font-size:12px}.lab-bar i{display:block;height:22px;background:var(--fond);border-radius:3px;overflow:hidden}.lab-bar b{display:block;background:var(--bleu);height:100%}.lab-bar strong{text-align:right;font-weight:500}.lab-alert{padding:16px 20px;background:var(--orange-pale);border-left:3px solid var(--orange);font-size:13px;line-height:1.6;margin:18px 0}.lab-good{background:var(--fond);border-color:var(--bleu)}.lab-explanation{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;padding:65px 4vw}.lab-explanation h2{font-size:34px;margin:18px 0}.lab-explanation h3{font-size:24px}.lab-explanation p{color:var(--gris);line-height:1.7;margin:20px 0}.lab-explanation .button{margin-top:8px}#detail{width:min(850px,94vw)}#detail-body{padding:28px}#detail-title{font-size:27px;margin-bottom:20px}.lab-note{font-size:12px;line-height:1.7;color:var(--gris);margin:15px 0}.lab-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lab-range{display:flex;flex-direction:column;gap:15px}.lab-range input{width:100%;accent-color:var(--bleu)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--bleu);outline-offset:3px}@media(max-width:900px){.lab-shell{grid-template-columns:170px minmax(0,1fr)}.lab-main{padding:22px 18px}.lab-kpis>div{padding:13px}.lab-split{grid-template-columns:1fr}.lab-explanation{gap:30px}}@media(max-width:650px){.lab-header{flex-wrap:wrap;gap:18px}.lab-status{margin-left:0;width:100%}.lab-intro{padding-top:32px}#applications{grid-template-columns:1fr 1fr}#applications a{padding:13px;font-size:14px}.lab-shell{display:block}.lab-sidebar{padding:18px}.lab-sidebar h2{font-size:20px;margin:10px 0}.lab-sidebar nav{display:flex;flex-wrap:wrap;gap:4px}.lab-sidebar button{font-size:12px;padding:9px}.lab-sidebar>p{display:none}.lab-kpis{grid-template-columns:1fr}.lab-kpis>div{display:grid;grid-template-columns:1fr 1fr;align-items:center}.lab-kpis strong{font-size:26px;text-align:right}.lab-kpis span{grid-column:1/-1}.lab-explanation{grid-template-columns:1fr}.lab-bar{grid-template-columns:75px 1fr 75px;gap:8px}.lab-panel{padding:16px}.lab-toolbar{align-items:center}.lab-toolbar span{max-width:180px}}

/* Agencements communs aux expériences, composants et couleurs du système. */
.lab-header,.lab-intro,.lab-explanation{max-width:var(--largeur-app);margin:auto}.lab-header{flex-wrap:wrap}.lab-status{color:var(--gris)}#applications a[aria-current=true]{color:var(--surface)}.lab-shell{background:var(--fond);border:1px solid var(--trait);border-radius:var(--rayon-grand)}.lab-sidebar{background:var(--surface)}.lab-kpis>div,.lab-panel{border-radius:var(--rayon);box-shadow:var(--ombre-carte)}.lab-intro h1{line-height:1.08}.lab-intro p,.lab-explanation p{color:var(--gris)}.lab-main h2{line-height:1.2}.lab-table button:hover,.lab-detail-button:hover{background:var(--bleu-pale);color:var(--lien)}#detail{max-height:88dvh;border:1px solid var(--trait);border-radius:var(--rayon-grand);padding:0;color:var(--encre);background:var(--surface)}#detail::backdrop{background:var(--voile-dialogue)}.dialog-header{position:sticky;top:0;background:var(--surface);padding:var(--espace-4);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--trait);z-index:1}.close-dialog{border:1px solid var(--trait);background:var(--fond);border-radius:var(--rayon-pilule);width:44px;height:44px}.lab-table td{white-space:normal;min-width:90px}.lab-kpis button{border:0;background:none;text-align:left;padding:0;color:var(--lien);font:inherit}.lab-kpis button strong{font-size:inherit}.lab-controls input,.lab-controls select{min-height:44px}.lab-main button{min-height:40px}.lab-map{position:relative;height:380px;overflow:hidden;background:var(--bleu-pale);border-radius:var(--rayon);border:1px solid var(--trait)}.lab-map svg{position:absolute;inset:0;width:100%;height:100%}.lab-map button{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:var(--rayon-pilule);border:2px solid var(--surface);background:var(--bleu);color:var(--surface);box-shadow:var(--ombre-douce)}.lab-map button[aria-pressed=true]{outline:3px solid var(--encre)}.lab-map-key{display:flex;gap:var(--espace-4);flex-wrap:wrap;font-size:.8rem;margin-top:var(--espace-3)}.lab-map-key span{color:var(--gris)}.lab-empty{padding:var(--espace-8);color:var(--gris)}.lab-form{display:grid;gap:var(--espace-4)}.lab-form label{display:grid;gap:var(--espace-2)}.lab-form input,.lab-form select,.lab-form textarea{font:inherit;min-height:44px;padding:var(--espace-3);border:1px solid var(--trait-fort);border-radius:var(--rayon-moyen);max-width:100%}.lab-form textarea{min-height:120px}.lab-timeline{padding-left:var(--espace-5)}.lab-timeline li{padding:var(--espace-2)}.lab-notice{font-size:.85rem;color:var(--gris);margin:var(--espace-4) 0}.lab-main a{color:var(--lien)}@media(max-width:650px){.lab-header{padding:var(--espace-4)}.lab-intro h1{font-size:2rem}.lab-main{padding:var(--espace-4)}.lab-controls>*{max-width:100%}.lab-map{height:300px}#detail-body{padding:var(--espace-4)}.lab-header>a{font-size:.85rem}}
/* Galerie : /explorer/ sans fragment ; les fragments #finance et #gestion ouvrent l'application. */
.lab-gallery{max-width:var(--largeur-app);margin:0 auto;padding:0 4vw 4rem}
.lab-gallery .example-card h2{font-size:1.25rem;letter-spacing:-.02em;line-height:1.15}
.lab-gallery-contact{margin-top:2.5rem;color:var(--gris)}
.lab-gallery-intro h1:focus{outline:none}
body.galerie #applications,body.galerie .lab-shell,body.galerie .lab-explanation{display:none}
body:not(.galerie) .lab-gallery,body:not(.galerie) .lab-gallery-intro{display:none}
.thumb-map .thumb-kpi{font-size:1.5rem}
@media(max-width:650px){.lab-gallery{padding:0 var(--espace-4) 3rem}}