/* Places the protected-section key directly after the current section dropdown. */
.bl-homebar-inner .bl-protected-key{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  z-index:2!important;
  width:46px!important;
  height:38px!important;
  flex:0 0 46px!important;
  transform:none!important;
  border:2px solid var(--protected-key-border,var(--banner-pill-border,var(--border)))!important;
  background:var(--protected-key-bg,var(--banner-pill-bg,var(--header-gradient)))!important;
  background-image:var(--protected-key-bg,var(--banner-pill-bg,var(--header-gradient)))!important;
  color:var(--protected-key-ink,var(--banner-pill-ink,var(--ink)))!important;
  -webkit-text-fill-color:currentColor!important;
  box-shadow:0 7px 18px rgba(0,0,0,.22)!important;
}
.bl-homebar-inner .bl-protected-key:hover{filter:brightness(1.09)!important;}
.bl-homebar-inner .bl-protected-key:focus-visible{
  outline:3px solid var(--protected-key-focus,var(--ring,var(--accent)))!important;
  outline-offset:2px!important;
}
@media (max-width:620px){
  .bl-homebar-inner .bl-protected-key{
    width:42px!important;
    height:36px!important;
    flex-basis:42px!important;
  }
}

/* BASELINE-LIVE-KEY-FIRST-PAINT-20260803: stable geometry before deferred JavaScript starts. */
html body[data-app] .bl-homebar-inner{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
html body[data-app] .bl-homebar-inner > .bl-pages-dd{order:1!important;flex:0 1 auto!important;min-width:0!important;margin:0!important;}
html body[data-app] .bl-homebar-inner > .bl-protected-key{order:2!important;margin:0!important;align-self:center!important;}
html body[data-app] .bl-homebar-inner > .bl-homebar-spacer{order:3!important;flex:1 1 auto!important;min-width:8px!important;}
html body[data-app] .bl-homebar-inner > .bl-homebar-right{order:4!important;margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex:0 0 auto!important;}
html body[data-app] .bl-protected-key svg{fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
html body[data-app="charity-shop"] .bl-homebar-right,
html body[data-app="charity-shop"] #bl-beats-toggle,
html body[data-app="charity-shop"] #bl-auth-toggle{visibility:visible!important;opacity:1!important;pointer-events:auto!important;}