/* v598 - LIST on phones: auto-hiding top chrome (pairs with js/290-list-header-autohide.js).
   Everything is scoped to html.bh-ah (phone + LIST page only, set by the script) so no other page / desktop is touched.
   The header keeps its place in the page flow; it is only moved with a transform, and the sticky offsets of the list bars
   (--header-h / --avl-kw-h) switch to the slim-bar values, so the scroll position never shifts.
   Roll back: remove the <link> + <script> tags of 290. */
#bhMiniBar{display:none}

@media (max-width:720px){
  html.bh-ah{--bh-mini-h:44px;--header-h:var(--bh-mini-h,44px)!important}

  /* The sticky stack of the list (building banner + column header) is PINNED AT A CONSTANT OFFSET (the slim-bar height) and never moves.
     The full header + search row are an overlay on top of it: they slide away / back with a transform only (compositor, no layout),
     so nothing races or jumps. While the overlay is open it simply covers the pinned bars. */
  html.bh-ah .avl-section{--avl-kw-h:0px!important}
  html.bh-ah .avl-kw{top:calc(var(--banner-h,0px) + var(--bh-hdr-full,102px));z-index:96}
  html.bh-ah header.site{transition:transform .22s cubic-bezier(.22,.7,.28,1),visibility 0s linear 0s;will-change:transform}
  html.bh-ah .avl-kw{transition:transform .22s cubic-bezier(.22,.7,.28,1),opacity .16s ease,visibility 0s linear 0s}

  /* ---- hidden state ---- */
  html.bh-hc header.site{transform:translateY(-115%);visibility:hidden;pointer-events:none;box-shadow:none;transition:transform .22s cubic-bezier(.22,.7,.28,1),visibility 0s linear .22s}
  html.bh-hc .avl-kw{transform:translateY(-190px);opacity:0;pointer-events:none;visibility:hidden;transition:transform .22s cubic-bezier(.22,.7,.28,1),opacity .16s ease,visibility 0s linear .22s}

  /* ---- slim bar: fixed in place, only fades (the header slides over / away from it) ---- */
  html.bh-ah #bhMiniBar{
    display:flex;align-items:center;gap:4px;box-sizing:border-box;
    position:fixed;left:0;right:0;top:var(--banner-h,0px);height:var(--bh-mini-h,44px);z-index:499;
    padding:0 8px 0 12px;background:var(--color-bg-card,#fff);border-bottom:1px solid var(--line,#E4E9F0);
    box-shadow:0 6px 14px -10px rgba(22,45,76,.35);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .18s ease .04s,visibility 0s linear .24s;
  }
  html.bh-hc #bhMiniBar{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .14s ease,visibility 0s}
  #bhMiniBar button{font:inherit;border:0;background:none;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--navy-900,#0b2038)}
  #bhMiniBar .mb-brand{display:flex;align-items:center;height:100%;flex:none}
  #bhMiniBar .mb-brand img{height:22px;width:auto;display:block}
  #bhMiniBar .mb-brand b{font-size:12px;letter-spacing:.5px}
  #bhMiniBar .mb-title{display:inline-flex;align-items:center;gap:6px;margin-left:12px;padding-left:12px;border-left:1px solid var(--line,#E4E9F0);font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--navy-700,#2E4F79);white-space:nowrap}
  #bhMiniBar .mb-title i{font-size:11px;color:var(--gold-600,#a8842f)}
  #bhMiniBar .mb-sp{flex:1 1 auto;min-width:0}
  #bhMiniBar .mb-btn{position:relative;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex:none;transition:background .15s}
  #bhMiniBar .mb-btn:active{background:rgba(199,164,91,.22)}
  #bhMiniBar .mb-btn:focus-visible{outline:2px solid var(--gold-500,#C7A45B);outline-offset:1px}
  #bhMiniBar .mb-show{background:rgba(199,164,91,.18);color:var(--gold-700,#8a6a1f);margin-left:2px}
  #bhMiniBar .mb-dot{display:none;position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:#D9534F;border:1.5px solid var(--color-bg-card,#fff)}
  #bhMiniBar.mb-unread .mb-dot{display:block}
  #bhMiniBar.mb-nobell .mb-bell{display:none}
  [data-theme="dark"] #bhMiniBar button{color:var(--ink,#fff)}
  [data-theme="dark"] #bhMiniBar .mb-title{color:#A9C6E8}
  [data-theme="dark"] #bhMiniBar .mb-show{color:#E6C877}
}
body.site-gate-active #bhMiniBar{display:none!important}
@media (prefers-reduced-motion:reduce){
  html.bh-ah header.site,html.bh-ah .avl-kw,html.bh-ah #bhMiniBar{transition:none!important}
}