/* ══ EVERY HEADER IS GLASS ═════════════════════════════════ 22 Sep 2026 ══
   Sir: the homepage's compact bar lets each section's colour show through;
   do it for every header on the site. Same numbers as the homepage: 38% of
   the bar's own colour, an 8px blur, saturation 1.8. Pages whose bar is
   navy keep navy, as glass (hyyryn-glass.css is loaded on every page; the
   navy ones add .hy-glass-dark). The messages pages are left alone: their
   bar does not sit over anything that scrolls. */
header.topbar, .jsh-head {
  background: rgba(250, 248, 243, .38) !important;
  backdrop-filter: blur(8px) saturate(1.8) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.8) !important;
}
header.topbar.hy-glass-dark, header.rec-head {
  background: rgba(10, 22, 40, .5) !important;
  backdrop-filter: blur(8px) saturate(1.8) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.8) !important;
}
/* the navy bar's links carried their own navy plates; on glass they showed as blocks */
header.topbar.hy-glass-dark nav, header.topbar.hy-glass-dark nav a { background: transparent !important; }