/* Pages Références du labo (13/11/2026) : les décisions prises sur Conseil, Formation et Déploiement, appliquées aux six cas.
   Fonctionnalités clés en « une icône et un mot », outils en rangée de logos, une icône par résultat, la démarche en frise fine.
   Le balisage est posé par atelier/references/references.py. */

/* 1. « Fonctionnalités clés » : une icône et un mot, comme la démarche des pages Entreprises (kit/chips.css) */
html .case .features[data-astro-cid-f4yyy43q]{display:grid;gap:10px;margin-top:14px}
html .case .features[data-astro-cid-f4yyy43q] li{display:flex;align-items:center;gap:10px;padding:0;border:0;border-radius:0;background:none;
  font:600 13.5px/1.35 var(--z-font-ui);color:var(--z-text-primary)}
html .case .features .ci{flex:none;width:18px;height:18px;color:var(--z-accent)}

/* 2. La démarche : une frise verticale fine, les numéros reliés par un trait, sans boîtes */
html .case .solution-list[data-astro-cid-f4yyy43q]{gap:0;margin-top:6px}
html .case .solution-list[data-astro-cid-f4yyy43q] li{position:relative;grid-template-columns:34px minmax(0,1fr);gap:20px;padding:0 0 26px;border:0;border-radius:0;background:none}
html .case .solution-list[data-astro-cid-f4yyy43q] li:last-child{padding-bottom:0}
html .case .solution-list[data-astro-cid-f4yyy43q] li::before{content:"";position:absolute;left:16.5px;top:40px;bottom:6px;width:1px;background:rgba(245,184,30,.26)}
html[data-theme=light] .case .solution-list[data-astro-cid-f4yyy43q] li::before{background:rgba(200,140,16,.32)}
html .case .solution-list[data-astro-cid-f4yyy43q] li:last-child::before{content:none}
html .case .sol-num[data-astro-cid-f4yyy43q]{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;
  border:1px solid rgba(245,184,30,.5);font:400 15px/1 var(--z-font-serif);color:var(--z-accent);font-variant-numeric:lining-nums}
