/* Only selected category panels change geometry; the opening composition stays intact. */
.site-shell[data-nj-home] [data-nj-selected-system] .nj-service-gateway__copy strong {
  white-space: normal !important;
  overflow-wrap: anywhere;
  line-height: 1.25 !important;
}
.site-shell[data-nj-home] [data-nj-selected-system] .nj-service-gateway__copy em {
  display: none !important;
}
.site-shell[data-nj-home] [data-nj-selected-system] .nj-service-matrix .nj-service-gateway {
  grid-area: auto !important;
}
.site-shell[data-nj-home] [data-nj-selected-system] .nj-living-theatre {
  scroll-margin-top: 100px;
}
.site-shell[data-nj-home] [data-nj-selected-system] .nj-outcome-headline {
  max-width: 20ch !important;
  font-size: clamp(28px, 2.6vw, 44px) !important;
  line-height: 1.04 !important;
  margin: 12px 0 !important;
  overflow-wrap: anywhere;
}
.site-shell[data-nj-home] [data-nj-selected-system] .nj-outcome-kicker {
  margin-bottom: 0 !important;
}
.site-shell[data-nj-home] [data-nj-selected-system] .nj-routing-telemetry > span {
  white-space: normal !important;
  overflow-wrap: anywhere;
  padding-inline: 10px !important;
}
@media (min-width: 1181px) {
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-theatre-stage {
    grid-row: 1 / 4 !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important;
    align-items: center !important;
    padding: 18px 24px !important;
  }
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-service-matrix > header,
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-service-matrix > div {
    grid-row: 4 / 7 !important;
  }
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-service-matrix > div {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(var(--nj-service-rows, 3), minmax(0, 1fr)) !important;
    padding-top: 40px !important;
  }
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-service-matrix .nj-service-gateway {
    border-inline-end: 1px solid var(--living-line-soft) !important;
    border-bottom: 1px solid var(--living-line-soft) !important;
    padding: 12px 25px 12px 14px !important;
  }
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-service-gateway strong {
    font-size: 14px !important;
  }
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-theatre-copy {
    padding-block: 0 !important;
  }
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-stage-status {
    margin-top: 20px !important;
  }
}
@media (max-width: 1180px) {
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-living-theatre {
    display: flex !important;
    flex-direction: column !important;
    flex: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    scroll-margin-top: 142px;
  }
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-theatre-stage {
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    padding: 0 !important;
  }
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-theatre-copy {
    padding: 24px 18px !important;
  }
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-theatre-stage .nj-schematic,
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-theatre-stage .nj-schematic svg {
    display: none !important;
  }
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-theatre-header {
    display: none !important;
  }
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-stage-status {
    margin-top: 18px !important;
  }
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-service-matrix,
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-service-matrix > div,
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-service-matrix .nj-service-gateway {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-service-matrix > div {
    grid-template-rows: none !important;
    grid-auto-rows: minmax(112px, auto) !important;
  }
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-service-matrix > header {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 96px !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 12px 14px !important;
  }
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-service-matrix > header > * {
    grid-column: 1 !important;
    white-space: normal !important;
    line-height: 1.35 !important;
  }
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-service-matrix > header > a {
    min-height: 32px !important;
  }
  .site-shell[data-nj-home] [data-nj-selected-system] .nj-service-gateway strong {
    font-size: 14px !important;
  }
}