/* V20.52.28 — public tenant mobile containment.
   Goal: no tenant theme, drawer, full-bleed hero or off-canvas element may
   enlarge the document viewport. Components that intentionally scroll
   horizontally must do it inside their own rail/viewport. */
html,
body {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
}

@supports not (overflow: clip) {
  html,
  body { overflow-x: hidden; }
}

body,
#public-content,
#public-content > *,
.site-header,
.site-footer,
.modern-header,
.modern-footer,
.corp-header,
.corp-footer,
.premium-header,
.premium-footer,
.lpii-header,
.lpii-footer {
  min-width: 0;
  max-width: 100%;
}

#public-content {
  width: 100%;
  position: relative;
}

/* Media must never create a page-level horizontal scroll. */
#public-content img,
#public-content video,
#public-content iframe,
.site-header img,
.site-footer img {
  max-width: 100%;
}

/* Flex/grid children often cause mobile overflow because their intrinsic
   min-width defaults to auto. Keep the actual scrolling inside dedicated
   carousels and the organization-chart viewport. */
#public-content :where(section, article, aside, div, nav, main) {
  min-width: 0;
}

@media (max-width: 900px) {
  /* Prevent off-canvas menus from contributing a hidden document width. */
  body > :where(.lpii-links, .site-nav, .modern-nav, .corp-nav, .premium-nav),
  body > :where([class*="drawer"], [class*="offcanvas"]) {
    max-width: 100dvw;
  }

  /* Defensive floor for tenant shells without changing their theme widths. */
  .shell {
    min-width: 0;
  }

  /* Wide content is allowed only inside components that explicitly own
     horizontal scrolling. */
  .ocf-viewport,
  .ocf-spacer,
  [class*="carousel"],
  [class*="rail"],
  [data-horizontal-scroll] {
    overscroll-behavior-x: contain;
  }
}

/* V20.52.28 — engagement is visible again on generic tenant news previews. */
.tenant-news-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(148,163,184,.22);
}
.tenant-news-stats{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#69788d;font-size:11px;font-weight:800}
.tenant-news-stats span{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:5px 8px;border-radius:999px;background:#f4f7fa}
.tenant-news-stats b{font:inherit;color:inherit}
@media(max-width:620px){
  .tenant-news-footer{align-items:flex-start;flex-direction:column}
  .tenant-news-stats{width:100%}
}