/* Managed records are never visible before the current publication read. */
html[data-managed-content-page] :is(
  [data-site-v2-results],
  [data-site-v2-feedback],
  .pg-school-list,
  [data-school-detail],
  .v2-campus-directory,
  [data-site-content-honors],
  .v2-business-grid,
  .v3-journey-grid,
  [data-service-detail],
  [data-v2-page="enhancement"],
  [data-news-grid]
):not([data-managed-content-state="ready"]) > :not(.managed-content-status) {
  display: none !important;
}

html[data-managed-content-page] [data-service-banner]:not([data-managed-content-state="ready"]),
html[data-managed-content-page] [data-service-banner-image]:not([data-managed-content-state="ready"]) {
  visibility: hidden;
}

.managed-content-status {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 20px;
  padding: 24px 0;
  color: #54675c;
  font-size: 14px;
  line-height: 1.65;
  text-align: left;
}

.managed-content-status p {
  margin: 0;
}

.managed-content-status button {
  min-height: 44px;
  padding: 8px 18px;
  border: 1px solid #365d49;
  border-radius: 4px;
  background: #fffdf7;
  color: #244733;
  font: inherit;
  cursor: pointer;
}

.managed-content-status button:hover {
  background: #edf2e9;
}

.managed-content-status button:focus-visible {
  outline: 2px solid #365d49;
  outline-offset: 3px;
}