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

/* ── Design tokens ───────────────────────────────────────────────────────── */
:root {
  --gap:        44px;
  --gap-sm:     24px;
  --border:     #E4E4E7;
  --text-muted: #555;
  --accent:     #9333EA;
  --arrow-size: 0.8rem;
}

/* ── Base ────────────────────────────────────────────────────────────────── */
body {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

* { border-radius: 0 !important; }

/* ── Layout ──────────────────────────────────────────────────────────────── */
.layout-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.masthead {
  padding-top: var(--gap) !important;
  padding-bottom: 0 !important;
  margin-bottom: var(--gap) !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;
  min-height: 50px !important;
  margin-bottom: var(--gap) !important;
  border: 1px solid var(--border) !important;
}

.page-status h2.status {
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-1px);
  font-size: 16px !important;
  font-weight: 500 !important;
}

/* ── About / text section ────────────────────────────────────────────────── */
.text-section {
  margin-top: 0 !important;
  margin-bottom: var(--gap) !important;
  padding-bottom: 0 !important;
}

.text-section h2.font-largest {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-top: 10px !important;
  margin-bottom: 4px !important;
}

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

/* ── Components section ──────────────────────────────────────────────────── */
.components-section {
  margin-top: 4px !important;
  padding-top: 0 !important;
  border-bottom: 1px solid var(--border) !important;
}

/* Hide the native Statuspage +/− toggle */
.group-parent-indicator { display: none !important; }

/* ── Arrows ──────────────────────────────────────────────────────────────── */
.planet-arrow,
.toggle-arrow {
  font-size: var(--arrow-size);
  color: #333;
  margin-right: 6px;
  display: inline-block;
  transition: transform 0.25s ease, opacity 0.15s ease;
}

.planet-arrow.open,
.toggle-arrow.open {
  transform: rotate(90deg);
}

