/* NexIP V9 — Outages Catalog
   Scoped strictly to the catalogue page.
   No global header, footer or layout modifications. */

.nx-out:not(.nx-out-detail-page) {
  --nx9-blue:#087dff;
  --nx9-ink:#102b52;
  --nx9-muted:#687f9e;
  --nx9-border:#e4ecf7;
  --nx9-shadow:0 12px 36px rgba(25,72,129,.065);
  color:var(--nx9-ink);
  background:linear-gradient(180deg,#f0f7ff 0%,#f8fbff 34%,#f5f9fe 100%);
}

.nx-out:not(.nx-out-detail-page) .nx-out-hero {
  position:relative;
  overflow:hidden;
  background:radial-gradient(ellipse at 80% 18%,rgba(45,143,255,.20),transparent 48%),linear-gradient(125deg,#f9fcff,#e9f4ff);
  border-bottom:1px solid #deebfa;
}

.nx-out:not(.nx-out-detail-page) .nx-out-hero h1 {
  color:#102a52;
  font-weight:800;
  letter-spacing:-.045em;
  line-height:1.1;
  text-wrap:balance;
}

.nx-out:not(.nx-out-detail-page) .nx-out-hero-summary {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:28px;
}

.nx-out:not(.nx-out-detail-page) .nx-out-hero-stat {
  position:relative;
  min-width:0;
  padding:22px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(215,230,250,.95);
  border-radius:20px;
  box-shadow:var(--nx9-shadow);
  transition:transform .2s ease,box-shadow .2s ease;
}

.nx-out:not(.nx-out-detail-page) .nx-out-hero-stat strong {
  display:block;
  font-size:clamp(27px,2.6vw,39px);
  line-height:1.15;
  letter-spacing:-.045em;
  font-variant-numeric:tabular-nums;
}

.nx-out:not(.nx-out-detail-page) .nx-out-hero-stat span {
  font-size:12px;
  font-weight:700;
  letter-spacing:.015em;
}

.nx-out:not(.nx-out-detail-page) .nx-out-hero-stat small {
  color:var(--nx9-muted);
  line-height:1.45;
}

.nx-out:not(.nx-out-detail-page) .aero-public-content {
  background:transparent;
}

.nx-out:not(.nx-out-detail-page) .nx-out-section-head {
  margin-bottom:20px;
}

.nx-out:not(.nx-out-detail-page) .nx-out-section-head h2 {
  font-weight:800;
  color:var(--nx9-ink);
  letter-spacing:-.025em;
}

.nx-out:not(.nx-out-detail-page) .nx-out-grid.nx-out-service-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
  align-items:stretch;
}

.nx-out:not(.nx-out-detail-page) .nx-out-service-card {
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100%;
  padding:17px;
  overflow:hidden;
  background:linear-gradient(155deg,#fff 0%,#fff 70%,#f7fbff 100%);
  border:1px solid var(--nx9-border);
  border-radius:19px;
  box-shadow:var(--nx9-shadow);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.nx-out:not(.nx-out-detail-page) .nx-out-service-card:hover {
  transform:translateY(-3px);
  border-color:#b8d8ff;
  box-shadow:0 20px 40px rgba(25,86,164,.13);
}

.nx-out:not(.nx-out-detail-page) .nx-out-service-card:focus-visible {
  outline:3px solid #69adff;
  outline-offset:3px;
}

.nx-out:not(.nx-out-detail-page) .nx-out-service-card .nx-out-logo {
  object-fit:contain;
  flex-shrink:0;
}

.nx-out:not(.nx-out-detail-page) .nx-out-service-card .nx-out-metrics,
.nx-out:not(.nx-out-detail-page) .nx-out-service-card .nx-out-mini-metrics {
  border-color:var(--nx9-border);
}

.nx-out:not(.nx-out-detail-page) .nx-out-service-card .nx-out-description,
.nx-out:not(.nx-out-detail-page) .nx-out-service-card .nx-out-card-description {
  color:var(--nx9-muted);
  line-height:1.5;
}

.nx-out:not(.nx-out-detail-page) .nx-out-service-card svg {
  max-width:100%;
}

.nx-out:not(.nx-out-detail-page) .nx-out-status {
  font-weight:750;
  letter-spacing:0;
  border-radius:999px;
}

.nx-out:not(.nx-out-detail-page) .nx-out-browser,
.nx-out:not(.nx-out-detail-page) .nx-out-filter-buttons {
  border-radius:17px;
}

.nx-out:not(.nx-out-detail-page) .nx-out-live-summary,
.nx-out:not(.nx-out-detail-page) .nx-out-monitor-panel {
  border-radius:21px;
}

.nx-out:not(.nx-out-detail-page) .nx-out-service-card.is-active {
  border-color:#96caff;
}

@media(min-width:1100px) {
  .nx-out:not(.nx-out-detail-page) .aero-container {
    max-width:1420px;
  }
}

@media(max-width:1100px) {
  .nx-out:not(.nx-out-detail-page) .nx-out-grid.nx-out-service-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .nx-out:not(.nx-out-detail-page) .nx-out-hero-summary {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:740px) {
  .nx-out:not(.nx-out-detail-page) .nx-out-grid.nx-out-service-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .nx-out:not(.nx-out-detail-page) .nx-out-service-card {
    padding:12px;
    border-radius:15px;
  }
  .nx-out:not(.nx-out-detail-page) .nx-out-hero-stat {
    padding:15px;
    border-radius:16px;
  }
  .nx-out:not(.nx-out-detail-page) .nx-out-hero-summary {
    gap:10px;
  }
}

@media(max-width:420px) {
  .nx-out:not(.nx-out-detail-page) .nx-out-grid.nx-out-service-grid {
    grid-template-columns:minmax(0,1fr);
  }
}

@media(prefers-reduced-motion:reduce) {
  .nx-out:not(.nx-out-detail-page) .nx-out-service-card,
  .nx-out:not(.nx-out-detail-page) .nx-out-hero-stat {
    transition:none;
  }
  .nx-out:not(.nx-out-detail-page) .nx-out-service-card:hover {
    transform:none;
  }
}

/* NexIP V9.04 — genuine category distribution */
.nx-out:not(.nx-out-detail-page) .nx9-insights {
  margin:0 0 30px;
  padding:28px;
  background:linear-gradient(140deg,#fff,#f8fbff);
  border:1px solid #dfeaf8;
  border-radius:23px;
  box-shadow:0 14px 35px rgba(23,80,150,.06);
}

.nx-out:not(.nx-out-detail-page) .nx9-insights-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin-bottom:25px;
}

.nx-out:not(.nx-out-detail-page) .nx9-insights-head h2 {
  margin:5px 0 9px;
  color:#102b52;
  font-weight:800;
  letter-spacing:-.035em;
}

.nx-out:not(.nx-out-detail-page) .nx9-insights-head p {
  color:#687f9e;
  line-height:1.55;
}

.nx-out:not(.nx-out-detail-page) .nx9-insights-total {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:110px;
  padding:15px;
  background:#eef6ff;
  border:1px solid #d8eaff;
  border-radius:17px;
}

.nx-out:not(.nx-out-detail-page) .nx9-insights-total strong {
  color:#087dff;
  font-size:32px;
  line-height:1.1;
}

.nx-out:not(.nx-out-detail-page) .nx9-insights-total span {
  color:#687f9e;
  font-size:12px;
}

.nx-out:not(.nx-out-detail-page) .nx9-insights-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:17px 24px;
}

.nx-out:not(.nx-out-detail-page) .nx9-category-top {
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-bottom:9px;
  font-size:12px;
}

.nx-out:not(.nx-out-detail-page) .nx9-category-top strong {
  color:#1d3658;
}

.nx-out:not(.nx-out-detail-page) .nx9-category-top span {
  color:#7087a4;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

.nx-out:not(.nx-out-detail-page) .nx9-category-track {
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:#e9f0fb;
}

.nx-out:not(.nx-out-detail-page) .nx9-category-track span {
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#168aff,#70bdff);
}

@media(max-width:900px) {
  .nx-out:not(.nx-out-detail-page) .nx9-insights-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:600px) {
  .nx-out:not(.nx-out-detail-page) .nx9-insights {
    padding:18px;
  }
  .nx-out:not(.nx-out-detail-page) .nx9-insights-grid {
    grid-template-columns:minmax(0,1fr);
  }
  .nx-out:not(.nx-out-detail-page) .nx9-insights-total {
    min-width:75px;
  }
}

/* V9.05 interactive categories */
.nx-out:not(.nx-out-detail-page) .nx9-category-item {
  padding:12px;
  border:1px solid transparent;
  border-radius:13px;
  cursor:pointer;
  transition:background .2s,border-color .2s,transform .2s;
}

.nx-out:not(.nx-out-detail-page) .nx9-category-item:hover {
  background:#eef6ff;
  border-color:#c7e0ff;
  transform:translateY(-1px);
}

.nx-out:not(.nx-out-detail-page) .nx9-category-item.is-nx9-selected {
  background:#eaf4ff;
  border-color:#0782ff;
  box-shadow:0 0 0 2px rgba(7,130,255,.08);
}

.nx-out:not(.nx-out-detail-page) .nx9-category-item:focus-visible {
  outline:3px solid #58aaff;
  outline-offset:2px;
}

.nx-out:not(.nx-out-detail-page) .nx9-filter-tools {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  margin:0 0 20px;
}

.nx-out:not(.nx-out-detail-page) .nx9-filter-all {
  border:1px solid #c8defa;
  border-radius:999px;
  background:#fff;
  color:#1864bc;
  padding:10px 18px;
  font-weight:700;
  cursor:pointer;
}

.nx-out:not(.nx-out-detail-page) .nx9-filter-all.is-selected {
  background:#087dff;
  color:#fff;
  border-color:#087dff;
}

.nx-out:not(.nx-out-detail-page) .nx9-filter-result {
  color:#68819f;
  font-size:13px;
  font-weight:600;
}

.nx-out:not(.nx-out-detail-page) .nx-out-service-card.nx9-category-hidden {
  display:none!important;
}

@media(prefers-reduced-motion:reduce) {
  .nx-out:not(.nx-out-detail-page) .nx9-category-item {
    transition:none;
  }
}

/* NexIP V9.08 — monitoring overview */
.nx-out .nx9-overview{margin:0 0 24px;padding:28px;border:1px solid #dfebf8;border-radius:24px;background:linear-gradient(130deg,#fff,#f5faff);box-shadow:0 15px 35px rgba(27,80,145,.06)}
.nx-out .nx9-overview-head,.nx-out .nx9-overview-breakdown-head{display:flex;justify-content:space-between;align-items:center;gap:18px}
.nx-out .nx9-overview-head h2{margin:5px 0 8px;font-size:clamp(21px,2.2vw,30px);letter-spacing:-.035em;color:#142e53}
.nx-out .nx9-overview-head p,.nx-out .nx9-overview-disclaimer{color:#7086a3;font-size:13px;line-height:1.6}
.nx-out .nx9-live-pill{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:9px 13px;border-radius:30px;background:#e8f8f2;color:#177d5b;font-size:11px;font-weight:700}
.nx-out .nx9-live-pill span{height:7px;width:7px;border-radius:50%;background:#1caf79}
.nx-out .nx9-overview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}
.nx-out .nx9-overview-kpi{min-width:0;padding:19px;border:1px solid #e2ecfa;border-radius:17px;background:#fff}
.nx-out .nx9-overview-kpi small{display:block;font-size:12px;color:#6a80a0;font-weight:650}
.nx-out .nx9-overview-kpi strong{display:block;margin:9px 0;font-size:clamp(26px,2.6vw,38px);line-height:1.1;color:#126bcb;font-variant-numeric:tabular-nums}
.nx-out .nx9-overview-kpi span{font-size:11px;color:#8194ad}
.nx-out .nx9-overview-breakdown{padding:20px;border-radius:18px;background:#fff;border:1px solid #e2ecf8}
.nx-out .nx9-overview-breakdown-head{margin-bottom:16px}
.nx-out .nx9-overview-breakdown-head h3{margin:0;font-size:16px;color:#163355}
.nx-out .nx9-overview-breakdown-head>span{font-size:12px;color:#7890ad}
.nx-out .nx9-status-track{display:flex;width:100%;height:18px;overflow:hidden;border-radius:20px;background:#e7edf5}
.nx-out .nx9-status-segment{display:block;height:100%;min-width:0}
.nx-out .nx9-status-up{background:#22aa81}
.nx-out .nx9-status-degraded{background:#e5b548}
.nx-out .nx9-status-down{background:#e75c64}
.nx-out .nx9-status-blocked{background:#9b83d3}
.nx-out .nx9-status-unknown{background:#a7b5c7}
.nx-out .nx9-status-legend{display:flex;flex-wrap:wrap;gap:12px 22px;margin:17px 0}
.nx-out .nx9-status-legend>div{display:flex;align-items:center;gap:7px;font-size:12px;color:#526b8a}
.nx-out .nx9-status-legend strong{color:#18395c;font-variant-numeric:tabular-nums}
.nx-out .nx9-status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0}
.nx-out .nx9-overview-disclaimer{margin:9px 0 0}
@media(max-width:950px){.nx-out .nx9-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.nx-out .nx9-overview{padding:16px}.nx-out .nx9-overview-head{align-items:flex-start;flex-direction:column}.nx-out .nx9-overview-kpi{padding:13px}}