/* Feuille chargée seulement sur la page qui porte la figure (inc/assets.php, emnisia_figures_de_la_page), sortie de la
   feuille commune le 23/10/2026 (décision de C5) : elle ne pèse plus sur les autres pages. */
/* ==================================================================
 * Figure anatomy n° 1, « La trieuse du premier soir » (23/10/2026) : feuille du paquet anatomy/trieuse/integration,
 * reprise telle quelle (préfixes .tr, .iso-*, .c-* : rien de global). Sans JavaScript, les commandes sont masquées
 * (l'image fixe, son texte alternatif et la légende restent) : règle du site, à la place du <noscript><style> du paquet.
 * ================================================================== */
/* La trieuse du premier soir : styles de la figure. Polices : celles du thème (DM Sans, Gloock, Newsreader). */

.iso{
  --anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#6e6e6e;
  --anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;
  --anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;
  --anatomy-lit-top:#262626;--anatomy-lit-shade:#1d1d1d;
  --anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-lit:#ffffff;
  --anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;
  
  --anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32,.72,0,1);
  --anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --anatomy-lift:inset 0 1px 0 0 #ffffff0a,inset 0 0 0 1px #ffffff06,0 0 0 1px #00000026,0 1px 1px -.5px #00000014,0 3px 3px -1.5px #00000014,0 6px 6px -3px #00000014,0 12px 12px -6px #00000014;
}
.iso[data-theme="light"]{
  --anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;
  --anatomy-paper:#fbfbfa;--anatomy-face:#ffffff;--anatomy-top:#ffffff;
  --anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;
  --anatomy-lit-top:#ffffff;--anatomy-lit-shade:#eeeeeb;
  --anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-lit:#000000;
  --anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;
  
  --anatomy-lift:inset 0 1px 0 0 #ffffff,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #0000000a,0 6px 6px -3px #0000000a,0 12px 12px -6px #0000000a;
}
.iso-svg{display:block;width:100%;height:auto;overflow:visible}
.iso-svg path,.iso-svg circle{vector-effect:non-scaling-stroke}
.iso-fill{fill:var(--anatomy-paper);stroke:none}
.iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}
.iso-shade,.iso-top{stroke:none}
.iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}
.iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}
.iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}
.iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}
.iso-top{fill:var(--anatomy-top)}
.iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}
.iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}
.iso-solid[data-seamless]>.iso-shade,.iso-solid[data-seamless]>.iso-top{stroke-width:.4;stroke-linejoin:round}
.iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}
.iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}
.iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}
.iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}
.iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}
.iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}
.iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}
.iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}
.iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}
.iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}
.iso-line[data-tone="hi"]{stroke:var(--anatomy-hi)}
.iso-line[data-tone="mid"]{stroke:var(--anatomy-mid)}
.iso-line[data-tone="lo"]{stroke:var(--anatomy-lo)}
.iso-line[data-tone="faint"]{stroke:var(--anatomy-faint)}
.iso-line[data-tone="lit"]{stroke:var(--anatomy-lit)}



.iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1}
.iso-line[data-dashed]{stroke-dasharray:3 3}
.iso-line[data-flow]{stroke-dasharray:2 6}
.iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}
.iso-wire[data-tone="hi"] .iso-wire-end{stroke:var(--anatomy-hi)}
.iso-wire[data-tone="mid"] .iso-wire-end{stroke:var(--anatomy-mid)}
.iso-wire[data-tone="faint"] .iso-wire-end{stroke:var(--anatomy-faint)}
.iso-wire[data-tone="lit"] .iso-wire-end{stroke:var(--anatomy-lit)}
.iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}
.iso-dots[data-tone="hi"] circle{opacity:.85}
.iso-dots[data-tone="mid"] circle{opacity:.45}
.iso-dots[data-tone="lo"] circle{opacity:.22}
.iso-dots[data-tone="faint"] circle{opacity:.12}
.iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}
.iso-face-text[data-tone="hi"]{fill:var(--anatomy-hi)}
.iso-face-text[data-tone="lo"]{fill:var(--anatomy-lo)}
.iso-face-text[data-tone="faint"]{fill:var(--anatomy-faint)}
.tb-body{fill:var(--anatomy-shade-2);stroke:none}
.tb-shine{fill:var(--anatomy-top);stroke:none}
.tb-shade{fill:var(--anatomy-shade-0);stroke:none}
.tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45;stroke-linecap:butt;stroke-linejoin:round}
.tb-ring[data-tone="mid"]{stroke:var(--anatomy-mid)}
.tb-ring[data-tone="faint"]{stroke:var(--anatomy-faint)}
.tb-ring[data-tone="hi"]{stroke:var(--anatomy-hi)}
@keyframes iso-flow{to{stroke-dashoffset:-32}}
@keyframes iso-pulse{0%,100%{opacity:.18}12%{opacity:1}40%{opacity:.18}}
.iso-line[data-flow]{animation:iso-flow 1600ms linear infinite}
.iso-dots circle[data-pulse]{animation:iso-pulse 1600ms steps(1,end) infinite;animation-delay:var(--pulse-at,0ms)}
.iso-figure{margin:32px 0 36px}
.iso-plate{position:relative;padding:52px 24px;border-radius:0;background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);--anatomy-paper:var(--anatomy-card)}
.iso-plate-corners{position:absolute;inset:18px 20px;pointer-events:none}
.iso-plate-corner{position:absolute;color:var(--anatomy-muted);font-family:var(--anatomy-mono);font-size:10.5px;line-height:1;letter-spacing:.04em;white-space:nowrap}
.iso-plate-corner[data-corner="fig"]{top:0;left:0;color:var(--anatomy-text)}
.iso-plate-corner[data-corner="title"]{top:0;right:0;text-transform:uppercase;letter-spacing:.1em}
.iso-plate-corner[data-corner="hint"]{bottom:0;left:0;text-transform:uppercase;letter-spacing:.1em}
.iso-plate-corner[data-corner="readout"]{right:0;bottom:0;color:var(--anatomy-text);font-variant-numeric:tabular-nums}
.iso-plate .iso-svg{margin:0 auto}
.iso-legend{display:grid;gap:8px;margin-top:12px;color:var(--anatomy-muted);font-size:13px;line-height:1.55}
.iso-keys{display:flex;flex-wrap:wrap;gap:6px 18px}
.iso-key{display:inline-flex;align-items:center;gap:7px}
.iso-swatch{width:16px;height:10px;flex:none;overflow:visible}
.iso-swatch path{fill:none;stroke:var(--anatomy-hi);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.iso-swatch[data-mark="raised"] path,.iso-swatch[data-mark="flat"] path{stroke:var(--anatomy-mid)}
.iso-swatch[data-mark="lit"] path{stroke:var(--anatomy-lit)}
.iso-swatch[data-mark="dim"] path{stroke:var(--anatomy-lo)}
.iso-swatch[data-mark="dotted"] path{stroke-dasharray:.01 3;stroke-width:1.4}
.iso-swatch[data-mark="dashed"] path{stroke-dasharray:3 2.5}



.iso-swatch-crease{stroke:var(--anatomy-lo)!important}
@media (max-width:560px){.iso-plate{padding:48px 12px 70px}.iso-plate-corner[data-corner="hint"]{bottom:18px}}
@media (prefers-reduced-motion:reduce){.iso-line[data-flow],.iso-dots circle[data-pulse]{animation:none}}

.iso[data-theme="light"],.tr-figure{
  --anatomy-page:#EFEBE3;--anatomy-card:#F7F5F0;--anatomy-text:#4D4843;--anatomy-strong:#1A1A1A;--anatomy-muted:#8A837A;
  --anatomy-paper:#F7F5F0;--anatomy-face:#F7F5F0;--anatomy-top:#F7F5F0;
  --anatomy-shade-0:#D8D2C7;--anatomy-shade-1:#E4DDD0;--anatomy-shade-2:#E9E4DA;--anatomy-shade-3:#EFEBE3;
  --anatomy-lit-top:#F7F5F0;--anatomy-lit-shade:#EFEBE3;
  --anatomy-hi:#4D4843;--anatomy-mid:#8A837A;--anatomy-lo:#B2ABA1;--anatomy-faint:#D8D2C7;--anatomy-lit:#1A1A1A;
  --anatomy-halo:#8A837A;--anatomy-halo-opacity:.3;--anatomy-dot:#4D4843;
}
.c-cavity{fill:#D8D2C7}
.c-hole{fill:#CFC8BC}.c-wall-a{fill:#D8D2C7}.c-wall-b{fill:#E1DACE}
.c-label{fill:var(--anatomy-paper)}
.c-ink{fill:#1A1A1A}
.c-band{fill:#B2ABA1;stroke:none}
.c-head{stroke-width:1.1px}
.c-hand{stroke-width:.85px}
.c-plate-text,.c-drawer-text,.c-plate-on-text{font-family:"DM Sans",system-ui,sans-serif;font-weight:600;letter-spacing:.02em}
.c-plate-text{fill:#4D4843}
.c-drawer-text{fill:#1A1A1A}
.c-plate-on-text{fill:#F7F5F0}
.c-thread .iso-line{stroke-width:.85px}

.tr{--tr-ink:#1A1A1A;--tr-soft:#4D4843;--tr-muted:#8A837A;--tr-rule:#D8D2C7;--tr-paper:#F7F5F0;--tr-paper2:#EFEBE3;--tr-carton:#E4DDD0;
  display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;align-items:start;color:var(--tr-ink);font-family:"Newsreader",Georgia,serif}
.tr *{box-sizing:border-box}
.tr-figure{margin:0}
.tr .iso-plate{background:var(--tr-paper);box-shadow:0 0 0 1px var(--tr-rule);padding:56px 22px 64px;--anatomy-paper:var(--tr-paper)}
.tr .iso-plate-corner{font-family:"DM Sans",system-ui,sans-serif;font-size:12.5px;letter-spacing:.01em;color:var(--tr-soft);text-transform:none;line-height:1.35}
.tr .iso-plate-corner[data-corner="title"]{font-family:"Gloock",Georgia,serif;font-size:19px;font-weight:400;letter-spacing:0;color:var(--tr-ink);margin:0;top:-3px;left:0;right:auto}
.tr .iso-plate-corner[data-corner="hint"]{white-space:normal;max-width:52%;letter-spacing:.01em;text-transform:none}
.tr .iso-plate-corner[data-corner="readout"]{color:var(--tr-ink);white-space:normal;max-width:46%;text-align:right;font-variant-numeric:tabular-nums}
.tr .iso-stage{position:relative}
.tr-svg{transition:none}
.tr-svg [data-slot="lever"].tr-actif{cursor:pointer}
.tr-legende{margin-top:14px;font-family:"Newsreader",Georgia,serif;font-size:19px;line-height:1.45;color:var(--tr-ink)}
.tr-legende__type{font-family:"DM Sans",system-ui,sans-serif;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--tr-soft);margin-right:.4em}
.tr-commandes{display:grid;gap:22px;font-family:"DM Sans",system-ui,sans-serif;font-size:15px;color:var(--tr-ink)}
.tr-bloc{margin:0;padding:0;border:0;min-width:0}
.tr-bloc__titre{display:block;margin:0 0 10px;padding:0;font-family:"DM Sans",system-ui,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tr-soft)}
.tr-idee{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--tr-rule);margin-top:-1px;cursor:pointer;background:var(--tr-paper)}
.tr-idee:has(input:checked){border-color:var(--tr-ink);position:relative;z-index:1}
.tr-idee input{margin:4px 0 0;accent-color:var(--tr-ink);flex:none}
.tr-idee__texte{font-family:"Newsreader",Georgia,serif;font-size:17px;line-height:1.35}
.tr-etapes{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tr-etape{display:flex;gap:12px;align-items:center;width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--tr-rule);background:transparent;color:var(--tr-muted);font:inherit;text-align:left;cursor:default;border-radius:0}
.tr-etape__n{font-family:"Gloock",Georgia,serif;font-size:20px;line-height:1;width:1.1em;text-align:center}
.tr-etape[data-etat="prochaine"]{border-color:var(--tr-ink);border-width:1.5px;color:var(--tr-ink);cursor:pointer;background:var(--tr-paper)}
.tr-etape[data-etat="prochaine"]:hover{background:var(--tr-paper2)}
.tr-etape[data-etat="en-cours"]{border-color:var(--tr-ink);color:var(--tr-ink);background:var(--tr-paper2)}
.tr-etape[data-etat="faite"]{color:var(--tr-soft);border-color:var(--tr-rule)}
.tr-etape[data-etat="faite"] .tr-etape__n::after{content:"✓";font-family:"DM Sans",system-ui,sans-serif;font-size:13px;margin-left:2px}
.tr-etape:focus-visible,.tr-recommencer:focus-visible,.tr-idee:has(input:focus-visible),.tr-continue:has(input:focus-visible),.tr-releve summary:focus-visible{outline:2px solid var(--tr-soft);outline-offset:3px}
.tr-actions{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-top:12px}
.tr-continue{display:inline-flex;gap:8px;align-items:center;cursor:pointer;min-height:44px}
.tr-continue input{accent-color:var(--tr-ink);width:16px;height:16px;margin:0}
.tr-recommencer{min-height:44px;padding:8px 16px;border:1px solid var(--tr-ink);background:transparent;color:var(--tr-ink);font:inherit;cursor:pointer;border-radius:0}
.tr-recommencer:hover{background:var(--tr-paper2)}
.tr-proposition{border:1px solid var(--tr-ink);padding:14px 16px;background:var(--tr-paper)}
.tr-proposition__titre{margin:0 0 8px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tr-soft)}
.tr-proposition__liste{margin:0;padding-left:1.5em;font-family:"Newsreader",Georgia,serif;font-size:16.5px;line-height:1.4}
.tr-proposition__liste li::marker{font-family:"DM Sans",system-ui,sans-serif;font-size:12px;color:var(--tr-muted)}
.tr-releve summary{cursor:pointer;list-style-position:inside}
.tr-releve dl{margin:0;display:grid;gap:0}
.tr-releve dl>div{display:grid;grid-template-columns:9.5em 1fr;gap:10px;padding:6px 0;border-top:1px solid var(--tr-rule)}
.tr-releve dt{color:var(--tr-soft);font-size:14px}
.tr-releve dd{margin:0;font-size:14.5px}
.tr-annonce{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
@media (max-width:1023px){.tr{grid-template-columns:1fr;gap:26px}.tr-commandes{grid-template-columns:1fr}.tr-bloc--etapes{order:-2}.tr-proposition{order:-1}}
@media (max-width:560px) and (min-height:640px){.tr-figure{position:sticky;top:var(--tr-collant,0px);z-index:2;background:var(--tr-paper);padding-bottom:10px;align-self:start}.tr-legende{margin-top:8px}}
@media (max-width:560px){
  .tr .iso-plate{padding:44px 8px 92px}
  .tr .iso-plate-corner[data-corner="hint"]{max-width:none;right:0;bottom:44px}
  .tr .iso-plate-corner[data-corner="readout"]{max-width:none;left:0;text-align:left}
  .tr .iso-plate-corner[data-corner="title"]{font-size:17px}
  .tr-svg{width:118%!important;margin-left:-9%!important}
  .tr .iso-stage{overflow:hidden}
  .tr-legende{font-size:17px}
}

.tr .iso-stage>img{display:block;width:100%;height:auto}
.tr:not([data-pret]) .tr-commandes{opacity:.55}
.tr[data-erreur] .tr-commandes{display:none}
@media (max-width:560px){.tr .iso-stage>img{width:118%;max-width:none;margin-left:-9%}}
html:not(.emn-js) .tr-commandes { display: none; }
/* Avant le montage, le paquet estompe les commandes (opacity .55) : sous le contraste demandé (Lighthouse, page non
   défilée). Le site les garde lisibles ; les étapes restent désactivées tant que la figure n'est pas prête. */
.tr:not([data-pret]) .tr-commandes { opacity: 1; }
/* Sur téléphone, le paquet élargit le dessin à 118 % (marge de -9 %) ; la règle générale du thème
   « svg { max-width: 100% } » (layout.css) le ramenait à 100 %, décalé de 9 % vers la gauche, avec 9 % de vide à droite,
   et plus bas que l'image de repli (la page bougeait au montage). */
@media (max-width:560px){.tr .tr-svg{max-width:none}}
/* Étape faite : « 3✓ » ne tient pas dans la case du chiffre (1,1 em) ; sans ces deux règles, la coche passait sous le chiffre
   (étapes 3 à 5) et le chiffre se comprimait quand le libellé était long (C3, 23/10/2026). */
.tr .tr-etape__n { flex: none; white-space: nowrap; }

/* ---- Repasse du design (C5, 23/10/2026) : la figure parle la typographie du site.
   Liste des lignes : DESIGN.md de la repasse (D05 à D08, D23, D24, D34) ; rien ne change dans le dessin ni le script. */
.tr-etape { --tr-muted: var(--tr-soft); }
.tr .tr-legende__type, .tr .tr-bloc__titre, .tr .tr-proposition__titre { font-family: var(--emn-font-ui); font-weight: 600; font-size: var(--emn-step--2); letter-spacing: 0; text-transform: none; }
.tr .iso-plate-corner:not([data-corner="title"]), .tr .tr-detail__nom { font-size: var(--emn-step--2); }
.tr .iso-plate-corner[data-corner="title"] { font-size: 20px; }
.tr-etape:focus-visible,.tr-recommencer:focus-visible,.tr-idee:has(input:focus-visible),.tr-continue:has(input:focus-visible),.tr-releve summary:focus-visible { outline: 3px solid var(--emn-focus); outline-offset: 2px; }
@media (max-width: 599px) { .tr .tr-figure { position: static; top: auto; z-index: auto; } }
.tr-releve > summary { list-style: none; display: flex; align-items: center; gap: 0.5em; min-height: 44px; }
.tr-releve > summary::-webkit-details-marker { display: none; }
.tr-releve > summary::after { content: "+"; font-weight: 400; }
.tr-releve[open] > summary::after { content: "−"; }

/* ---- O03, téléphone (moins de 600 px) : la commande active et son effet, ensemble. À partir de 600 px, rien ne change.
   Les étapes faites se rangent en cases numérotées sur une ligne : le bouton actif reste près du dessin, les étapes à venir
   gardent leur nom. Au premier geste (data-pupitre), la lecture de la planche passe en tête des étapes, près du bouton.
   L'ordre des commandes (data-avant-accord : une proposition attend votre accord) est posé par le script. ---- */
.tr-resume{display:none}
@media (max-width:599px){
  .tr .tr-figure{position:static;top:auto;z-index:auto}
  .tr[data-pret] .tr-etapes{display:flex;flex-wrap:wrap;gap:6px}
  .tr[data-pret] .tr-etapes>li{flex:1 1 100%;min-width:0}
  .tr[data-pret] .tr-etapes>li:has(>[data-etat="faite"]){flex:0 0 auto}
  .tr[data-pret] .tr-etape[data-etat="faite"]{position:relative;width:auto;min-width:48px;justify-content:center;padding:8px 10px}
  .tr[data-pret] .tr-etape[data-etat="faite"] .tr-etape__nom{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .tr[data-pupitre] .iso-plate-corner[data-corner="readout"]{display:none}
  .tr[data-pupitre] .tr-resume{display:block;margin:0 0 10px;font-family:"DM Sans",system-ui,sans-serif;font-size:15px;font-weight:500;line-height:1.4;color:var(--tr-ink);font-variant-numeric:tabular-nums}
  .tr[data-pret] .tr-bloc--etapes{order:-4}.tr[data-pret] .tr-proposition{order:-3}.tr[data-pret][data-avant-accord] .tr-proposition{order:-5}
}
@media (max-width:560px){.tr[data-pupitre] .iso-plate{padding-bottom:66px}.tr[data-pupitre] .iso-plate-corner[data-corner="hint"]{bottom:0}}
/* ---- fin O03 ---- */