/* ══════════════════════════════════════════════════════════════════════════
   CHL:BP_PUBLIC_CHROME v1 — bp-chrome.css
   The collapsed platform chrome on a public Business Page (CHL shell, Mode A).
   One handle bar; the ordinary header sits beneath it, folded by [hidden].
   No layout is taken from the business below it beyond this 36px bar.
   ══════════════════════════════════════════════════════════════════════════ */
.chlchrome{position:relative;z-index:1002;background:#0f0d1a;color:#e9e6f5}
.chlchrome__bar{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0 14px}
.chlchrome__handle{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 4px;margin:-4px 0;border:0;background:transparent;color:inherit;font:600 12.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:.02em;cursor:pointer;border-radius:8px}
.chlchrome__handle:hover{color:#fff}
.chlchrome__handle:focus-visible{outline:2px solid #f97316;outline-offset:2px}
.chlchrome__mark{height:15px;width:auto;max-width:104px;display:block;filter:brightness(0) invert(1);opacity:.92}
.chlchrome__txt{white-space:nowrap}
.chlchrome__chev{display:inline-block;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease;opacity:.85}
.chlchrome[data-chl-chrome="revealed"] .chlchrome__chev{transform:translateY(2px) rotate(-135deg)}
.chlchrome[data-chl-chrome="revealed"] .chlchrome__bar{border-bottom:1px solid rgba(255,255,255,.08)}
/* the revealed header keeps its own styles; the fold is the [hidden] attribute */
.chlchrome > #mainHeader[hidden]{display:none !important}
@media (max-width:640px){
  .chlchrome__txt{font-size:12px}
  .chlchrome__mark{max-width:92px}
}
@media (prefers-reduced-motion:reduce){ .chlchrome__chev{transition:none} }