/* Le site tel que l'administrateur le règle : son nom, son icône, son aperçu. */

/* ---- le site : ce qu'on règle, montré tel qu'il s'affichera ----
   Le bandeau du menu, à l'échelle, avec les MÊMES classes : c'est ce qui en
   fait un aperçu plutôt qu'un second dessin qui divergerait au premier
   ajustement. */
.site-preview {
  align-self: stretch; padding: 12px 14px; border-radius: var(--radius);
  background: var(--bg3); border: 1px dashed var(--line);
}

/* ============================================================
   LA MARQUE DU SITE
   Son nom vient de la base : l'administrateur le change et il s'applique pour
   tout le monde. Ce qui est écrit dans la coquille n'est que ce qui s'affiche
   le temps que la première réponse arrive.
   ============================================================ */
/* Le nom se LIT. Il était rendu par « .side-head h1 span », une copie de ce
   bloc restée dans layout.css, qui posait une pastille cyan sur CHAQUE span du
   titre — l'icône comprise — en 0,62 em : deux puces de dix pixels en haut à
   gauche, où l'on cherchait le nom du site. */
#brand h1 {
  font-size: 1.16em; letter-spacing: -.2px; display: flex; align-items: center;
  gap: 9px; line-height: 1.3; color: var(--fg); font-weight: 700; min-width: 0;
}
/* Le nom, puis « + Wiki » à sa droite ; la réserve de droite est la place du bouton ⇤, posé en absolu. */
/* Plus de réserve à droite : le ⇤ est dans la rangée, il n'est plus posé par-dessus. */
.brand-row { display: flex; align-items: center; gap: 8px; }
.brand-row h1 { flex: 1 1 auto; }
.brand-icon { font-size: 1.3em; line-height: 1; }
/* LE NOM MÈNE À L'ACCUEIL, et ça se voit : couleur de lien, soulignement au survol (19 septembre 2026). */
.brand-link { display: flex; align-items: center; gap: inherit; min-width: 0; color: var(--blue2);
  text-decoration: none; border-radius: 6px; }
.brand-link:hover .brand-name, .brand-link:focus-visible .brand-name { text-decoration: underline;
  text-underline-offset: .18em; }
.brand-name { min-width: 0; overflow-wrap: anywhere; }
/* MARGE DU BAS À ZÉRO : celle d'un <p> par défaut sort du bandeau par collapse
   et posait 14 px de vide sous le nom, sans apparaître dans sa hauteur. */
.brand-tagline { font-size: max(.76em, var(--fs-floor)); color: var(--fg3); margin: 4px 0 0; }