/* Le mobilier d'une page : accueil, images et sommaire des wikis. */

.hero{padding:52px 0 14px;text-align:center}
.hero h1{font-size:clamp(2em,5vw,3.1em);letter-spacing:-1.8px;line-height:1.1;
  display:flex;align-items:center;justify-content:center;gap:.24em;flex-wrap:wrap}
/* LE DÉGRADÉ EST SUR LE NOM, PAS SUR LE TITRE ENTIER. Il est peint DANS le
   texte (« background-clip: text »), ce qui suppose une couleur de
   remplissage transparente — et un emoji, glyphe en couleur, s'efface avec le
   reste. On le rattrapait en reposant « -webkit-text-fill-color: initial »
   sur l'icône : ça ne rattrape rien là où la propriété préfixée n'existe pas,
   et l'emoji du titre restait invisible. L'icône est désormais DEHORS. */
.hero-name{background:linear-gradient(100deg,var(--fg),var(--blue2) 55%,var(--cyan));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  color:transparent}
.hero-em{font-size:.92em;line-height:1}
.hero-baseline{color:var(--fg2);font-size:1.06em;margin-top:10px}
/* PAS DE COLONNE À PART : elle bridait le texte d'accueil à 760 px pendant que
   les cartes juste en dessous prennent toute la largeur du contenu — la même
   page semblait resserrée en haut, large en bas (23 septembre 2026). Elle suit
   maintenant la largeur de `#content`, comme le reste. */
.home-intro{margin:0 auto}

footer{color:var(--fg3)}

/* ---- IMAGES ----
   Neuf : aucune des pages d'origine n'en portait. max-width:100% et non une
   largeur fixe — une capture d'écran de 1920 px déborderait sinon la colonne
   de lecture et ferait défiler la page entière de côté sur téléphone. */
figure{margin:24px 0}
figure img,#content img{display:block;max-width:100%;height:auto;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--bg2)}
figure img{margin:0 auto}
figure figcaption{margin-top:9px;color:var(--fg3);font-size:.88em;text-align:center;line-height:1.5}
figure figcaption code{font-size:.95em}
/* Une image seule, sans légende, dans un paragraphe : même traitement. */
p>img{margin:16px auto}

/* ═══════════════════════ SOMMAIRE DES WIKIS ═══════════════════════
   La page d'accueil quand chaque wiki a sa propre page. Volontairement sans
   moteur : rien à cocher, rien à retenir, juste des portes d'entrée. */
/* `auto-fit` ET NON `auto-fill` : avec `auto-fill`, les colonnes vides d'une
   famille qui n'a qu'un wiki restaient réservées — une carte de 276 px et
   trois cents pixels de blanc à sa droite (20 septembre 2026). Ajustées, les
   cartes prennent toute la ligne, quel qu'en soit le nombre. */
.wikis{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:10px;margin:10px 0 14px}
/* LA FAMILLE, au-dessus de sa grille. Sept encarts d'affilée se lisent comme
   une liste de fichiers : l'intertitre dit lequel des trois sujets on regarde.
   Un filet plutôt qu'un fond — l'encart en a déjà un, et deux surfaces
   empilées feraient un bloc dans un bloc. */
.wikis-group{font-size:max(.72em,var(--fs-floor));text-transform:uppercase;letter-spacing:1.6px;
  color:var(--fg3);font-weight:700;margin:16px 0 0;padding:0 0 6px;border:none;
  border-bottom:1px solid var(--line)}
.wikis-group:first-of-type{margin-top:14px}
.wikis-group{display:flex;align-items:center;gap:10px}
.wikis[hidden]{display:none}
/* LA SOUS-FAMILLE, un cran sous sa famille : casse ordinaire, filet pointillé, décalée de sa marge. */
.wikis-group.wikis-sub{text-transform:none;letter-spacing:.2px;font-size:max(.8em,var(--fs-floor));
  margin:10px 0 0 10px;border-bottom-style:dashed}
