/* The SHABBA toolbar type, the same on every site (chosen 2026-11-12, from the Plugins site):
   the product name in Michroma capitals in the site's own colour, the section links in Michroma capitals,
   and a line under the section you are reading, exactly as long as the word.
   Loaded last on each page, so it only changes type and colour; the bar's transitions stay as they are.
   Needs Michroma: <link href="https://fonts.googleapis.com/css2?family=Michroma&display=swap" rel="stylesheet"> */
html body :is(.fam-bar, .bar) .space {
  font: 400 10.5px/1 "Michroma", "Arial Black", sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--fam-c, var(--c));
  margin-left: 4px;
  padding: 5px 0 5px 18px;
  border-left: 1px solid rgba(236, 232, 223, .14);
}
html body :is(.fam-bar, .bar) nav.local { gap: clamp(18px, 1.9vw, 34px); }
html body :is(.fam-bar, .bar) nav.local a {
  font: 400 10px/1.2 "Michroma", "Arial Black", sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  color: rgba(236, 232, 223, .56);
}
html body :is(.fam-bar, .bar) nav.local a:hover,
html body :is(.fam-bar, .bar) nav.local a.on,
html body :is(.fam-bar, .bar) nav.local a[aria-current] { color: #ece8df; }
html body :is(.fam-bar, .bar) nav.local a::after { display: block; bottom: 3px; background: var(--fam-c, var(--c)); }
html body :is(.fam-bar, .bar) nav.local a[aria-current]::after { transform: scaleX(1); }
html body :is(.fam-bar, .bar) .cta {
  font: 400 10.5px/1 "Michroma", "Arial Black", sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}
/* a site with a button in the bar (Ref2Set, ARCLINE): on narrower screens the links sit in the free space
   between the name and the buttons instead of the exact centre, a little tighter, so they never run into the button */
@media (max-width: 1599px) {
  html body .fam-bar:has(.cta) nav.local { position: static; translate: none; margin: 0 auto; gap: 14px; }
  html body .fam-bar:has(.cta) nav.local a { letter-spacing: .07em; }
}