/* Awoui — css/iso.css — awoui.com/iso : le catalogue des images disque vérifiées
   (/iso et ses trois déclinaisons). Jetons du site seulement ; aucune couleur
   littérale, les trois thèmes suivent. Une rangée = un fichier : nom, version,
   preuve, gestes ; le détail (somme, clé, provenance) est replié dans un
   <details> natif, lisible sans script. Clé : ?v=20260926a */

/* — En bref, sous le chapeau — */
.iso-bref{display:flex;flex-wrap:wrap;gap:6px 0;margin:18px 0 0;font-family:var(--fm);font-size:12.5px;color:var(--muted)}
.iso-bref span+span::before,.iso-bref span+a::before{content:"·";margin:0 12px;color:var(--line-strong)}
.iso-bref b{color:var(--text);font-weight:600}
.iso-bref a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}

/* — Sommaire collant + filtre (le filtre est posé par js/iso.js) — */
.iso-nav{position:sticky;top:0;z-index:20;background:var(--bg-0);background:color-mix(in srgb,var(--bg-0) 82%,transparent);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.iso-nav .wrap{display:flex;gap:4px;align-items:center;overflow-x:auto;scrollbar-width:none;padding-top:10px;padding-bottom:10px}
.iso-nav .wrap::-webkit-scrollbar{display:none}
.iso-nav a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:14px;color:var(--muted);
  border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:color .2s,background .2s,border-color .2s}
.iso-nav a i{font-style:normal;font-family:var(--fm);font-size:11px;color:var(--faint)}
.iso-nav a:hover{color:var(--text);background:var(--panel)}
.iso-filtre{flex:0 0 auto;width:min(26ch,40vw);margin-right:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--line-2);
  background:var(--panel);color:var(--text);font:inherit;font-size:14px}
.iso-filtre::placeholder{color:var(--faint)}
.iso-filtre:focus{outline:none;border-color:var(--accent)}

/* — Sections — */
#iso-catalogue{padding:6px 0 48px}
.iso-cat{margin-top:52px;scroll-margin-top:120px}
.iso-cat[hidden],.iso-row[hidden]{display:none}
.iso-cat-head h2{font-family:var(--fd);font-weight:500;font-size:clamp(22px,2.8vw,30px);letter-spacing:-.015em;margin:0}
.iso-cat-head p{color:var(--muted);margin:6px 0 18px;font-size:15px;max-width:70ch}
.iso-vide{color:var(--faint);font-family:var(--fm);font-size:14px;padding:40px 0;text-align:center}

/* — Rangées — */
.iso-liste{display:grid;gap:10px}
.iso-row{display:grid;grid-template-columns:minmax(0,1.6fr) auto auto;grid-template-areas:"main preuve actions" "det det det";
  gap:8px 18px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:border-color .2s}
.iso-row:hover{border-color:var(--line-strong)}
.iso-main{grid-area:main;min-width:0}
.iso-nom{margin:0;font-family:var(--fb);font-size:17px;font-weight:600;color:var(--text);letter-spacing:-.005em}
.iso-ver{font-family:var(--fm);font-weight:400;font-size:14px;color:var(--accent);margin-left:8px;white-space:nowrap}
.iso-ed{margin:3px 0 0;color:var(--muted);font-size:13.5px;line-height:1.45}
.iso-ed span+span::before{content:"·";margin:0 8px;color:var(--line-strong)}
.iso-preuve{grid-area:preuve}
.pill{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;font-family:var(--fm);font-size:12px;
  border:1px solid var(--line-2);color:var(--muted);white-space:nowrap;cursor:help}
.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.pill-signee{color:var(--ok);background:var(--ok-soft);border-color:transparent}
.pill-publiee{color:var(--accent);background:var(--accent-soft);border-color:transparent}
.pill-affichee{color:var(--faint)}
.pill-aucune{color:var(--warn);background:var(--warn-soft);border-color:transparent}
.iso-actions{grid-area:actions;display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.iso-actions .btn{padding:8px 14px;font-size:13.5px;border-radius:10px;text-decoration:none}
.iso-actions .btn svg{width:14px;height:14px}
.iso-lien{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;white-space:nowrap}
.iso-lien:hover{color:var(--text)}

/* — Le détail replié : somme, preuve, clé — */
.iso-det{grid-area:det;border-top:1px dashed var(--line);padding-top:8px;margin-top:4px;min-width:0}
.iso-det summary{cursor:pointer;list-style:none;display:flex;gap:10px;align-items:center;font-family:var(--fm);font-size:12.5px;color:var(--muted);min-width:0}
.iso-det summary::-webkit-details-marker{display:none}
.iso-det summary::before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(-45deg);transition:transform .2s;flex:none;margin-left:2px}
.iso-det[open] summary::before{transform:rotate(45deg)}
.iso-det summary:hover{color:var(--text)}
.iso-det summary code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.iso-det code{font-family:var(--fm);font-size:12.5px;color:var(--text)}
.iso-det-in{padding:10px 0 4px;display:grid;gap:8px;font-size:13.5px;color:var(--muted);line-height:1.5}
.iso-det-in p{margin:0}
.iso-det-in a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;overflow-wrap:anywhere}
.iso-det-in a:hover{color:var(--text)}
.iso-hash{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.iso-hash code{flex:1 1 40ch;min-width:0;padding:7px 10px;border-radius:8px;background:var(--bg-1);border:1px solid var(--line);word-break:break-all;line-height:1.5}
.iso-hash small{font-family:var(--fm);font-size:11.5px;color:var(--faint);letter-spacing:.04em}
.iso-copier{font:inherit;font-size:12.5px;padding:6px 12px;border-radius:8px;border:1px solid var(--line-strong);background:var(--ghost-bg);color:var(--text);cursor:pointer}
.iso-copier:hover{border-color:var(--text)}
.iso-copier[data-ok]{color:var(--ok);border-color:var(--ok)}
.iso-emp{font-family:var(--fm);letter-spacing:.02em;color:var(--text)}

/* — Les sections de texte (vérifier, catalogue, méthode) — */
.iso-doc{border-top:1px solid var(--line)}
.iso-doc h2{margin-top:0}
.iso-cmd{display:grid;gap:14px;margin:18px 0 8px}
.iso-cmd figure{margin:0}
.iso-cmd figcaption{font-family:var(--fm);font-size:12.5px;color:var(--faint);margin-bottom:6px}
.iso-cmd pre{margin:0;padding:12px 14px;border-radius:10px;background:var(--bg-1);border:1px solid var(--line);overflow-x:auto;
  font-family:var(--fm);font-size:13px;color:var(--text);line-height:1.5}
.iso-doc .iso-emp{font-size:14px}
.iso-fichiers{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 14px;padding:0;list-style:none}
.iso-doc ol li{margin:8px 0}

@media (max-width:820px){
  .iso-row{grid-template-columns:1fr;grid-template-areas:"main" "preuve" "actions" "det";gap:10px}
  .iso-actions{justify-content:flex-start}
  .iso-filtre{width:min(22ch,50vw)}
}
@media (prefers-reduced-motion:reduce){
  .iso-row,.iso-nav a,.iso-det summary::before{transition:none}
}