body {
  background: #F0F2EE !important;
  color: #172033 !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

.layout-content,
.container {
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.page-status {
  background: #ffffff !important;
  border: 1px solid #e4e7ec !important;
  border-left: 6px solid #039855 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
  padding: 24px 28px !important;
  margin-top: 28px !important;
  margin-bottom: 34px !important;
}

.page-status,
.page-status .status,
.page-status .status.font-large,
.page-status span,
.page-status div {
  color: #172033 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

.page-status.status-none .status,
.page-status.status-none .status.font-large {
  color: #027a48 !important;
  font-weight: 700 !important;
}

.component-container {
  background: #ffffff !important;
  border: 1px solid #e4e7ec !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
  margin-bottom: 14px !important;
  overflow: hidden !important;
}

.component-inner-container {
  padding: 20px 22px !important;
}

.component-name {
  color: #172033 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

.component-status {
  border-radius: 999px !important;
  padding: 6px 12px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  background: #ecfdf3 !important;
  color: #027a48 !important;
}

.uptime-bar {
  border-radius: 2px !important;
}

.legend-item,
.uptime-summary,
.uptime-footer,
.uptime-time {
  color: #667085 !important;
}

h2,
.incident-history h2,
.past-incidents h2 {
  color: #172033 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

.incident-container,
.incident-list .incident,
.incident-day {
  background: #ffffff !important;
  border: 1px solid #e4e7ec !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03) !important;
  padding: 18px 20px !important;
  margin-bottom: 14px !important;
}

.incident-title.font-large,
.incident-title.font-large a {
  color: #000000 !important;
}

.incident-container .incident-title.font-large,
.incident-container .incident-title.font-large a,
.incident-list .incident .incident-title.font-large,
.incident-list .incident .incident-title.font-large a {
  color: #172033 !important;
}

a {
  color: #155eef !important;
  text-decoration: none !important;
}

a:hover {
  text-decoration: underline !important;
}

[aria-label="Subscribe to updates"] {
  background: #F0F2EE !important;
  color: #000000 !important;
}

[aria-label="Subscribe to updates"] * {
  color: #000000 !important;
}

.button.current,
.button.current.border-color {
  background: #000000CC !important;
  border-color: #000000CC !important;
}

.button.current:hover,
.button.current:focus,
.button.current:active,
.button.current.border-color:hover,
.button.current.border-color:focus,
.button.current.border-color:active {
  background: #4ADE80 !important;
  border-color: #4ADE80 !important;
}

.button.border-color {
  background: #000000CC !important;
  border-color: #000000CC !important;
}

.button.border-color:hover,
.button.border-color:focus,
.button.border-color:active {
  background: #4ADE80 !important;
  border-color: #4ADE80 !important;
}

.subscribe-button,
a.subscribe-button,
.button,
a.button {
  background: #155eef !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  box-shadow: 0 4px 12px rgba(21, 94, 239, 0.22) !important;
}

.subscribe-button:hover,
a.subscribe-button:hover,
.button:hover,
a.button:hover {
  background: #0f49c7 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.header-container,
.page-header {
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important;
}

.header-container .page-title,
.page-header .page-title,
.header-container h1,
.page-header h1 {
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

div.update ~ div.update::before {
  content: '' !important;
  display: block !important;
  width: 100% !important;
  border-top: 1px solid #000000 !important;
  margin-bottom: 8px !important;
}

ul, ol {
  list-style: revert !important;
  padding-left: 1.5em !important;
}

ul li, ol li {
  list-style: revert !important;
  display: list-item !important;
}