{* Header *}
#cover-image-container {
    background-position: 0 -40px;
}
.layout-content.status .masthead-container.premium .masthead .images-container {
    max-height: 240px;
}
.layout-content.status .custom-header-container {
  margin-bottom: 16px;
}
.layout-content.status .masthead-container .masthead {
    margin-bottom: 8px;
}

.custom-legend-wrapper {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 945px) {
    .custom-legend-wrapper {
      width: 90%;
    		  max-width: 850px;
      margin: auto;
    }
}


.custom-legend-content {
    border: 1px #E5E5E5 solid;
    margin-top: 0;
    width: max-content;
    margin-left: auto;
}

.custom-legend-heading {
    font-family: sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    color: #777777;
    background-color: #E5E5E5;
    margin: 0;
    padding: 0.5rem;
}

.custom-legend-list {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    gap: 0.7rem;
    margin: 0;
    padding: 0.5rem;
}

.custom-legend-list li {
    display: flex;
    align-items: center;
    font-family: sans-serif;
    font-size: 0.75rem;
}
.custom-legend-list .color {
    width: 16px;
    height: 16px;
    margin-right: 0.25rem;
    border-radius: 0.2rem;
}
.custom-legend-list .none {
    background-color: #333333;
}
.custom-legend-list .minor {
    background-color: #F1C40F;
}
.custom-legend-list .major {
    background-color: #E67E22;
}
.custom-legend-list .maintenance {
    background-color: #3498DB;
}

.sr-only {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

{* Body *}

.incident-title.font-large {
  font-size: 1.1rem;
  line-height: 1.2;
}
.layout-content.status.status-index .unresolved-incidents .unresolved-incident {
	  margin-top: 16px;
}
.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title {
  padding: 0.4rem 0.6rem; 
}
.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates {
  padding: 0; 
}
.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates .update {
  margin-bottom: 0;
  line-height: 1.3;
  padding: 0.4rem 0.6rem 0.2rem; 
}
.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates .update:nth-child(even) {
  background-color: #fafafa;
}
.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates .update:not(:first-child) {
  border-top: 1px #dbdbdb dotted;
}
small {
 font-size: 0.9rem; 
}