/* -- GLOBAL FONT -- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
  font-family: "Inter", sans-serif;
  line-height: 1.4 !important;
}

/* -- HEADER (LOGO AREA) -- */
.masthead {
  padding-top: 44px !important;
  padding-bottom: 0 !important;
  margin-bottom: 44px !important;
}

.masthead-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.masthead img {
  width: 100% !important;
  max-width: 630px !important;
  height: auto !important;
}

/* -- STATUS BANNER -- */
.page-status,
.page-status.status-none {
  display: flex !important;
  align-items: center !important;
  padding: 6px 12px !important;
  border-radius: 4px !important;
  min-height: 50px !important;
  margin-bottom: 44px !important;
  border: 1px solid #E4E4E7 !important;  /* subtle Planet border */
}

.page-status h2.status {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  transform: translateY(-1px);
}

/* -- ABOUT THIS SITE -- */
.text-section {
  margin-top: 0 !important;
  margin-bottom: 44px !important; 
  padding-bottom: 0 !important;
}

.text-section h2.font-largest {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin-top: 10px !important;
  margin-bottom: 4px !important;
}

.text-section h2.font-largest a {
  font-size: inherit !important;
  font-weight: inherit !important;
}

.text-section p.color-secondary {
  font-size: 14px !important;
  line-height: 1.5 !important;
  max-width: 650px;
  margin-top: 4px !important;
  font-weight: 400 !important;
}

/* -- COMPONENTS SECTION SPACING -- */
.components-section {
  margin-top: 4px !important;
  padding-top: 0 !important;
  border-bottom: 1px solid #E4E4E7 !important; /* Planet subtle separator */
}

/* -- GLOBAL SPACING CLEANUP -- */
.layout-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* -- REMOVE LESS USEFUL ELEMENTS -- */
.history-footer-link,
.updates-dropdown-container,
.contains-cluster {
  display: none !important;
}

/* -- REMOVE SUBSCRIBE BUTTON -- */
.subscribe-button,
button.subscribe-button,
button#subscribe-button,
a.subscribe-button,
a[href*="/subscribe"] {
  display: none !important;
}

/* -- RESPONSIVE TWEAKS -- */
@media (max-width: 600px) {
  .masthead {
    margin-bottom: 28px !important;
    padding-top: 24px !important;
  }
  .page-status,
  .page-status.status-none {
    margin-bottom: 28px !important;
    min-height: 44px !important;
    padding: 8px 10px !important;
  }
  .text-section p.color-secondary {
    max-width: 100%;
  }
}

/* -- Footer link styling */
.planet-footer-links a {
  color: inherit;
  text-decoration: underline;
  margin-left: 8px;
}

.planet-footer-links a:last-child {
  margin-left: 0;
}

.planet-footer-links a:hover {
  text-decoration: none;
  color: #9333EA !important; /* subtle Planet accent */
}

/* -- Small Planet touch: global link hover */
a:hover {
  color: #9333EA !important;
}

/* -- Indent incident details under each day */
.incident-container .updates-container,
.incident-container .update,
.incident-container .update-body,
.incident-container .update-content {
  padding-left: 20px !important;
}

/* -- Tighten spacing between incident title and the first update */
.incident-container .incident-title {
  margin-bottom: 4px !important;
}

.incident-container .updates-container .update {
  margin-top: 2px !important;
}

/* -- Also tighten spacing inside the update block */
.incident-container .update strong {
  margin-right: 4px;
}

.incident-container .update br {
  line-height: 0.8 !important;
}

/* -- Optional Planet geometry (minimal impact) */
* {
  border-radius: 0 !important;
}