:root{--encre: #11181c;--encre-douce: #4a5568;--encre-tres-douce: #8b95a1;--fond: #f7f9fb;--fond-carte: #ffffff;--fond-doux: #eef2f6;--bordure: #dde3ea;--bordure-forte: #c2cbd6;--accent: #1a5fb4;--accent-sombre: #14498a;--accent-clair: #e8f0fb;--sur-accent: #ffffff;--succes: #1a7f52;--succes-clair: #e6f4ed;--alerte: #9a6700;--alerte-clair: #fdf6e3;--refus: #b42318;--refus-clair: #fdecea;--police: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--police-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--taille-xs: .75rem;--taille-s: .875rem;--taille-m: 1rem;--taille-l: 1.25rem;--taille-xl: 1.75rem;--taille-xxl: 2.25rem;--graisse-normale: 400;--graisse-moyenne: 500;--graisse-forte: 600;--espace-1: .25rem;--espace-2: .5rem;--espace-3: .75rem;--espace-4: 1rem;--espace-6: 1.5rem;--espace-8: 2rem;--espace-12: 3rem;--rayon-s: 4px;--rayon-m: 8px;--rayon-l: 12px;--ombre-s: 0 1px 2px rgba(17, 24, 28, .06);--ombre-m: 0 2px 8px rgba(17, 24, 28, .08);--voile: rgba(17, 24, 28, .45);--largeur-barre: 240px;--largeur-palette: 260px;--largeur-inspecteur: 320px;--hauteur-entete: 56px;--largeur-lecture: 68ch}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}html{font-size:100%;-webkit-text-size-adjust:100%}body{font-family:var(--police);font-size:var(--taille-m);line-height:1.5;color:var(--encre);background:var(--fond);-webkit-font-smoothing:antialiased;min-height:100vh}h1{font-size:var(--taille-xxl);font-weight:var(--graisse-forte);line-height:1.2}h2{font-size:var(--taille-xl);font-weight:var(--graisse-forte);line-height:1.25}h3{font-size:var(--taille-l);font-weight:var(--graisse-moyenne)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}ul{list-style:none;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--rayon-s)}.saut-contenu{position:absolute;left:-9999px;padding:var(--espace-2) var(--espace-4);background:var(--accent);color:var(--sur-accent);border-radius:var(--rayon-s);z-index:100}.saut-contenu:focus{left:var(--espace-4);top:var(--espace-2)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:var(--espace-2);padding:var(--espace-2) var(--espace-4);font:inherit;font-weight:var(--graisse-moyenne);color:var(--encre);background:var(--fond-carte);border:1px solid var(--bordure-forte);border-radius:var(--rayon-s);cursor:pointer;transition:background .12s,border-color .12s;min-height:2.5rem}.bouton:hover:not(:disabled){background:var(--fond-doux)}.bouton:disabled{opacity:.55;cursor:not-allowed}.bouton--principal{color:var(--sur-accent);background:var(--accent);border-color:var(--accent)}.bouton--principal:hover:not(:disabled){background:var(--accent-sombre);border-color:var(--accent-sombre)}.bouton--discret{border-color:transparent;background:transparent;color:var(--encre-douce)}.bouton--discret:hover:not(:disabled){background:var(--fond-doux)}.champ{display:flex;flex-direction:column;gap:var(--espace-1)}.champ>label{font-size:var(--taille-s);font-weight:var(--graisse-moyenne);color:var(--encre-douce)}.champ>input,.champ>textarea,.champ>select{padding:var(--espace-2) var(--espace-3);font:inherit;color:var(--encre);background:var(--fond-carte);border:1px solid var(--bordure-forte);border-radius:var(--rayon-s);min-height:2.5rem}.champ>input:disabled{background:var(--fond-doux)}.carte{padding:var(--espace-6);background:var(--fond-carte);border:1px solid var(--bordure);border-radius:var(--rayon-m);box-shadow:var(--ombre-s)}.etiquette{display:inline-block;padding:var(--espace-1) var(--espace-2);font-size:var(--taille-xs);font-weight:var(--graisse-moyenne);border-radius:var(--rayon-s);background:var(--fond-doux);color:var(--encre-douce)}.etiquette--succes{background:var(--succes-clair);color:var(--succes)}.etiquette--alerte{background:var(--alerte-clair);color:var(--alerte)}.etiquette--refus{background:var(--refus-clair);color:var(--refus)}.message{padding:var(--espace-3) var(--espace-4);border-radius:var(--rayon-s);border-left:3px solid;font-size:var(--taille-s)}.message--refus{background:var(--refus-clair);border-color:var(--refus);color:var(--refus)}.message--alerte{background:var(--alerte-clair);border-color:var(--alerte);color:var(--alerte)}.message--succes{background:var(--succes-clair);border-color:var(--succes);color:var(--succes)}.discret{color:var(--encre-douce);font-size:var(--taille-s)}.tres-discret{color:var(--encre-tres-douce);font-size:var(--taille-xs)}.mono{font-family:var(--police-mono);font-size:var(--taille-s)}.etat-vide{padding:var(--espace-12) var(--espace-6);text-align:center;color:var(--encre-douce)}.etat-vide h3{margin-bottom:var(--espace-2);color:var(--encre)}.bandeau__titre{margin:0;font-weight:600}.bandeau__corps{margin:.25rem 0 0}.bandeau__issues{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 0}.bouton--destructif{border-color:var(--refus);background:transparent;color:var(--refus)}.bouton--destructif:hover:not(:disabled){background:var(--refus-clair)}.voile-modale{position:fixed;inset:0;background:var(--voile);display:flex;align-items:center;justify-content:center;padding:var(--espace-6);z-index:50}.modale{background:var(--fond);border-radius:var(--rayon-m);box-shadow:var(--ombre-m);padding:var(--espace-6);max-width:30rem;width:100%}.modale__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin:var(--espace-4) 0 0}.plein-centre{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--espace-6);gap:var(--espace-4);text-align:center}.plein-centre .carte{width:100%;max-width:26rem;text-align:left}.coquille{display:grid;grid-template-columns:var(--largeur-barre) 1fr;grid-template-rows:var(--hauteur-entete) 1fr;grid-template-areas:"entete entete" "barre contenu";min-height:100vh}.entete{grid-area:entete;display:flex;align-items:center;justify-content:space-between;gap:var(--espace-4);padding:0 var(--espace-4);background:var(--fond-carte);border-bottom:1px solid var(--bordure)}.entete__marque{font-weight:var(--graisse-forte);color:var(--accent)}.entete__droite{display:flex;align-items:center;gap:var(--espace-3)}.barre{grid-area:barre;padding:var(--espace-4) var(--espace-2);background:var(--fond-carte);border-right:1px solid var(--bordure);overflow-y:auto}.barre__lien{display:block;padding:var(--espace-2) var(--espace-3);border-radius:var(--rayon-s);color:var(--encre-douce);font-size:var(--taille-s);font-weight:var(--graisse-moyenne)}.barre__lien:hover{background:var(--fond-doux);text-decoration:none}.barre__lien--actif{background:var(--accent-clair);color:var(--accent)}.barre__lien[aria-disabled=true]{color:var(--encre-tres-douce);cursor:default;pointer-events:none}.barre-rubriques{display:flex;gap:var(--espace-1);overflow-x:auto;border-bottom:1px solid var(--bordure);padding:0 0 var(--espace-2);margin-bottom:var(--espace-4)}.barre-rubriques__lien{padding:var(--espace-2) var(--espace-3);border-radius:var(--rayon-s);color:var(--encre-douce);font-size:var(--taille-s);font-weight:var(--graisse-moyenne);white-space:nowrap}.barre-rubriques__lien:hover{background:var(--fond-doux);text-decoration:none}.barre-rubriques__lien--actif{background:var(--accent-clair);color:var(--accent)}.barre-rubriques__lien[aria-disabled=true]{color:var(--encre-tres-douce);cursor:default;pointer-events:none}.contenu{grid-area:contenu;padding:var(--espace-8);overflow-y:auto}.contenu__entete{display:flex;align-items:baseline;justify-content:space-between;gap:var(--espace-4);margin-bottom:var(--espace-6)}.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--espace-4)}.grille .carte{display:flex;flex-direction:column;gap:var(--espace-2)}@media(max-width:900px){.coquille{grid-template-columns:1fr;grid-template-areas:"entete" "barre" "contenu";grid-template-rows:var(--hauteur-entete) auto 1fr}.barre{display:flex;gap:var(--espace-1);overflow-x:auto;border-right:none;border-bottom:1px solid var(--bordure);padding:var(--espace-2)}.barre__lien{white-space:nowrap}.contenu{padding:var(--espace-4)}}