/* LE NIVEAU EN COULEUR, comme au rail (`--part` posé par list.js, palette dans nav.css) : le filet de l'intertitre, le bord des cartes. */
.wikis-group{border-bottom-color:var(--part,var(--line))}
.wikis .wiki-card{border-color:color-mix(in srgb,var(--part,var(--line)) 45%,var(--line));
  background:color-mix(in srgb,var(--part,var(--bg2)) 18%,var(--bg2))}
.group-fold{all:unset;flex:0 1 auto;display:flex;align-items:center;gap:8px;cursor:pointer;min-height:28px}
.wikis-group{cursor:pointer}
/* LE « TOUT PLIER » D'UNE FAMILLE, après son titre : à la hauteur de l'intertitre, sans sa casse ; caché quand la famille est pliée. */
.wikis-group > .fold-all{text-transform:none;letter-spacing:normal;font-weight:600;padding:2px 8px;line-height:1.3;white-space:nowrap}
.wikis-group > .group-fold[aria-expanded="false"] ~ .fold-all,.wikis-group > .fold-all[hidden]{display:none}
.group-fold:hover{color:var(--fg)}
.group-fold:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}
/* LE TITRE AU CENTRE, « TOUT PLIER » À SA DROITE SUR LA MÊME LIGNE : deux colonnes égales autour du titre, la droite ne descend pas sous le bouton. */
.hero:has(> .wikis-tools){display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:8px}
.hero:has(> .wikis-tools) > h1{grid-column:2;grid-row:1}
.hero:has(> .wikis-tools) > .hero-baseline{grid-column:1/-1}
.wikis-tools{display:flex;justify-content:flex-end;margin:10px 0 -8px}
.hero > .wikis-tools{grid-column:3;grid-row:1;margin:0}
.hero > .wikis-tools .fold-all{white-space:nowrap}
.wikis-tools .fold-all[hidden]{display:none}
/* LES LIGNES D'UNE CARTE S'ALIGNENT AVEC CELLES DE SA VOISINE (UI.md, règle 8) :
   titre, description et pied partagent leurs rangées par `subgrid`, sinon le
   pied d'une description courte remonte de vingt pixels sur celui d'à côté.
   Sans subgrid, le `1fr` de la description colle au moins les pieds en bas. */
/* `min-width:0` PARTOUT : une case de grille vaut « auto » par défaut, donc
   elle refuse de descendre sous la largeur de son contenu — un titre long et
   la ligne « Reprendre : … » sortaient de la carte par la droite
   (20 septembre 2026). */
.wiki-card{display:grid;grid-template-rows:auto 1fr auto;text-decoration:none;color:inherit;
  background:var(--bg2);min-width:0;
  border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;transition:.15s}
.wiki-card > *,.wiki-card .card-foot > *{min-width:0}
.wiki-card h2{overflow-wrap:anywhere}
@supports (grid-template-rows:subgrid){
  .wiki-card{grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
}
.wiki-card:hover{border-color:var(--blue);transform:translateY(-2px)}
.wiki-card .em{font-size:24px;/* glyphe fixe : l'emoji d'une carte, un dessin et non un mot */line-height:1;flex:none}
/* L'emoji sur la ligne du titre, pas au-dessus (UI.md, règle 44) : une ligne de moins par carte. */
.wiki-card h2{display:flex;align-items:center;gap:8px;font-size:1.08em;margin:0 0 4px;border:none;padding:0;color:var(--fg)}
.wiki-card p{color:var(--fg3);font-size:.9em;line-height:1.45;margin:0}
.wiki-card .card-foot{align-self:end}
/* La barre et son compte sur UNE ligne : la carte compacte (10 octobre 2026). */
.wiki-card .account{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:.82em;color:var(--blue);white-space:nowrap;
  font-family:var(--mono)}
/* LA BARRE D'AVANCEMENT DE LA CARTE — la même que celle du menu, en plus fin.
   Mêmes couleurs et même dégradé volontairement : c'est la même mesure, et
   deux échelles de couleur pour une seule grandeur se lisent comme deux
   grandeurs. Elle n'apparaît que sur un wiki qui a quelque chose à finir. */
.card-bar{display:block;height:5px;background:var(--line);border-radius:99px;
  overflow:hidden;flex:1 1 auto;min-width:40px}
.card-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));
  transition:width .4s}
