/* Public Hub preview finish (2026-11-08).
   Legacy 'doors' are permanently inert after E-tabs migration; some legacy
   component rules use display!important and used to resurrect hidden buttons.
   Keep the semantic hidden/inert state as the final source of truth. */
html[data-hub-storefront] body .hub-market nav.hm-door-nav[hidden][inert],
html[data-hub-storefront] body .hub-market .hm-door-meta[hidden],
html[data-hub-storefront] body .hub-market .hm-door-interact-intro[hidden] {
  display:none!important;
  visibility:hidden!important;
}

/* The Room preview is a real peer card beside About: remove the legacy
   'bare separator' exception only in the modern public Overview. */
html[data-hub-storefront] body .hub-market[data-hub-public-view="overview"]
  .hm-person-overview-grid > .hm-person-overview-card.is-room {
  display:grid!important;
  align-content:start;
  gap:10px!important;
  min-width:0;
  padding:17px 18px!important;
  border:1px solid var(--hm-line,#284158)!important;
  border-radius:14px!important;
  background:var(--hm-surface,#0f2032)!important;
  box-shadow:none!important;
}
html[data-hub-storefront] body .hub-market[data-hub-public-view="overview"]
  .hm-person-overview-grid > .hm-person-overview-card.is-room > small {
  display:block;
  font-size:11px;
  color:var(--hm-muted,#a7bdd0);
}
html[data-hub-storefront] body .hub-market[data-hub-public-view="overview"]
  .hm-person-overview-grid > .hm-person-overview-card.is-room .hm-insight-action{
  align-self:end;
  margin-top:2px;
}
@media(max-width:700px){
  html[data-hub-storefront] body .hub-market[data-hub-public-view="overview"]
    .hm-person-overview-grid > .hm-person-overview-card.is-room {
      padding:14px!important;
    }
}