/* Shared compatibility rules for the permanent header lockup. The visible
   logo and two-line wordmark are now created by site-shell.js so the logo can
   become the left-side navigation control on smaller screens. */

.brand-group { flex-shrink: 0; }

/* Older public pages used this breadcrumb as their horizontal wordmark. */
.brand-group > .breadcrumb {
  display: none !important;
}

@media (max-width: 1079px) {
  .header-right .status-pill {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    transform: translate(-50%, -50%) !important;
  }

}

@media (max-width: 880px) {
  .site-header .header-inner {
    position: relative;
  }

  .site-header .version-pill {
    position: absolute !important;
    top: 2.15rem !important;
    right: auto !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}