/* Où la carte ramène, quand le wiki est commencé. */
.card-resume{margin-top:5px;font-size:.84em;color:var(--fg2);font-weight:600;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ═══════════ AU TÉLÉPHONE : LE MOBILIER SE RESSERRE ═══════════
   L'accueil tenait 3 884 px à 390 px, dont 52 px de blanc au-dessus du seul
   titre. Les cartes gardent leur forme et leur surface cliquable entière
   (UI.md, règle 27) : c'est leur rembourrage et leur gouttière qui baissent. */
@media(max-width:1000px),(pointer:coarse){
  .hero{padding:24px 0 10px}
  .hero-baseline{margin-top:7px}
  .wikis{gap:8px;margin:8px 0 10px}
  .wikis-group{margin-top:12px}
  .wikis-group:first-of-type{margin-top:10px}
  .wiki-card{padding:12px 14px}
  figure{margin:16px 0}
}
/* UN PLAN (liste de liens de chapitres, marquée par le rendu) a son encart : posé à nu, il se fondait dans la page (24 septembre 2026) ; il prend la largeur des encarts, pas la mesure de lecture. */
ul.plan{margin:14px 0;max-width:none;padding:12px 18px 12px 36px;border:1px solid var(--line);border-radius:12px;
  background:color-mix(in srgb,var(--blue) 10%,var(--bg2))}
ul.plan>li{margin:6px 0}
ul.plan>ul{margin:2px 0 10px;padding-left:22px}
ul.plan>ul:last-child{margin-bottom:2px}
/* LES RÉSULTATS D'UNE RECHERCHE, rangés comme le sommaire : wiki, parties en retrait, une carte par chapitre et ses occurrences. */
.search-page{--step:16px}
.search-page .search-count{color:var(--fg3);margin:0 0 14px}
.search-wiki{font-size:1.15em;margin:22px 0 8px}
.search-part{font-size:.95em;color:var(--fg3);border:0;padding:0;margin:16px 0 8px calc(var(--depth,0) * var(--step))}
.search-chap{background:var(--bg2);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:var(--radius);
  padding:10px 14px;margin:0 0 10px calc(var(--depth,0) * var(--step))}
.search-hit{display:flex;align-items:baseline;justify-content:space-between;gap:10px;text-decoration:none;color:inherit;
  border:1px solid transparent;border-radius:6px;padding:4px 6px;margin:-4px -6px}
.search-hit:hover,.search-occ:hover{border-color:var(--blue)}
.search-t{font-weight:600;color:var(--fg);overflow-wrap:break-word;min-width:0}
.search-n{font-size:.85em;color:var(--fg3);white-space:nowrap}
.search-occs{list-style:none;margin:8px 0 0;padding:0}
.search-occ{display:block;box-sizing:border-box;text-decoration:none;color:inherit;background:var(--bg);
  border:1px solid var(--line);border-radius:6px;padding:6px 10px;margin:0 0 6px}
@media (pointer:coarse){.search-occ,.search-more > summary{min-height:48px}}
.search-occ > span{display:block;overflow-wrap:break-word}
.search-sec{font-size:.8em;color:var(--blue)}
.search-snippet{font-size:.92em;color:var(--fg3);line-height:1.5}
.search-more > summary{cursor:pointer;color:var(--blue);border:1px solid var(--line);border-radius:6px;padding:8px 10px;margin:0 0 6px;box-sizing:border-box}
.search-beyond{font-size:.85em;color:var(--fg3);margin:4px 0 0}
.search-hit b,.search-occ b{color:var(--fg);background:color-mix(in srgb,var(--blue) 30%,transparent);border-radius:3px}
@media (max-width:600px){.search-page{--step:10px}.search-chap{padding:8px 10px}}
/* LES MOTS CHERCHÉS, dans le chapitre ouvert depuis un résultat : même surlignage que la liste, la couleur du texte gardée (code compris). */
mark.hit,mark.sift{font-weight:700;color:inherit;background:color-mix(in srgb,var(--blue) 30%,transparent);border-radius:3px;padding:0 1px}