/* La languette de la visite « Un contenu, trois sites » sur les fiches des projets (/studio/projects/…), le 06/11/2026.
   Cinq fiches refusent tout script (script-src 'none') : c'est la même languette que celle de /creation/visite.js, en
   HTML et CSS seuls (« Languette sans programme »), sur les douze fiches, pour qu'elles aient toutes le même geste.
   Elle est posée par outils/creation/languette-fiches.py.
   - Elle ne s'affiche qu'avec le repère de la visite dans l'adresse (#visite-1, -2 ou -3), que visite.js ajoute aux
     liens des fiches quand on est en visite : le vrai site reste tranquille.
   - Elle s'ouvre et se ferme au clic (<details>). Ouverte, un calque transparent couvre la page : un clic ailleurs la
     referme aussi. Sans script, ni Échap, ni « Quitter la visite », ni rideau. */
/* Fixée à l'écran, sans taille : le navigateur, qui fait défiler la page jusqu'à l'élément de l'adresse (#visite-1),
   la trouve déjà à l'écran et ne bouge pas. */
.visite-fiche{display:none;position:fixed;top:0;right:0;width:0;height:0;z-index:2147482000}
.visite-fiche:target{display:block}
.visite-fiche summary{position:fixed;right:0;top:0;bottom:0;margin:auto 0;height:max-content;z-index:1;display:flex;
  align-items:center;gap:8px;writing-mode:vertical-rl;padding:14px 8px;border-radius:12px 0 0 12px;background:#10162a;color:#f7f8fc;
  cursor:pointer;list-style:none;font:500 10px/1 "JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;
  text-transform:uppercase;box-shadow:0 8px 28px rgba(16,22,42,.22);-webkit-user-select:none;user-select:none}
.visite-fiche summary::-webkit-details-marker{display:none}
.visite-fiche summary::marker{content:""}
.visite-fiche summary i{width:7px;height:7px;border-radius:50%;background:#5968ff;box-shadow:0 0 0 3px rgba(89,104,255,.35)}
.visite-fiche summary:hover,.visite-fiche details[open]>summary{background:#1d2540}
.visite-fiche summary:focus-visible{outline:2px solid #5968ff;outline-offset:3px}
/* Ouverte : le calque transparent. Il appartient à la languette, donc le clic qui le touche la referme. */
.visite-fiche details[open]>summary::before{content:"";position:fixed;inset:0;z-index:-1;cursor:default}
.visite-volet{position:fixed;right:44px;top:50%;z-index:2;transform:translateY(-50%);width:min(300px,calc(100vw - 60px));
  box-sizing:border-box;padding:16px;border-radius:16px;background:#fff;color:#10162a;border:1px solid #e4e7ef;
  box-shadow:0 24px 60px rgba(16,22,42,.18);font:15px/1.45 Inter,"Segoe UI",system-ui,sans-serif;text-align:left}
.visite-volet p{margin:0 0 12px;font:500 10px/1.4 "JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;
  text-transform:uppercase;color:#5968ff}
.visite-volet a{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;
  color:inherit;text-decoration:none}
.visite-volet a:hover{background:#f1f3fa}
.visite-volet b{font:600 16px/1.2 "Space Grotesk",Inter,"Segoe UI",system-ui,sans-serif}
.visite-volet em{margin-left:auto;font:500 10px/1 "JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;
  text-transform:uppercase;font-style:normal;color:#8a93a6}
.visite-volet [aria-current]{background:#eef0ff}
.visite-volet [aria-current] em{color:#5968ff}
.visite-volet hr{border:0;border-top:1px solid #e4e7ef;margin:10px 0}
.visite-volet .visite-petit{font-size:14px;color:#5b6375}
@media print{.visite-fiche{display:none!important}}