html[data-theme=light] .case .sol-num[data-astro-cid-f4yyy43q]{color:#7d570c;border-color:rgba(200,140,16,.55)}
html .case .solution-list[data-astro-cid-f4yyy43q] p{max-width:68ch;padding-top:5px;font-size:16.5px;line-height:1.6}

/* 3. Les outils : le vrai logo de chaque produit, en couleurs, dans une petite tuile blanche, et son nom, sous un trait fin.
   La tuile est la même en thème sombre et en thème clair : un logo noir ou coloré reste lisible partout.
   Un élément générique (« CRM », « Modèle d'IA ») a son icône Lucide grise dans la même tuile. Refait le 13/11/2026. */
html .case .tools[data-astro-cid-f4yyy43q]{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:40px 0 0;padding:22px 0 0;border-top:1px solid var(--z-border)}
html .case .tools[data-astro-cid-f4yyy43q]::before{content:attr(aria-label) / "";flex-basis:100%;margin-bottom:2px;font:600 11.5px/1.2 var(--z-font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--z-text-secondary)}
html .case .tools[data-astro-cid-f4yyy43q] li{display:flex;align-items:center;gap:9px;padding:0;border:0;border-radius:0;background:none;
  font:500 14px/1.25 var(--z-font-ui);color:var(--z-text-primary)}
html .case .tools .lgs{flex:none;display:inline-flex;align-items:center;gap:4px}
html .case .tools .lgt{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#fff;
  box-shadow:inset 0 0 0 1px rgba(24,20,12,.13)}
html .case .tools .lgt img{display:block;width:18px;height:18px;object-fit:contain}
html .case .tools .lgt .lg-ico{display:block;width:16px;height:16px;color:#3b362e}

/* 4. « Ce que ça a changé » : l'icône dit ce qu'est le résultat ; l'avant, quand le texte en donne un, est barré */
html .case .res-ico .ri{width:22px;height:22px}
html .case .results .res-apres{white-space:nowrap}
html .case .results .res-avant{white-space:nowrap;text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:rgba(245,184,30,.75)}

@media (max-width:600px){
  html .case .solution-list[data-astro-cid-f4yyy43q] li{grid-template-columns:30px minmax(0,1fr);gap:16px;padding-bottom:22px}
  html .case .solution-list[data-astro-cid-f4yyy43q] li::before{left:14.5px;top:36px}
  html .case .sol-num[data-astro-cid-f4yyy43q]{width:30px;height:30px;font-size:14px}
  html .case .solution-list[data-astro-cid-f4yyy43q] p{padding-top:3px;font-size:16px}
  html .case .tools[data-astro-cid-f4yyy43q]{gap:12px 22px;margin-top:32px}
  html .case .tools[data-astro-cid-f4yyy43q] li{font-size:13.5px}
}

/* 5. Corrections vues à la relecture */
/* En-tête du cas : la liste des outils laissait un mot seul sur sa ligne (« CRM », « d’IA hébergé en Europe ») */
html .case .meta-tools dd{text-wrap:balance}
/* L'encadré « Comme souvent… » collait aux bords de l'écran sous 950 px : il garde la gouttière du site */
@media (max-width:964px){html .case .before-inner[data-astro-cid-f4yyy43q]{width:auto;margin-inline:var(--z-space-8)}}
@media (max-width:767px){html .case .before-inner[data-astro-cid-f4yyy43q]{margin-inline:var(--z-space-6)}}

/* Tablette (681 à 1000 px) : les résultats et les cas liés passaient sur une colonne pleine largeur ;
   les aperçus des cas liés montaient à 640 px de haut chacun. On les couche : l'icône ou l'aperçu à gauche, le texte à droite. */
@media (min-width:681px) and (max-width:1000px){
  html .case .results[data-astro-cid-f4yyy43q]>li{grid-template-rows:none;grid-row:auto;grid-template-columns:44px minmax(0,1fr);column-gap:20px;align-content:start}
  html .case .results[data-astro-cid-f4yyy43q] .res-ico{grid-row:1/span 2;margin-bottom:0}
  html .case .results[data-astro-cid-f4yyy43q] h3{grid-column:2;margin-bottom:6px}
  html .case .results[data-astro-cid-f4yyy43q] p{grid-column:2}
  html .case .related-grid[data-astro-cid-f4yyy43q]>li{display:block;grid-row:auto;grid-template-rows:none}
  html .case .related-grid[data-astro-cid-f4yyy43q]>li>.ref-card{grid-row:auto;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:22px;row-gap:10px;align-items:start;padding:12px 16px 12px 12px}
  html .case .related-grid .ref-card>.ref-thumb{grid-column:1;grid-row:1/-1;margin:0}
  html .case .related-grid .ref-card>:not(.ref-thumb){grid-column:2;padding-inline:0}
  html .case .related-grid .ref-card>.ref-tags{padding-top:8px}
  html .case .related-grid .ref-card>.ref-more{align-self:end;padding-bottom:6px}
}

/* Thème sombre (14/11, Enzo) : les illustrations sont inversées en sombre, et leurs ombres sombres devenaient un halo blanc flou autour du cadre. On les retire. */
html:not([data-theme=light]) .rv,
html:not([data-theme=light]) .case-stage .rv{box-shadow:none!important}
html:not([data-theme=light]) .rv .ch-window,
html:not([data-theme=light]) .rv [class*="window"]{box-shadow:none!important}

/* Messages vocaux (14/11, Enzo) : une vraie onde de note vocale, 44 barres fines de hauteurs variées,
   la partie déjà écoutée dans la couleur d'accent. La bulle prend la largeur d'une note vocale (comme Telegram ou WhatsApp) :
   l'onde la remplit, et la transcription passe à la ligne en dessous au lieu d'élargir la bulle. */
.ch-msg:has(> .ch-voice){width:min(25em,90%);max-width:90%}
.ch-voice{min-width:0!important;width:100%}
.ch-wave{flex:1 1 auto;min-width:0!important;height:1.5em;background:linear-gradient(90deg,var(--c-accent,#f5b81e) 0 34%,currentColor 34%)!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20220%2024%22%3E%3Crect%20x%3D%220.00%22%20y%3D%229.05%22%20width%3D%222.60%22%20height%3D%225.89%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%225.06%22%20y%3D%229.20%22%20width%3D%222.60%22%20height%3D%225.59%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2210.11%22%20y%3D%226.62%22%20width%3D%222.60%22%20height%3D%2210.77%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2215.17%22%20y%3D%228.99%22%20width%3D%222.60%22%20height%3D%226.01%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2220.22%22%20y%3D%2210.02%22%20width%3D%222.60%22%20height%3D%223.96%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2225.28%22%20y%3D%226.96%22%20width%3D%222.60%22%20height%3D%2210.09%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2230.33%22%20y%3D%228.50%22%20width%3D%222.60%22%20height%3D%226.99%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2235.39%22%20y%3D%225.60%22%20width%3D%222.60%22%20height%3D%2212.79%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2240.45%22%20y%3D%228.34%22%20width%3D%222.60%22%20height%3D%227.31%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2245.50%22%20y%3D%225.62%22%20width%3D%222.60%22%20height%3D%2212.76%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2250.56%22%20y%3D%227.89%22%20width%3D%222.60%22%20height%3D%228.22%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2255.61%22%20y%3D%227.64%22%20width%3D%222.60%22%20height%3D%228.73%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2260.67%22%20y%3D%225.17%22%20width%3D%222.60%22%20height%3D%2213.66%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2265.73%22%20y%3D%228.54%22%20width%3D%222.60%22%20height%3D%226.92%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2270.78%22%20y%3D%227.12%22%20width%3D%222.60%22%20height%3D%229.75%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2275.84%22%20y%3D%226.31%22%20width%3D%222.60%22%20height%3D%2211.38%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2280.89%22%20y%3D%223.18%22%20width%3D%222.60%22%20height%3D%2217.64%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2285.95%22%20y%3D%220.64%22%20width%3D%222.60%22%20height%3D%2222.72%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2291.00%22%20y%3D%223.40%22%20width%3D%222.60%22%20height%3D%2217.19%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2296.06%22%20y%3D%224.75%22%20width%3D%222.60%22%20height%3D%2214.50%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22101.12%22%20y%3D%220.21%22%20width%3D%222.60%22%20height%3D%2223.58%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22106.17%22%20y%3D%227.44%22%20width%3D%222.60%22%20height%3D%229.12%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22111.23%22%20y%3D%228.19%22%20width%3D%222.60%22%20height%3D%227.63%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22116.28%22%20y%3D%225.56%22%20width%3D%222.60%22%20height%3D%2212.89%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22121.34%22%20y%3D%226.71%22%20width%3D%222.60%22%20height%3D%2210.58%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22126.40%22%20y%3D%226.94%22%20width%3D%222.60%22%20height%3D%2210.11%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22131.45%22%20y%3D%225.53%22%20width%3D%222.60%22%20height%3D%2212.95%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22136.51%22%20y%3D%221.75%22%20width%3D%222.60%22%20height%3D%2220.49%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22141.56%22%20y%3D%226.63%22%20width%3D%222.60%22%20height%3D%2210.75%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22146.62%22%20y%3D%223.75%22%20width%3D%222.60%22%20height%3D%2216.49%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22151.67%22%20y%3D%223.48%22%20width%3D%222.60%22%20height%3D%2217.04%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22156.73%22%20y%3D%229.74%22%20width%3D%222.60%22%20height%3D%224.52%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22161.79%22%20y%3D%224.47%22%20width%3D%222.60%22%20height%3D%2215.06%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22166.84%22%20y%3D%227.94%22%20width%3D%222.60%22%20height%3D%228.13%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22171.90%22%20y%3D%228.07%22%20width%3D%222.60%22%20height%3D%227.85%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22176.95%22%20y%3D%227.27%22%20width%3D%222.60%22%20height%3D%229.45%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22182.01%22%20y%3D%224.55%22%20width%3D%222.60%22%20height%3D%2214.91%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22187.07%22%20y%3D%226.34%22%20width%3D%222.60%22%20height%3D%2211.32%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22192.12%22%20y%3D%227.24%22%20width%3D%222.60%22%20height%3D%229.51%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22197.18%22%20y%3D%226.08%22%20width%3D%222.60%22%20height%3D%2211.84%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22202.23%22%20y%3D%2210.29%22%20width%3D%222.60%22%20height%3D%223.42%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22207.29%22%20y%3D%228.21%22%20width%3D%222.60%22%20height%3D%227.59%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22212.34%22%20y%3D%226.59%22%20width%3D%222.60%22%20height%3D%2210.81%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22217.40%22%20y%3D%227.77%22%20width%3D%222.60%22%20height%3D%228.46%22%20rx%3D%221.3%22/%3E%3C/svg%3E") left center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20220%2024%22%3E%3Crect%20x%3D%220.00%22%20y%3D%229.05%22%20width%3D%222.60%22%20height%3D%225.89%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%225.06%22%20y%3D%229.20%22%20width%3D%222.60%22%20height%3D%225.59%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2210.11%22%20y%3D%226.62%22%20width%3D%222.60%22%20height%3D%2210.77%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2215.17%22%20y%3D%228.99%22%20width%3D%222.60%22%20height%3D%226.01%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2220.22%22%20y%3D%2210.02%22%20width%3D%222.60%22%20height%3D%223.96%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2225.28%22%20y%3D%226.96%22%20width%3D%222.60%22%20height%3D%2210.09%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2230.33%22%20y%3D%228.50%22%20width%3D%222.60%22%20height%3D%226.99%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2235.39%22%20y%3D%225.60%22%20width%3D%222.60%22%20height%3D%2212.79%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2240.45%22%20y%3D%228.34%22%20width%3D%222.60%22%20height%3D%227.31%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2245.50%22%20y%3D%225.62%22%20width%3D%222.60%22%20height%3D%2212.76%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2250.56%22%20y%3D%227.89%22%20width%3D%222.60%22%20height%3D%228.22%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2255.61%22%20y%3D%227.64%22%20width%3D%222.60%22%20height%3D%228.73%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2260.67%22%20y%3D%225.17%22%20width%3D%222.60%22%20height%3D%2213.66%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2265.73%22%20y%3D%228.54%22%20width%3D%222.60%22%20height%3D%226.92%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2270.78%22%20y%3D%227.12%22%20width%3D%222.60%22%20height%3D%229.75%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2275.84%22%20y%3D%226.31%22%20width%3D%222.60%22%20height%3D%2211.38%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2280.89%22%20y%3D%223.18%22%20width%3D%222.60%22%20height%3D%2217.64%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2285.95%22%20y%3D%220.64%22%20width%3D%222.60%22%20height%3D%2222.72%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2291.00%22%20y%3D%223.40%22%20width%3D%222.60%22%20height%3D%2217.19%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%2296.06%22%20y%3D%224.75%22%20width%3D%222.60%22%20height%3D%2214.50%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22101.12%22%20y%3D%220.21%22%20width%3D%222.60%22%20height%3D%2223.58%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22106.17%22%20y%3D%227.44%22%20width%3D%222.60%22%20height%3D%229.12%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22111.23%22%20y%3D%228.19%22%20width%3D%222.60%22%20height%3D%227.63%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22116.28%22%20y%3D%225.56%22%20width%3D%222.60%22%20height%3D%2212.89%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22121.34%22%20y%3D%226.71%22%20width%3D%222.60%22%20height%3D%2210.58%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22126.40%22%20y%3D%226.94%22%20width%3D%222.60%22%20height%3D%2210.11%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22131.45%22%20y%3D%225.53%22%20width%3D%222.60%22%20height%3D%2212.95%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22136.51%22%20y%3D%221.75%22%20width%3D%222.60%22%20height%3D%2220.49%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22141.56%22%20y%3D%226.63%22%20width%3D%222.60%22%20height%3D%2210.75%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22146.62%22%20y%3D%223.75%22%20width%3D%222.60%22%20height%3D%2216.49%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22151.67%22%20y%3D%223.48%22%20width%3D%222.60%22%20height%3D%2217.04%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22156.73%22%20y%3D%229.74%22%20width%3D%222.60%22%20height%3D%224.52%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22161.79%22%20y%3D%224.47%22%20width%3D%222.60%22%20height%3D%2215.06%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22166.84%22%20y%3D%227.94%22%20width%3D%222.60%22%20height%3D%228.13%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22171.90%22%20y%3D%228.07%22%20width%3D%222.60%22%20height%3D%227.85%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22176.95%22%20y%3D%227.27%22%20width%3D%222.60%22%20height%3D%229.45%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22182.01%22%20y%3D%224.55%22%20width%3D%222.60%22%20height%3D%2214.91%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22187.07%22%20y%3D%226.34%22%20width%3D%222.60%22%20height%3D%2211.32%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22192.12%22%20y%3D%227.24%22%20width%3D%222.60%22%20height%3D%229.51%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22197.18%22%20y%3D%226.08%22%20width%3D%222.60%22%20height%3D%2211.84%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22202.23%22%20y%3D%2210.29%22%20width%3D%222.60%22%20height%3D%223.42%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22207.29%22%20y%3D%228.21%22%20width%3D%222.60%22%20height%3D%227.59%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22212.34%22%20y%3D%226.59%22%20width%3D%222.60%22%20height%3D%2210.81%22%20rx%3D%221.3%22/%3E%3Crect%20x%3D%22217.40%22%20y%3D%227.77%22%20width%3D%222.60%22%20height%3D%228.46%22%20rx%3D%221.3%22/%3E%3C/svg%3E") left center/100% 100% no-repeat;opacity:.9}
.ch-wave i{display:none!important}