/* SiteLens 0.9.4.7.3 visual explainability */
.slx-root{--slx-bg:#0b1018;--slx-card:#121a25;--slx-card2:#172231;--slx-line:#2a3a4f;--slx-text:#ecf3fb;--slx-muted:#9fb0c3;--slx-pass:#36c98f;--slx-warning:#f0b44d;--slx-critical:#f06a72;--slx-info:#5da8ff;--slx-unknown:#7d8a9a;color:var(--slx-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:20px auto;max-width:1500px;padding:0 14px;box-sizing:border-box}
.slx-root *{box-sizing:border-box}.slx-shell{background:linear-gradient(180deg,rgba(18,27,39,.98),rgba(10,15,23,.98));border:1px solid var(--slx-line);border-radius:22px;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.3)}
.slx-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:26px 28px;border-bottom:1px solid var(--slx-line);background:radial-gradient(circle at 15% 0,rgba(93,168,255,.15),transparent 42%),linear-gradient(120deg,#111b29,#0e151f)}
.slx-hero h2,.slx-section-head h3,.slx-panel h3{margin:4px 0 0;color:var(--slx-text);line-height:1.15}.slx-hero h2{font-size:clamp(22px,3vw,36px)}.slx-hero p{margin:8px 0 0;color:var(--slx-muted);max-width:760px}.slx-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#80a7ce;font-weight:750}
.slx-overall{min-width:122px;text-align:center;background:rgba(255,255,255,.045);border:1px solid var(--slx-line);border-radius:18px;padding:14px 18px}.slx-overall b{display:block;font-size:38px;line-height:1}.slx-overall span{display:block;color:var(--slx-muted);font-size:12px;margin-top:6px}
.slx-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.slx-section-head h3{font-size:19px}.slx-hint,.slx-caption{color:var(--slx-muted);font-size:12px;line-height:1.5}.slx-route{padding:22px 28px;border-bottom:1px solid var(--slx-line)}
.slx-route-grid{display:grid;grid-template-columns:minmax(145px,1fr) 28px minmax(175px,1.2fr) 28px minmax(145px,1fr) 28px minmax(145px,1fr);align-items:center;gap:8px;position:relative}.slx-node{display:flex;gap:11px;align-items:center;min-height:76px;padding:13px;border:1px solid var(--slx-line);border-radius:16px;background:var(--slx-card)}.slx-node svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.slx-node strong,.slx-node span{display:block}.slx-node strong{font-size:13px}.slx-node span{font-size:11px;color:var(--slx-muted);margin-top:4px;overflow-wrap:anywhere}.slx-arrow,.slx-branch{text-align:center;color:#6f88a3;font-size:22px}.slx-branch{display:none}
.slx-pass{--slx-accent:var(--slx-pass)}.slx-warning{--slx-accent:var(--slx-warning)}.slx-critical{--slx-accent:var(--slx-critical)}.slx-info{--slx-accent:var(--slx-info)}.slx-unknown{--slx-accent:var(--slx-unknown)}.slx-node,.slx-metric,.slx-panel,.slx-rec,.slx-explain{border-left-color:var(--slx-accent);border-left-width:3px}.slx-node svg,.slx-metric b,.slx-score{color:var(--slx-accent)}
.slx-metrics{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;padding:20px 28px;border-bottom:1px solid var(--slx-line)}.slx-metric{background:var(--slx-card);border:1px solid var(--slx-line);border-left:3px solid var(--slx-accent);border-radius:15px;padding:14px}.slx-metric-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.slx-metric-top span{font-size:12px;color:#c6d4e4}.slx-metric-top b{font-size:24px}.slx-metric p{font-size:11px;color:var(--slx-muted);line-height:1.45;margin:10px 0 0}.slx-metric-meta{display:flex;justify-content:space-between;gap:6px;color:var(--slx-muted);font-size:10px;margin-top:7px}.slx-bar{height:6px;border-radius:10px;background:#263347;margin-top:11px;overflow:hidden}.slx-bar i{display:block;height:100%;width:var(--slx-value);background:var(--slx-accent);border-radius:inherit}
.slx-panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 28px}.slx-panel{background:var(--slx-card);border:1px solid var(--slx-line);border-left:3px solid var(--slx-accent);border-radius:16px;padding:16px;min-height:210px}.slx-panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.slx-panel h3{font-size:16px}.slx-pill,.slx-chip-row span{font-size:10px;color:#c7d5e5;background:#233149;border:1px solid #334760;border-radius:999px;padding:5px 8px}.slx-table{margin-top:14px}.slx-table>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed #29384a;font-size:12px}.slx-table span{color:var(--slx-muted)}.slx-panel p{color:var(--slx-muted);font-size:12px;line-height:1.5}.slx-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.slx-explanations,.slx-recommendations{padding:20px 28px;border-top:1px solid var(--slx-line)}.slx-explain,.slx-rec{background:var(--slx-card);border:1px solid var(--slx-line);border-left:3px solid var(--slx-accent);border-radius:14px;margin:9px 0;overflow:hidden}.slx-explain summary,.slx-rec summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px}.slx-explain summary::-webkit-details-marker,.slx-rec summary::-webkit-details-marker{display:none}.slx-explain summary span,.slx-rec summary small{color:var(--slx-muted);font-size:11px}.slx-explain-grid,.slx-rec-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 16px 17px}.slx-explain-grid section,.slx-rec-body section{background:var(--slx-card2);border-radius:12px;padding:13px}.slx-explain-grid h5,.slx-rec-body h5{margin:0 0 7px;font-size:12px;color:#dce8f5}.slx-explain-grid p,.slx-rec-body p,.slx-explain-grid li,.slx-rec-body li{font-size:12px;line-height:1.55;color:var(--slx-muted)}.slx-explain-grid ul,.slx-rec-body ul{margin:0;padding-left:18px}.slx-rec summary{justify-content:flex-start}.slx-rec summary>div{flex:1}.slx-rec summary strong,.slx-rec summary small{display:block}.slx-rec summary small{margin-top:4px;line-height:1.4}.slx-priority{font-size:10px;font-weight:800;background:var(--slx-accent);color:#081019;padding:5px 7px;border-radius:7px}.slx-open{font-size:21px;color:var(--slx-muted)}.slx-rec[open] .slx-open{transform:rotate(45deg)}
.slx-export{border:1px solid #3b5573;border-radius:10px;background:#1b2b40;color:#dcecff;padding:9px 12px;cursor:pointer;font-weight:650}.slx-export:hover{background:#243a56}.slx-score{font-size:27px}
@media (max-width:1180px){.slx-metrics{grid-template-columns:repeat(3,1fr)}.slx-panels{grid-template-columns:repeat(2,1fr)}.slx-route-grid{grid-template-columns:1fr 20px 1fr 20px 1fr}.slx-route-grid .slx-node:nth-of-type(4),.slx-route-grid .slx-arrow:nth-of-type(4){display:none}}
@media (max-width:720px){.slx-root{padding:0;margin:12px 0}.slx-shell{border-radius:14px}.slx-hero{align-items:flex-start;padding:20px;flex-direction:column}.slx-overall{align-self:stretch}.slx-route,.slx-metrics,.slx-panels,.slx-explanations,.slx-recommendations{padding:16px}.slx-route-grid{display:flex;flex-direction:column}.slx-arrow{transform:rotate(90deg)}.slx-node{width:100%}.slx-metrics,.slx-panels{grid-template-columns:1fr}.slx-explain-grid,.slx-rec-body{grid-template-columns:1fr}.slx-section-head{align-items:flex-start;flex-direction:column}.slx-export{width:100%}}
@media (prefers-color-scheme:light){.slx-root{--slx-bg:#f5f8fc;--slx-card:#fff;--slx-card2:#f3f7fb;--slx-line:#d5dfeb;--slx-text:#172333;--slx-muted:#596b7d}.slx-shell{background:#f7f9fc;box-shadow:0 18px 50px rgba(19,39,64,.12)}.slx-hero{background:radial-gradient(circle at 15% 0,rgba(93,168,255,.15),transparent 42%),#edf4fb}.slx-bar{background:#dce5ef}.slx-pill,.slx-chip-row span{background:#e8eff7;border-color:#d4dfeb;color:#3d5268}.slx-export{background:#e8f1fb;color:#24415e;border-color:#bdd0e3}}

/* SiteLens 0.9.4.7.3 R2 responsive and readability hardening */
.slx-root {
  width: 100%;
  min-width: 0;
  max-width: 1500px;
  container-type: inline-size;
  container-name: slx-dashboard;
  overflow: clip;
}
.slx-root *,
.slx-root *::before,
.slx-root *::after {
  min-width: 0;
}
.slx-shell {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.slx-hero > div:first-child,
.slx-section-head > div,
.slx-node > div,
.slx-panel-title > div,
.slx-rec summary > div {
  min-width: 0;
}
.slx-hero p,
.slx-node strong,
.slx-node span,
.slx-metric-top span,
.slx-metric-meta span,
.slx-metric p,
.slx-panel h3,
.slx-panel p,
.slx-pill,
.slx-table span,
.slx-table b,
.slx-explain summary strong,
.slx-explain summary span,
.slx-rec summary strong,
.slx-rec summary small,
.slx-explain-grid p,
.slx-explain-grid li,
.slx-rec-body p,
.slx-rec-body li,
.slx-chip-row span,
.slx-caption,
.slx-hint {
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
}
.slx-route-grid {
  grid-template-columns:
    minmax(0, 1fr) 22px
    minmax(0, 1.15fr) 22px
    minmax(0, 1fr) 22px
    minmax(0, 1fr) 22px
    minmax(0, 1fr);
  gap: 8px;
  align-items: stretch;
}
.slx-node {
  width: auto;
  min-width: 0;
  height: 100%;
}
.slx-node strong { line-height: 1.28; }
.slx-arrow {
  display: grid;
  place-items: center;
  width: 100%;
  min-width: 0;
}
.slx-branch { display: none !important; }
.slx-metric,
.slx-panel,
.slx-explain-grid section,
.slx-rec-body section {
  min-width: 0;
}
.slx-metric-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}
.slx-metric-top b {
  min-width: 2.25ch;
  text-align: right;
}
.slx-metric-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px 10px;
}
.slx-metric-meta span {
  flex: 0 1 auto;
  max-width: 100%;
}
.slx-panel-title {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}
.slx-pill {
  max-width: min(100%, 190px);
  white-space: normal;
  text-align: right;
  line-height: 1.25;
}
.slx-table > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 10px;
}
.slx-table b {
  text-align: right;
  max-width: 15ch;
}
.slx-explain summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
.slx-rec summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
}
.slx-priority,
.slx-open {
  flex: none;
}
.slx-export {
  max-width: 100%;
  white-space: normal;
}

/* The component lives inside a fixed-sidebar workspace. Container queries use
   the real content width rather than the browser viewport. */
@container slx-dashboard (max-width: 1280px) {
  .slx-route-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
  .slx-route-grid .slx-arrow { display: none; }
  .slx-node { min-height: 88px; }
  .slx-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .slx-panels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container slx-dashboard (max-width: 900px) {
  .slx-route-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .slx-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .slx-panels { grid-template-columns: 1fr; }
  .slx-panel { min-height: 0; }
  .slx-explain-grid,
  .slx-rec-body { grid-template-columns: 1fr; }
}
@container slx-dashboard (max-width: 650px) {
  .slx-hero {
    align-items: stretch;
    flex-direction: column;
  }
  .slx-overall {
    width: 100%;
    min-width: 0;
  }
  .slx-section-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .slx-route-grid,
  .slx-metrics { grid-template-columns: 1fr; }
  .slx-node { min-height: 0; }
  .slx-panel-title {
    grid-template-columns: 1fr;
  }
  .slx-pill {
    max-width: 100%;
    text-align: left;
  }
  .slx-explain summary {
    grid-template-columns: 1fr;
    gap: 5px;
    align-items: start;
  }
  .slx-rec summary {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .slx-export { width: 100%; }
}
@container slx-dashboard (max-width: 430px) {
  .slx-root { margin-inline: 0; }
  .slx-hero,
  .slx-route,
  .slx-metrics,
  .slx-panels,
  .slx-explanations,
  .slx-recommendations { padding: 14px; }
  .slx-metric,
  .slx-panel { padding: 13px; }
  .slx-rec summary { grid-template-columns: auto minmax(0, 1fr); }
  .slx-rec summary .slx-open { grid-column: 2; justify-self: end; }
  .slx-score { font-size: 24px; }
}

/* Viewport fallbacks for browsers without container-query support. */
@supports not (container-type: inline-size) {
  @media (max-width: 1280px) {
    .slx-route-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .slx-route-grid .slx-arrow { display: none; }
    .slx-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .slx-panels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 900px) {
    .slx-route-grid,
    .slx-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .slx-panels,
    .slx-explain-grid,
    .slx-rec-body { grid-template-columns: 1fr; }
  }
  @media (max-width: 650px) {
    .slx-route-grid,
    .slx-metrics { grid-template-columns: 1fr; }
  }
}

/* Defensive fixes for the older report layer underneath the Evidence Map. */
.app-main,
.workspace-scroll,
.report-view,
.report-page,
.strict-dashboard,
.strict-heading,
.strict-section-head,
.strict-axes,
.strict-groups,
.strict-group,
.strict-group-header,
.strict-group-title,
.strict-signal-main,
.strict-signal-meta,
.strict-rec,
.strict-dialog-shell {
  min-width: 0;
}
.strict-group-title > span,
.strict-group-title > small,
.strict-signal-main b,
.strict-signal-main p,
.strict-rec b,
.strict-rec p,
.strict-axis span,
.strict-axis p,
.strict-axis-tag,
.strict-row-status,
.strict-segment-chip {
  overflow-wrap: anywhere;
}
@media (max-width: 1220px) {
  body.ui-v0943 .strict-axes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-topbar-actions .privacy-pill { display: none; }
  .report-toolbar,
  .toolbar-actions { flex-wrap: wrap; }
}
@media (max-width: 820px) {
  body.ui-v0943 .strict-axes { grid-template-columns: 1fr; }
  .strict-group-header { grid-template-columns: auto minmax(0, 1fr); }
  body.ui-v0943 .strict-group-score {
    grid-column: 1 / -1;
    min-width: 0;
    padding-left: 53px;
    text-align: left;
  }
}

/* Container-aware hardening for the complete SiteLens workspace, not only the
   new Evidence Map. The fixed 244px sidebar makes viewport-only breakpoints
   fire too late on medium desktop windows. */
.app-main {
  container-type: inline-size;
  container-name: sitelens-workspace;
}
.workspace-scroll,
.report-view,
.report-page,
.report-section,
.panel,
.summary-grid,
.overview-split,
.split-section,
.evidence-section,
.detail-page-grid,
.category-grid,
.quick-metric-grid,
.path-map,
.tool-card-grid,
.reference-overview,
.reference-facts,
.reference-context-grid,
.reference-anchor-grid,
.reference-dimension-grid,
.reference-cohort-grid,
.reference-population-grid,
.human-context-grid,
.uncertainty-driver-grid,
.route-comparison-panel,
.audit-setup-content,
.audit-setup-grid {
  min-width: 0;
  max-width: 100%;
}
.workspace-topbar,
.report-toolbar,
.section-heading,
.human-context-heading,
.uncertainty-head,
.reference-heading,
.reference-overview,
.route-comparison-heading {
  min-width: 0;
}
.workspace-breadcrumb,
.workspace-breadcrumb strong,
.report-page-heading,
.report-page-heading h2,
.page-description,
.report-meta,
.section-heading h2,
.section-heading h3,
.section-heading p,
.category-card,
.category-card h3,
.category-card p,
.quick-metric-card,
.quick-metric-card b,
.quick-metric-card span,
.mini-finding,
.mini-finding b,
.mini-finding p,
.profile-row,
.profile-row dt,
.profile-row dd,
.reference-card,
.reference-card h3,
.reference-card p,
.reference-fact,
.reference-fact b,
.reference-fact span,
.strict-heading-copy,
.strict-heading-copy h2,
.strict-heading-copy p,
.strict-group-title,
.strict-group-title > span,
.strict-group-title > small,
.strict-signal-main,
.strict-signal-main b,
.strict-signal-main p,
.strict-signal-meta,
.strict-axis,
.strict-axis span,
.strict-axis p,
.strict-rec,
.strict-rec b,
.strict-rec p,
.route-comparison-heading,
.route-comparison-heading b,
.route-comparison-heading span,
.setup-card-heading,
.setup-card-heading b,
.setup-card-heading p,
.telemetry-mode-option,
.telemetry-mode-option b,
.telemetry-mode-option small {
  min-width: 0;
  overflow-wrap: anywhere;
}

@container sitelens-workspace (max-width: 1120px) {
  .workspace-scroll { width: min(var(--workspace-max), calc(100% - 32px)); }
  .report-toolbar,
  .section-heading,
  .human-context-heading,
  .uncertainty-head,
  .reference-heading,
  .route-comparison-heading {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
  }
  .section-heading p,
  .human-context-heading p,
  .uncertainty-head p { max-width: none; text-align: left; }
  .summary-grid,
  .overview-split,
  .split-section,
  .evidence-section,
  .detail-page-grid { grid-template-columns: 1fr; }
  .overall-card { grid-template-columns: minmax(170px, .48fr) minmax(0, 1fr); }
  .category-grid,
  .quick-metric-grid,
  .path-map,
  .tool-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reference-facts,
  .reference-context-grid,
  .reference-context-grid.three-up,
  .reference-anchor-grid,
  .reference-dimension-grid,
  .reference-cohort-grid,
  .reference-population-grid,
  .human-context-grid,
  .uncertainty-driver-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.ui-v0943 .strict-groups { grid-template-columns: 1fr; }
  body.ui-v0943 .strict-axes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.ui-v0945 .route-comparison-panel .route-test-controls.audit-setup-grid {
    grid-template-columns: 1fr;
  }
  body.ui-v0945 .telemetry-mode-card { grid-column: auto; }
}

@container sitelens-workspace (max-width: 760px) {
  .workspace-scroll { width: min(var(--workspace-max), calc(100% - 22px)); }
  .workspace-topbar { padding-inline: 14px; }
  .workspace-topbar-actions { gap: 6px; }
  .workspace-topbar-actions .privacy-pill,
  .workspace-topbar-actions .top-status { display: none; }
  .report-view { padding-top: 18px; }
  .report-toolbar { padding: 18px 16px; }
  .overall-card { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .category-grid,
  .quick-metric-grid,
  .path-map,
  .tool-card-grid,
  .reference-facts,
  .reference-context-grid,
  .reference-context-grid.three-up,
  .reference-anchor-grid,
  .reference-dimension-grid,
  .reference-cohort-grid,
  .reference-population-grid,
  .human-context-grid,
  .uncertainty-driver-grid { grid-template-columns: 1fr; }
  body.ui-v0943 .strict-axes { grid-template-columns: 1fr; }
  .finding-card,
  .mini-finding { grid-template-columns: 22px minmax(0, 1fr); }
  .finding-card > :last-child,
  .mini-finding > :last-child { grid-column: 2; justify-self: start; }
  .raw-item { grid-template-columns: minmax(64px, .35fr) minmax(0, 1fr); }
  .reference-table-wrap { max-width: 100%; overflow-x: auto; }
  .reference-table-expanded { min-width: 860px; }
  .strict-group-header { grid-template-columns: auto minmax(0, 1fr); }
  body.ui-v0943 .strict-group-score {
    grid-column: 1 / -1;
    min-width: 0;
    padding-left: 52px;
    text-align: left;
  }
}

@container sitelens-workspace (max-width: 480px) {
  .workspace-scroll { width: min(var(--workspace-max), calc(100% - 14px)); }
  .workspace-topbar { min-height: var(--topbar-height); height: auto; padding-block: 8px; }
  .workspace-breadcrumb span,
  .workspace-breadcrumb i { display: none; }
  .workspace-breadcrumb strong { max-width: min(45vw, 170px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .report-toolbar { border-radius: 13px; }
  .panel-flat,
  .panel { border-radius: 14px; }
  body.ui-v0943 .strict-group-score { padding-left: 0; }
  .comparison-group-input-row,
  body.ui-v0945 .comparison-group-input-row { grid-template-columns: 1fr; }
  body.ui-v0945 .comparison-group-input-row input,
  body.ui-v0945 .comparison-group-input-row button { grid-column: auto; width: 100%; }
}

/* 0.9.4.7.3.1 Paired Latency Geometry */
.slx-latency-panel {
  grid-column: span 2;
  min-width: 0;
}
.slx-latency-legend {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin: 12px 0 8px;
  color: var(--slx-muted);
  font-size: 10px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.slx-latency-lanes {
  display: grid;
  gap: 10px;
  margin: 0 0 12px;
  padding: 12px;
  border: 1px solid var(--slx-line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--slx-card2) 78%, transparent);
  min-width: 0;
}
.slx-latency-lane,
.slx-latency-lane-head {
  min-width: 0;
}
.slx-latency-lane-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
  margin-bottom: 5px;
  font-size: 11px;
}
.slx-latency-lane-head span {
  color: var(--slx-muted);
  overflow-wrap: anywhere;
}
.slx-latency-lane-head b {
  color: var(--slx-text);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: normal;
  overflow-wrap: anywhere;
}
.slx-latency-track {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: #263347;
}
.slx-latency-track i {
  display: block;
  width: var(--slx-latency-width);
  min-width: 2px;
  height: 100%;
  border-radius: inherit;
  background: var(--slx-info);
}
.slx-latency-ws .slx-latency-track i {
  background: var(--slx-warning);
}
@container slx-dashboard (max-width: 900px) {
  .slx-latency-panel { grid-column: span 1; }
}
@container slx-dashboard (max-width: 650px) {
  .slx-latency-legend,
  .slx-latency-lane-head {
    grid-template-columns: 1fr;
    display: grid;
  }
  .slx-latency-lane-head b { text-align: left; }
}
@supports not (container-type: inline-size) {
  @media (max-width: 900px) {
    .slx-latency-panel { grid-column: span 1; }
  }
}
@media (prefers-color-scheme: light) {
  .slx-latency-track { background: #dce5ef; }
}