.page-status { display: none !important; }

#about-this-site { font-size: 0; position: relative; display: block; line-height: 1.2; height: 34px; }
#about-this-site::after { content: "Latest Status"; font-size: 28px; position: absolute; left: 0; top: 0; white-space: nowrap; line-height: 1.2; }

#past-incidents { font-size: 0; position: relative; display: block; line-height: 1.2; height: 34px; }
#past-incidents::after { content: "Past Maintenances"; font-size: 28px; position: absolute; left: 0; top: 0; white-space: nowrap; line-height: 1.2; }

.incidents-list .status-day.no-incidents p { font-size: 0 !important; position: relative; display: block; height: 20px; }
.incidents-list .status-day.no-incidents p::after { content: "No maintenance scheduled."; font-size: 14px !important; position: absolute; left: 0; top: 0; white-space: nowrap; color: #AAAAAA; }

/* Page order: Latest Status > System Metrics > Scheduled Maintenance > Past Maintenances > footer */
.layout-content.status .container { display: flex !important; flex-direction: column !important; }
.layout-content.status .text-section { order: 1 !important; }
#custom-metrics-container { order: 2 !important; display: block !important; }
.layout-content.status .scheduled-maintenances-container { order: 3 !important; }
.layout-content.status .incidents-list { order: 4 !important; }
.layout-content.status .page-footer { order: 5 !important; }

/* OH SVC01 and OR SVC01 side by side */
#custom-metrics-container .timeframes-container ~ div { display: grid !important; grid-template-columns: 1fr 1fr; gap: 20px; }
#custom-metrics-container .timeframes-container ~ div > div { min-width: 0; }
#custom-metrics-container .highcharts-container,
#custom-metrics-container svg { max-width: 100% !important; }

@media (max-width: 500px) {
  #custom-metrics-container .timeframes-container ~ div { grid-template-columns: 1fr; }
}