/* La barre incrustée de la ruche : un rail creusé (--well, --well-shadow du thème), une barre dorée en léger relief
   (--fill-shadow). Une seule pour tout le site (avant : recopiée dans chaque page).
     <span class="bar"><i style="width: 42%"></i></span>
   .bar--thick : 8 px au lieu de 6. La page règle le reste : la largeur (style, --fill ou son script), un dégradé, une
   lueur, une animation, une autre épaisseur. */

.bar {
  display: block;
  height: 6px;
  background: var(--well);
  box-shadow: var(--well-shadow);
}
.bar--thick {
  height: 8px;
}
.bar > i {
  display: block;
  height: 100%;
  background: var(--gold);
  box-shadow: var(--fill-shadow);
}