/* NexIP v9.26 - consolidated detail page components */
:root{--nx26-text:#142d4e;--nx26-muted:#5f7894;--nx26-line:#dbe8f7;--nx26-blue:#087cf2;--nx26-bg:#f7fbff;--nx26-shadow:0 12px 32px rgba(29,75,135,.075)}

/* The hero belongs to the full page width, not to a narrow document column. */
.nx-out-detail-page header.nx-out-detail-hero{width:100%!important;max-width:none!important;background:linear-gradient(105deg,#f7fbff 0%,#e8f3ff 100%)!important;border-radius:0 0 22px 22px!important}
.nx-out-detail-page header.nx-out-detail-hero .aero-container{width:calc(100% - 48px)!important;max-width:1370px!important;margin:0 auto!important;box-sizing:border-box;gap:28px!important;padding:25px 0 29px!important}
.nx-out-detail-page header.nx-out-detail-hero h1{font-size:clamp(34px,3.2vw,52px)!important;line-height:1.09!important;letter-spacing:-.035em;max-width:850px!important}
.nx-out-detail-page header.nx-out-detail-hero .nx-out-detail-livebar{min-width:0!important;width:100%;box-sizing:border-box;padding:19px 22px!important;border-radius:20px!important;border:1px solid var(--nx26-line)!important;box-shadow:var(--nx26-shadow)!important}
.nx-out-detail-page .nx-out-detail-live-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.nx-out-detail-page .nx-out-detail-live-grid>div{min-width:0;overflow-wrap:anywhere;padding:13px 15px!important}
.nx-out-detail-page .nx-out-detail-live-grid strong{font-size:clamp(16px,1.45vw,23px)!important;line-height:1.18!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important}
.nx-out-detail-page .nx22-clarity-card p{font-size:14px!important;line-height:1.56!important}

/* ONE actual graph. The original static SVG is retained as a no-JS fallback. */
.nx-out-detail-page .nx-out-latency-chart{padding:22px!important;border-radius:19px!important;box-shadow:var(--nx26-shadow)}
.nx-out-detail-page .nx-out-latency-plot.nx26-ready{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:15px 17px!important;background:linear-gradient(#fff,#f8fbff)!important;border:1px solid var(--nx26-line)!important;border-radius:16px!important}
.nx-out-detail-page .nx-out-latency-plot.nx26-ready>svg{display:none!important}
.nx-out-detail-page .nx-out-latency-chart:has(.nx26-ready) .nx-out-latency-axis{display:none!important}
.nx-out-detail-page .nx26-chart-shell{width:100%!important;min-width:0!important;display:block!important}
.nx-out-detail-page .nx26-chart-scroll{width:100%;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain}
.nx-out-detail-page .nx-out-latency-plot.nx26-ready .nx26-chart-svg{display:block!important;width:100%!important;min-width:620px!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;overflow:visible!important}
.nx26-point{cursor:pointer;outline:none}
.nx26-point .nx26-dot{fill:#087cf2;stroke:#fff;stroke-width:2;transition:r .12s ease,fill .12s ease}
.nx26-point:hover .nx26-dot,.nx26-point.nx26-selected .nx26-dot{fill:#f4ac29;r:8}
.nx26-point:focus-visible .nx26-dot{stroke:#1c4f95;stroke-width:4}
.nx26-reading{margin-top:10px;border:1px solid #cde2fb;border-radius:14px;background:linear-gradient(90deg,#eff7ff,#fcfdff);padding:14px 17px;display:flex;align-items:center;flex-wrap:wrap;gap:9px 18px;color:var(--nx26-text);font-size:14px;line-height:1.5;min-height:46px}
.nx26-reading-caption{color:var(--nx26-muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.045em}
.nx26-reading strong{font-size:22px;color:#087cf2;font-variant-numeric:tabular-nums}
.nx-out-detail-page .nx-out-v5-chart-tools button{min-height:42px!important;font-size:14px!important;padding:8px 13px!important}
.nx-out-detail-page .nx-out-v6-chart{padding:19px 22px!important}
.nx-out-detail-page .nx-out-v6-bars{height:150px!important;max-height:150px!important}
.nx26-time-axis{display:flex;justify-content:space-between;gap:8px;margin:8px 2px 3px;font-variant-numeric:tabular-nums;color:var(--nx26-muted);font-size:12px}
.nx26-peak{font-size:13px;font-weight:750;color:#347359;margin-top:8px}

/* Native form fields still submit unchanged. JS only adds the visual controls. */
.nx26-native-hidden{display:none!important}
.nx26-native-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important}
.nx26-old-option{display:none!important}
.nx26-rating-form,.nx26-report-form{min-width:0}
.nx26-star-picker{display:flex;flex-direction:column;gap:7px;margin:15px 0 17px}
.nx26-stars{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.nx26-stars button.nx26-star{width:58px!important;height:60px!important;border-radius:14px!important;border:1px solid #dce7f4!important;background:#fff!important;color:#b8c9da!important;box-shadow:none!important;cursor:pointer;font-size:40px!important;line-height:1!important;padding:0!important;transition:background .16s,color .16s,transform .16s,border-color .16s}
.nx26-stars button.nx26-star.on,.nx26-stars button.nx26-star:hover{border-color:#f3d08b!important;background:#fff8e8!important;color:#eaa71d!important;transform:translateY(-2px)}
.nx26-stars button.nx26-star:focus-visible{outline:3px solid #79b5fd;outline-offset:3px}
.nx26-star-help{font-size:14px;font-weight:690;color:#607b98}
.nx26-report-form{background:transparent!important;border:0!important;padding:0!important}
.nx26-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:13px 0 17px}
.nx26-report-choice{width:100%;min-height:64px;padding:12px 16px;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #d6e5f5;border-radius:14px;background:#fff;color:#203d5f;font-weight:720;font-size:16px;line-height:1.3;cursor:pointer;transition:background .14s,border-color .14s,box-shadow .14s}
.nx26-report-choice:hover{background:#f3f9ff;border-color:#8bbffc}
.nx26-report-choice.on{background:#eaf4ff;border-color:#087cf2;box-shadow:inset 0 0 0 1px #087cf2}
.nx26-report-choice:focus-visible{outline:3px solid #91c6ff;outline-offset:2px}
.nx26-choice-symbol{width:36px;height:36px;flex:none;display:inline-grid;place-items:center;border-radius:11px;background:#edf4fb;color:#087cf2;font-size:22px}
.nx26-report-choice.on .nx26-choice-symbol{background:#087cf2;color:#fff}
.nx26-report-form button[type=submit],.nx26-rating-form button[type=submit],.nx26-community form button[type=submit]{min-height:46px!important;border-radius:12px!important;padding:10px 20px!important;font-size:15px!important;font-weight:760!important}
.nx26-report-section p,.nx26-report-section small,.nx26-report-section label,.nx26-report-section legend{font-size:15px!important;line-height:1.58!important}
.nx26-report-section h2{font-size:clamp(25px,2.3vw,31px)!important}

/* Community lives outside the detail page wrapper in some older themes. */
#nx-out-community,.nx26-community{position:relative!important;left:50%!important;transform:translateX(-50%)!important;width:min(1320px,calc(100vw - 44px))!important;max-width:none!important;margin:22px 0!important;padding:25px!important;box-sizing:border-box!important;background:#fff!important;border:1px solid var(--nx26-line)!important;border-radius:20px!important;box-shadow:var(--nx26-shadow)!important}
#nx-out-community h2,.nx26-community h2{font-size:clamp(25px,2.4vw,32px)!important;margin-bottom:10px!important;color:var(--nx26-text)}
#nx-out-community .nx-out-community-grid,.nx26-community .nx-out-community-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
#nx-out-community form,.nx26-community form{min-width:0!important;padding:22px!important;background:#f7fbff!important;border:1px solid #e1ecf8!important;border-radius:17px!important;box-shadow:none!important}
#nx-out-community form h3,.nx26-community form h3{font-size:20px!important}
#nx-out-community form label,.nx26-community form label{font-size:15px!important;line-height:1.5}
#nx-out-community input:not([type=hidden]):not([type=radio]),.nx26-community input:not([type=hidden]):not([type=radio]),#nx-out-community textarea,.nx26-community textarea{font-size:16px!important;border-radius:12px!important;box-sizing:border-box!important;padding:12px 14px!important;width:100%!important;min-height:46px}
#nx-out-community textarea,.nx26-community textarea{min-height:125px!important;resize:vertical}
#nx-out-community .nx-out-comment,#nx-out-community .nx-out-comments-list li,.nx26-community .nx-out-comment,.nx26-community .nx-out-comments-list li{border:1px solid #e1eaf7!important;border-radius:13px!important;background:#fff!important;padding:15px!important;font-size:15px!important;line-height:1.56!important}

/* About, tools, FAQ: use the same full-width card language as the charts. */
.nx26-info-card{width:min(1320px,calc(100vw - 44px))!important;max-width:none!important;position:relative;left:50%;transform:translateX(-50%);margin:14px 0!important;padding:22px 26px!important;box-sizing:border-box;border-radius:19px;border:1px solid var(--nx26-line);background:#fff;box-shadow:var(--nx26-shadow)}
.nx26-info-card h2{margin:0 0 12px!important;color:var(--nx26-text);font-size:clamp(23px,2.15vw,29px)!important;letter-spacing:-.02em}
.nx26-info-card p{font-size:16px!important;line-height:1.72!important;color:#4e6885!important;max-width:1000px;margin-bottom:5px}
.nx26-tools-card a{display:inline-flex!important;align-items:center;gap:7px;text-decoration:none!important;border:1px solid #cee2f9;border-radius:12px;background:#f1f8ff;color:#086ed9!important;padding:11px 15px!important;margin:4px 8px 4px 0;font-size:15px!important;font-weight:730}
.nx26-tools-card a:hover{background:#e0f0ff;border-color:#88bbf6}
.nx26-faq-card details{border:1px solid #dfeaf7;border-radius:13px;margin:10px 0;background:#fafdff;overflow:hidden}
.nx26-faq-card summary{display:list-item;cursor:pointer;padding:16px 18px;font-size:16px!important;font-weight:730;color:#234566;line-height:1.45}
.nx26-faq-card details[open] summary{background:#eaf5ff;color:#0872da}
.nx26-faq-card details p{padding:0 18px 17px;margin:10px 0 0;font-size:15px!important}
@media(max-width:850px){.nx-out-detail-page header.nx-out-detail-hero .aero-container{width:calc(100% - 30px)!important}.nx-out-detail-page .nx-out-detail-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#nx-out-community .nx-out-community-grid,.nx26-community .nx-out-community-grid{grid-template-columns:1fr!important}#nx-out-community,.nx26-community{padding:17px!important}}
@media(max-width:610px){.nx-out-detail-page header.nx-out-detail-hero h1{font-size:30px!important}.nx-out-detail-page header.nx-out-detail-hero .aero-container{padding:17px 0!important}.nx-out-detail-page .nx-out-detail-live-grid{grid-template-columns:1fr!important}.nx26-report-grid{grid-template-columns:1fr}.nx26-report-choice{min-height:59px;font-size:15px}.nx26-stars button.nx26-star{width:47px!important;height:48px!important;font-size:31px!important}.nx26-reading{padding:12px}.nx26-reading strong{font-size:18px}.nx-out-detail-page .nx-out-latency-chart{padding:14px!important}.nx26-info-card{padding:16px!important}.nx26-time-axis{font-size:10px}.nx-out-detail-page .nx-out-v6-bars{height:116px!important}}
@media(prefers-reduced-motion:reduce){.nx26-stars button.nx26-star,.nx26-report-choice,.nx26-point .nx26-dot{transition:none}}