/* ── Collapsible wrappers ────────────────────────────────────────────────── */
.collapsible-content,
.planet-child-wrapper {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.collapsible-content.open,
.planet-child-wrapper.open {
  max-height: 4000px;
}

/* ── Typography: titles ──────────────────────────────────────────────────── */
.component-name,
.incident-title,
.incident-title a {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

.incident-container strong {
  font-weight: 500 !important;
}

/* ── Component status label ──────────────────────────────────────────────── */
.component-status,
.component-status span {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ── Incident indentation ────────────────────────────────────────────────── */
.incident-container .updates-container {
  padding-left: 20px !important;
}

/* ── Maintenance title layout ────────────────────────────────────────────── */
.scheduled-maintenance h3.incident-title {
  display: block !important;
  width: 100% !important;
  position: relative;
}

.scheduled-maintenance h3.incident-title small.pull-right {
  display: block !important;
  float: none !important;
  margin-top: 4px !important;
  text-align: left !important;
}

.scheduled-maintenance h3.incident-title a {
  display: inline !important;
  white-space: normal !important;
}

/* ── Remove unwanted UI ──────────────────────────────────────────────────── */
.history-footer-link,
.updates-dropdown-container,
.contains-cluster {
  display: none !important;
}

a.subscribe,
a[class*="subscribe"],
a[href*="subscribe"] {
  display: none !important;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */
#planet-custom-footer {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  text-align: center !important;
  color: var(--text-muted) !important;
}

.planet-footer-links a {
  color: var(--text-muted);
  text-decoration: underline;
  margin-left: 8px;
}

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

.planet-footer-links a:hover,
#planet-custom-footer a:hover {
  color: var(--accent) !important;
  text-decoration: none !important;
}

#planet-custom-footer a {
  color: var(--text-muted) !important;
  text-decoration: underline !important;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 600px) {
  .masthead {
    margin-bottom: var(--gap-sm) !important;
    padding-top: var(--gap-sm) !important;
  }

  .page-status,
  .page-status.status-none {
    margin-bottom: var(--gap-sm) !important;
    min-height: 44px !important;
    padding: 8px 10px !important;
  }

  .text-section p.color-secondary {
    max-width: 100%;
  }
}

/* ── Hidden cluster components ───────────────────────────────────────────── */
.component-inner-container[data-component-id="fmpwzfwjtn3b"],
.component-inner-container[data-component-id="pd7frchnbq8q"],
.component-inner-container[data-component-id="3kndhxkwxvzl"],
.component-inner-container[data-component-id="s8zd59vvlm95"],
.component-inner-container[data-component-id="2j61nzlkrktq"],
.component-inner-container[data-component-id="9rrgtdfmwc5r"],
.component-inner-container[data-component-id="4wjd3bcb2j06"],
.component-inner-container[data-component-id="yj6fvk7v0s0g"],
.component-inner-container[data-component-id="9vd9yr368s71"],
.component-inner-container[data-component-id="3wyc4qk9b7gl"],
.component-inner-container[data-component-id="zsr2x9mwyj1n"],
.component-inner-container[data-component-id="83p2gd9xr1wk"],
.component-inner-container[data-component-id="3sjtyr1gj98n"],
.component-inner-container[data-component-id="lnl97nrlp5ty"],
.component-inner-container[data-component-id="n7vzfnhwdz8j"],
.component-inner-container[data-component-id="m24wsz5ztkvv"],
.component-inner-container[data-component-id="qfqmw9dc3xjt"],
.component-inner-container[data-component-id="60dryqqwgztx"],
.component-inner-container[data-component-id="p0pkfxf02dgr"],
.component-inner-container[data-component-id="tqq268j2q9sr"],
.component-inner-container[data-component-id="2bft7n26y7jc"],
.component-inner-container[data-component-id="qmxs3tmxln70"],
.component-inner-container[data-component-id="38ddmxhrs9h5"],
.component-inner-container[data-component-id="8hgwpfvbv7vh"],
.component-inner-container[data-component-id="k6cllgnqflpm"],
.component-inner-container[data-component-id="nplb211k2jlh"],
.component-inner-container[data-component-id="0fww75x5xtqn"],
.component-inner-container[data-component-id="xs894r5l7thh"],
.component-inner-container[data-component-id="p0sglywt2kjy"],
.component-inner-container[data-component-id="6nb25xz39f1w"],
.component-inner-container[data-component-id="j5gw05cj790w"],
.component-inner-container[data-component-id="5v49jf10qsbx"],
.component-inner-container[data-component-id="lmrs4rl9cp0r"],
.component-inner-container[data-component-id="3tpx4xfr5l74"],
.component-inner-container[data-component-id="vvzdll5sfnc0"],
.component-inner-container[data-component-id="y1h1tz72j723"],
.component-inner-container[data-component-id="3ntmslncw8z0"],
.component-inner-container[data-component-id="nwbksxl7h0jq"],
.component-inner-container[data-component-id="t69rbg1kpdk8"],
.component-inner-container[data-component-id="h5dvty8hkxt8"],
.component-inner-container[data-component-id="nt0697c745mt"],
.component-inner-container[data-component-id="66476fym41m8"],
.component-inner-container[data-component-id="q66z7381nwsg"],
.component-inner-container[data-component-id="v507m9snjshm"],
.component-inner-container[data-component-id="4q4l932ls1kx"],
.component-inner-container[data-component-id="27cwqdbvcnc9"],
.component-inner-container[data-component-id="w5ndtfcwtv0w"],
.component-inner-container[data-component-id="bgcsxpyfsmdn"],
.component-inner-container[data-component-id="cd485b89nxm6"],
.component-inner-container[data-component-id="v6wl3lvwvmj4"],
.component-inner-container[data-component-id="0lrxmcj0f9r5"],
.component-inner-container[data-component-id="95xy8y5c9xjc"],
.component-inner-container[data-component-id="39cjn30mqyln"],
.component-inner-container[data-component-id="vyd7fj1n3t8x"],
.component-inner-container[data-component-id="kp3xx09slkhn"],
.component-inner-container[data-component-id="r9wkhw2hpqvs"],
.component-inner-container[data-component-id="20w0s8ry10jk"],
.component-inner-container[data-component-id="2smlr3x6ktlv"],
.component-inner-container[data-component-id="7k6b4788zg5f"],
.component-inner-container[data-component-id="33l977l5gsss"],
.component-inner-container[data-component-id="h28hb0wtmw0z"],
.component-inner-container[data-component-id="qmfmxrq4yhy6"],
.component-inner-container[data-component-id="nbvrxz9k53s2"],
.component-inner-container[data-component-id="t3t96k2nw1kz"],
.component-inner-container[data-component-id="kfnf8c5sws2c"],
.component-inner-container[data-component-id="p4sf72vf9405"],
.component-inner-container[data-component-id="7phh45mjvzsf"],
.component-inner-container[data-component-id="nmx8dw4h4lbv"],
.component-inner-container[data-component-id="qh7kr86c8ddh"],
.component-inner-container[data-component-id="vb2z8y7fl9d3"] {
  display: none !important;
}