/* NexIP V9.24 - detail page refinement */

.nx-out-detail-page .nx-out-detail-hero .aero-container{
  padding-top:16px!important;
  padding-bottom:17px!important;
}
.nx-out-detail-page .nx-out-detail-hero h1{
  font-size:clamp(26px,2.7vw,37px)!important;
  line-height:1.14;
}
.nx-out-detail-page .nx22-clarity{
  margin:9px 0 12px!important;
  gap:12px;
}
.nx-out-detail-page .nx22-clarity-card{
  padding:12px 16px!important;
}
.nx-out-detail-page .nx-out-v6-chart{
  padding:15px 18px!important;
  margin:10px 0!important;
}
.nx-out-detail-page .nx-out-v6-bars{
  height:124px!important;
  min-height:0!important;
  max-height:124px!important;
  background:repeating-linear-gradient(to top,#e9f0f9 0 1px,transparent 1px 30px);
  border-bottom:1px solid #c7d9ee;
}
.nx-out-detail-page .nx-out-v6-bars > *{
  transition:opacity .15s ease,filter .15s ease;
}
.nx-out-detail-page .nx-out-v6-bars > *:hover{
  filter:brightness(.85);
}
.nx24-time-axis{
  display:flex;
  justify-content:space-between;
  gap:6px;
  margin:8px 1px 3px;
  color:#69829f;
  font-size:11px;
  font-variant-numeric:tabular-nums;
}
.nx24-chart-peak{
  margin-top:7px;
  color:#46755e;
  font-size:12px;
  font-weight:700;
}
.nx-out-detail-page .nx-out-latency-chart{
  padding:15px!important;
}
.nx-out-detail-page .nx-out-latency-plot.nx23-ready{
  display:block!important;
  height:162px!important;
  min-height:0!important;
  max-height:162px!important;
  padding:4px 8px!important;
  overflow:hidden!important;
}
.nx-out-detail-page .nx-out-latency-plot.nx23-ready svg.nx23-trend{
  display:block!important;
  width:100%!important;
  height:150px!important;
  max-height:150px!important;
  min-height:0!important;
}
.nx-out-detail-page .nx-out-latency-plot.nx23-ready svg:not(.nx23-trend){
  display:none!important;
}
.nx-out-detail-page .nx-out-latency-chart:has(.nx23-ready) .nx-out-latency-axis{
  display:none!important;
}
.nx-out-detail-page #nx-out-community,
.nx-out-detail-page .nx-out-community,
.nx-out-detail-page .nx24-community-wide{
  width:100%!important;
  max-width:none!important;
}
.nx-out-detail-page .nx24-community-wide{
  margin:14px 0;
}
.nx24-rating-label{
  display:inline-flex!important;
  justify-content:center;
  align-items:center;
  width:47px;
  height:46px;
  margin:3px!important;
  border:1px solid #d8e5f5;
  border-radius:11px;
  background:#f8fbff;
  color:#b7c5d6;
  font-size:0!important;
  cursor:pointer;
  vertical-align:middle;
}
.nx24-rating-label::after{
  content:"★";
  font-size:28px;
  line-height:1;
}
.nx24-rating-label:hover{
  background:#fff7e3;
  color:#e9a31c;
}
.nx24-rating-label.nx24-is-selected{
  color:#f0a91e;
  border-color:#f1d797;
  background:#fff7e7;
}
.nx24-rating-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
}
.nx24-rating-label:has(input:focus-visible){
  outline:3px solid #73b3fc;
  outline-offset:2px;
}
.nx24-bottom-panel{
  padding:17px 20px;
  margin:12px 0;
  border:1px solid #dce8f6;
  border-radius:17px;
  background:#fff;
  box-shadow:0 8px 23px rgba(28,83,145,.05);
}
.nx24-bottom-panel h2{
  margin-top:0!important;
}
@media(max-width:650px){
  .nx-out-detail-page .nx-out-v6-bars{
    height:106px!important;
    max-height:106px!important;
  }
  .nx-out-detail-page .nx-out-latency-plot.nx23-ready{
    height:149px!important;
    max-height:149px!important;
  }
  .nx-out-detail-page .nx-out-latency-plot.nx23-ready svg.nx23-trend{
    height:139px!important;
    max-height:139px!important;
  }
  .nx24-time-axis{font-size:10px}
  .nx24-rating-label{width:40px;height:41px}
  .nx24-bottom-panel{padding:14px}
}