/* NexIP V9.22 - scoped premium service pages */

.nx-out-detail-page{
  --nx22-blue:#087dff;
  --nx22-text:#183454;
  --nx22-muted:#7187a2;
  --nx22-border:#dbe7f5;
  --nx22-shadow:0 14px 38px rgba(25,76,137,.065);
  background:linear-gradient(180deg,#eef6ff,#f7faff 430px,#f7faff);
  color:var(--nx22-text);
}
.nx-out-detail-page .nx-out-detail-hero{
  border-radius:26px;
  background:radial-gradient(circle at 88% 12%,#dcecff,transparent 44%),linear-gradient(135deg,#fff,#edf6ff);
  box-shadow:var(--nx22-shadow);
}
.nx-out-detail-page .nx-out-detail-hero h1{
  color:#122e52;
  font-size:clamp(30px,3.3vw,46px);
  line-height:1.12;
  letter-spacing:-.035em;
}
.nx-out-detail-page .nx-out-title-row{
  display:flex;
  align-items:center;
  gap:20px;
}
.nx-out-detail-page .nx-out-logo--large{
  border-radius:22px;
  background:#fff;
  border:1px solid var(--nx22-border);
  box-shadow:0 10px 26px rgba(25,76,137,.09);
}
.nx-out-detail-page .nx-out-detail-livebar,
.nx-out-detail-page .nx-out-latency-chart,
.nx-out-detail-page .nx-out-monitor-panel,
.nx-out-detail-page .nx-out-history,
.nx-out-detail-page .nx-out-incident-history,
.nx-out-detail-page .nx-out-components,
.nx-out-detail-page #nx-out-community{
  border:1px solid var(--nx22-border);
  border-radius:23px;
  background:#fff;
  box-shadow:var(--nx22-shadow);
}
.nx-out-detail-page .nx-out-detail-live-grid > div,
.nx-out-detail-page .nx-out-metric{
  min-width:0;
  border:1px solid #e1ebf8;
  border-radius:17px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  padding:16px;
}
.nx-out-detail-page .nx-out-latency-plot{
  border:1px solid #e1eaf7;
  border-radius:17px;
  background:linear-gradient(180deg,#fcfeff,#f6faff);
}
.nx-out-detail-page .nx-out-detail-link{
  border-radius:12px;
  transition:box-shadow .18s ease,transform .18s ease;
}
.nx-out-detail-page .nx-out-detail-link:hover{
  transform:translateY(-1px);
  box-shadow:0 9px 22px rgba(21,81,151,.1);
}
.nx22-clarity{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:18px 0 22px;
}
.nx22-clarity-card{
  min-width:0;
  padding:20px 22px;
  border:1px solid var(--nx22-border);
  border-radius:19px;
  background:linear-gradient(145deg,#fff,#f8fbff);
  box-shadow:0 9px 25px rgba(25,76,137,.055);
}
.nx22-kicker{
  display:block;
  margin-bottom:9px;
  color:#4383cb;
  font-size:11px;
  font-weight:800;
  letter-spacing:.075em;
}
.nx22-clarity-card h3{
  margin:0 0 8px;
  color:#153253;
  font-size:18px;
  line-height:1.3;
}
.nx22-clarity-card p{
  margin:0;
  color:#617b99;
  font-size:13px;
  line-height:1.7;
}
.nx-out-detail-page #nx-out-community{
  width:100%;
  max-width:none;
  padding:22px;
}
.nx-out-detail-page #nx-out-community .nx-out-community-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.nx-out-detail-page #nx-out-community .nx-out-comment,
.nx-out-detail-page #nx-out-community .nx-out-comments-list li{
  border:1px solid #e4edf8;
  border-radius:13px;
  background:#fbfdff;
  padding:14px;
}
.nx-out-detail-page input[type=text],
.nx-out-detail-page input[type=email],
.nx-out-detail-page textarea,
.nx-out-detail-page select{
  max-width:100%;
  border:1px solid #d6e4f4;
  border-radius:12px;
  background:#fff;
}
.nx-out-detail-page input:focus-visible,
.nx-out-detail-page textarea:focus-visible,
.nx-out-detail-page button:focus-visible,
.nx-out-detail-page a:focus-visible{
  outline:3px solid #77baff;
  outline-offset:2px;
}
.nx-out-detail-page form button[type=submit]{
  border-radius:11px;
  font-weight:750;
}
.nx-out-detail-page details{
  border-radius:13px;
  border:1px solid #e2ebf7;
  background:#fff;
}
@media(max-width:950px){
  .nx22-clarity,
  .nx-out-detail-page #nx-out-community .nx-out-community-grid{
    grid-template-columns:minmax(0,1fr);
  }
}
@media(max-width:600px){
  .nx-out-detail-page .nx-out-title-row{
    flex-wrap:wrap;
    gap:12px;
  }
  .nx22-clarity{gap:12px;margin:14px 0}
  .nx22-clarity-card{padding:16px}
  .nx-out-detail-page #nx-out-community{padding:15px}
  .nx-out-detail-page .nx-out-detail-hero{border-radius:18px}
}
@media(prefers-reduced-motion:reduce){
  .nx-out-detail-page .nx-out-detail-link{transition:none}
  .nx-out-detail-page .nx-out-detail-link:hover{transform:none}
}