/* Logo Beenocle : un seul rendu pour toutes les pages, celui de la navigation de l'accueil.
   Chargé après les styles de chaque page ; les sélecteurs « html a.marque » l'emportent sur les règles locales
   (taille, graisse, soulignement au survol). La couleur du texte suit la navigation de la page quand elle est claire. */
html a.marque {
  display: inline-flex; align-items: center; gap: .05em;
  font-family: 'Fraunces', 'Fraunces repli', Georgia, serif; font-weight: 700; font-style: normal;
  font-size: 1.5rem; line-height: 1.2; letter-spacing: -.02em;
  color: #fff; text-decoration: none;
}
/* sur une en-tête claire (inscription, connexion…) : même logo, encre sombre, comme la navigation claire de l'accueil */
html a.marque.marque-clair { color: #1C1714; }
html a.marque.marque-clair .bee-body-o { fill: rgba(30,25,20,.08); stroke: #1C1714; }
html a.marque.marque-clair .nav-beta { background: rgba(212,122,0,.12); color: #D47A00; border-color: rgba(212,122,0,.3); }
html a.marque:hover, html a.marque:focus, html a.marque:visited, html a.marque:active { text-decoration: none; }
html a.marque:focus-visible { outline: 2px solid #FF9A00; outline-offset: 4px; border-radius: 4px; }
html a.marque.marque-centre { display: flex; justify-content: center; }
html a.marque .logo-bee-text { color: #FF9A00; font-style: italic; text-decoration: none; }
html a.marque .logo-monocle-o { display: inline-block; width: .9em; height: auto; vertical-align: middle; margin: 0 .04em; position: relative; top: -.06em; color: #FF9A00; }
html a.marque .bee-body-o { fill: rgba(255,255,255,.18); stroke: rgba(255,255,255,.7); }
html a.marque .nav-beta {
  font-family: 'Outfit', 'Outfit repli', sans-serif; font-size: .6rem; font-weight: 700; font-style: normal;
  letter-spacing: .1em; text-transform: uppercase; line-height: 1.5;
  background: rgba(255,154,0,.15); color: #FF9A00;
  border: 1px solid rgba(255,154,0,.3); border-radius: 100px;
  padding: .2rem .55rem; margin-left: .5rem; position: relative; top: -.1em;
}