/* Restore the title banner from c19d6c2 while retaining the current sky and footer layout.
   v5: a thinner bar (44px -> 32px) with a smaller mascot, name and button. */
html:not([data-sponsor]) { --sensei-bar-height:32px; }
.sensei-bar {
  position:fixed; inset:0 0 auto; z-index:60; height:32px;
  display:flex; align-items:center; justify-content:center; gap:12px; padding:3px 14px;
  box-sizing:border-box; background:#171b32; color:#fff; text-decoration:none;
  font:500 12px/1.2 Inter,system-ui,sans-serif;
}
.sensei-bar .sensei-mascot { width:15px; height:21px; object-fit:contain; flex:none; }
.sensei-bar strong { font-size:13.5px; white-space:nowrap; }
.sensei-cta { background:#fff; color:#171b32; padding:3px 10px; font-size:11px; border-radius:999px; white-space:nowrap; font-weight:700; }
html:not([data-sponsor]) .nav { top:var(--sensei-bar-height); }
html:not([data-sponsor]) #hero { padding-top:var(--sensei-bar-height); }
html:not([data-sponsor]) .skyboard { scroll-margin-top:96px; }
.sensei-bar:focus-visible { outline:3px solid #fff; outline-offset:-3px; }
[data-sponsor] .sensei-bar { display:none; }
@media (max-width:560px) {
  .sensei-bar { gap:8px; }
  .sensei-partner { max-width:125px; font-size:10px; }
  .sensei-cta { font-size:10px; padding:3px 8px; }
}
.sensei-partner { white-space:nowrap; }
/* One line or nothing: the thin bar has no room for the line to wrap. */
@media (max-width:480px) {
  .sensei-partner { display:none; }
}