/* Global Edge CDN product-specific diagrams and interactions */
.global-edge-cdn-page {
  --edge-blue: var(--product-blue);
  --edge-cyan: var(--product-cyan);
  --edge-green: #45d79d;
  --edge-violet: #746bff;
  --edge-night: #05151f;
}

.edge-hero {
  background:
    radial-gradient(circle at 82% 24%, rgba(34, 106, 255, 0.23), transparent 32rem),
    radial-gradient(circle at 62% 78%, rgba(31, 206, 220, 0.13), transparent 30rem),
    linear-gradient(145deg, #031018 0%, #061822 58%, #07192a 100%);
}

.edge-hero-network {
  padding: 1rem;
}

.edge-hero-network > header {
  display: flex;
  min-height: 4.2rem;
  padding: 0.7rem 0.85rem;
  border: 1px solid rgba(131, 199, 225, 0.15);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.025);
  align-items: center;
  justify-content: space-between;
}

.edge-hero-network > header span,
.edge-hero-status span,
.edge-route-decision span,
.edge-global-flow span,
.edge-workflow-map span,
.edge-protocol-layout article header span,
.edge-protocol-extras article > span,
.edge-access-details article > span,
.edge-delivery-compare article > span,
.edge-transport-notes article > span,
.edge-evidence-method span {
  display: block;
  color: #61e2ec;
  font-size: var(--product-font-label-xs);
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.edge-hero-network > header strong {
  display: block;
  margin-top: 0.2rem;
  color: #f5fbff;
  font-size: var(--product-font-title-sm);
}

.edge-hero-network > header small {
  color: #7d96a2;
  font-size: var(--product-font-caption);
}

.edge-hero-map {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1.9 / 1;
  margin-top: 0.7rem;
  border: 1px solid rgba(131, 199, 225, 0.12);
  border-radius: 9px;
  background: #051522;
}

.edge-hero-map::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 62%, rgba(2, 13, 22, 0.78));
  content: "";
  pointer-events: none;
}

.edge-hero-map > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.7;
}

.edge-map-node,
.edge-viewer-marker {
  position: absolute;
  z-index: 2;
}

.edge-map-node {
  width: 0.55rem;
  height: 0.55rem;
  border: 2px solid rgba(255, 255, 255, 0.72);
  border-radius: 50%;
  background: var(--edge-green);
  box-shadow: 0 0 0 5px rgba(69, 215, 157, 0.12), 0 0 14px var(--edge-green);
}

.edge-map-node.is-na { top: 38%; left: 22%; }
.edge-map-node.is-sa { top: 67%; left: 32%; }
.edge-map-node.is-eu { top: 34%; left: 52%; }
.edge-map-node.is-af { top: 58%; left: 55%; }
.edge-map-node.is-ap { top: 43%; left: 79%; }
.edge-map-node.is-oc { top: 72%; left: 86%; }

.edge-viewer-marker {
  width: 0;
  height: 0;
  transition: top 450ms ease, left 450ms ease;
}

.edge-viewer-marker.is-los-angeles { top: 35%; left: 17%; }
.edge-viewer-marker.is-london { top: 28%; left: 49%; }
.edge-viewer-marker.is-singapore { top: 58%; left: 76%; }

.edge-viewer-marker i {
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--edge-blue);
  box-shadow: 0 0 0 6px rgba(40, 104, 255, 0.18), 0 0 18px #2f80ff;
}

.edge-viewer-marker b {
  position: absolute;
  top: 0.95rem;
  left: 0;
  width: max-content;
  color: #d7e9f2;
  font-size: var(--product-font-label-xs);
  font-weight: 600;
  transform: translateX(-35%);
}

.edge-route-decision {
  position: absolute;
  z-index: 3;
  right: 0.8rem;
  bottom: 0.75rem;
  width: 13rem;
  padding: 0.7rem 0.8rem;
  border: 1px solid rgba(70, 218, 222, 0.36);
  border-radius: 8px;
  background: rgba(3, 24, 36, 0.88);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
}

.edge-route-decision strong {
  display: block;
  color: #f5fbff;
  font-size: var(--product-font-card);
}

.edge-route-decision small {
  color: #7fa0ad;
  font-size: var(--product-font-label-xs);
}

.edge-hero-controls {
  margin-top: 0.7rem;
}

.edge-hero-status {
  display: grid;
  margin-top: 0.7rem;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 0.5rem;
  align-items: center;
}

.edge-hero-status > div {
  min-height: 4rem;
  padding: 0.65rem;
  border: 1px solid rgba(131, 199, 225, 0.15);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.02);
}

.edge-hero-status strong {
  display: block;
  color: #dcebf2;
  font-size: var(--product-font-caption);
  line-height: 1.4;
}

.edge-hero-status strong + strong {
  margin-top: 0.3rem;
  color: #8ccfd7;
  font-size: var(--product-font-label-xs);
}

.edge-hero-status > i {
  color: #55dce6;
  font-style: normal;
}

.edge-hero-status > i::after { content: "\2192"; }

.edge-access-section,
.edge-operations-section {
  background: var(--product-surface);
}

.edge-global-flow,
.edge-linear-flow,
.edge-access-flow {
  display: grid;
  margin: 0;
  padding: 1.25rem;
  border: 1px solid var(--product-line);
  border-radius: 12px;
  background: #f7fafe;
  grid-template-columns: 1fr auto 1.2fr auto 1fr;
  gap: 0.65rem;
  align-items: center;
}

.edge-global-flow > div,
.edge-linear-flow li,
.edge-access-flow > div {
  min-height: 8rem;
  padding: 0.85rem;
  border: 1px solid #dbe5eb;
  border-radius: 8px;
  background: #fff;
}

.edge-global-flow > div:first-child {
  display: grid;
  gap: 0.35rem;
}

.edge-global-flow b {
  color: #365765;
  font-size: var(--product-font-caption);
}

.edge-global-flow > div.is-network {
  border-color: #9fb9ff;
  background: #ebf1ff;
}

.edge-global-flow strong,
.edge-global-flow small {
  display: block;
  margin-top: 0.35rem;
  color: #315261;
  font-size: var(--product-font-caption);
}

.edge-global-flow small { color: #748b95; }

.edge-global-flow > i {
  color: var(--edge-blue);
  font-style: normal;
}

.edge-global-flow > i::after { content: "\2192"; }

.edge-linear-flow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  list-style: none;
}

.edge-linear-flow li {
  position: relative;
  display: flex;
  color: #325463;
  font-size: var(--product-font-caption);
  font-weight: 700;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.edge-linear-flow li + li { margin-left: 1.25rem; }

.edge-linear-flow li + li::before {
  position: absolute;
  left: -1.28rem;
  color: var(--edge-blue);
  content: "\2192";
}

.edge-linear-flow li.is-tcp {
  border-color: #9ab8ff;
  background: #eaf0ff;
  color: #1d52b5;
}

.edge-linear-flow li.is-rxt {
  border-color: #a6e4dc;
  background: #eafaf7;
  color: #117665;
}

.edge-access-flow {
  grid-template-columns: 0.8fr 1.2fr 1fr 1fr;
}

.edge-access-flow > div {
  position: relative;
  display: grid;
  gap: 0.4rem;
  align-content: center;
  color: #315361;
  font-size: var(--product-font-caption);
  text-align: center;
}

.edge-access-flow > div + div { margin-left: 1rem; }
.edge-access-flow > div + div::before { position: absolute; left: -1.1rem; color: var(--edge-blue); content: "\2192"; }
.edge-access-flow b { color: #365765; }
.edge-access-flow em { color: #84959d; font-size: var(--product-font-label-xs); font-style: normal; text-transform: uppercase; }
.edge-access-flow small { color: #718a95; }

.edge-workflow-section,
.edge-protocols-section,
.edge-integration-section {
  background: var(--product-canvas);
}

.edge-workflow-map {
  overflow: hidden;
  border: 1px solid var(--product-line);
  border-radius: 12px;
  background: #fff;
}

.edge-platform-band {
  display: flex;
  min-height: 3.8rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #acc3ff;
  background: #eaf0ff;
  color: #59748a;
  font-size: var(--product-font-caption);
  gap: 1.1rem;
  align-items: center;
}

.edge-platform-band strong {
  margin-right: auto;
  color: #1c51b1;
  font-size: var(--product-font-card);
}

.edge-workflow-grid {
  display: grid;
  padding: 1.25rem;
  grid-template-columns: 0.82fr 1.08fr 1.08fr 1fr;
  gap: 1rem;
}

.edge-workflow-grid > div {
  min-height: 18rem;
  padding: 1rem;
  border: 1px solid var(--product-line);
  border-radius: 9px;
  background: #f9fbfc;
}

.edge-workflow-grid > div > span { color: var(--edge-blue); }
.edge-source-stack ul,
.edge-request-stack ol { margin: 1rem 0 0; padding: 0; list-style: none; }
.edge-source-stack li,
.edge-request-stack li,
.edge-playback-stack section { padding: 0.7rem; border: 1px solid #dce6eb; background: #fff; color: #345563; font-size: var(--product-font-caption); }
.edge-source-stack li + li,
.edge-request-stack li + li { margin-top: 0.45rem; }
.edge-live-network { display: flex; flex-direction: column; align-items: stretch; justify-content: center; text-align: center; }
.edge-live-network strong { padding: 0.85rem; border: 1px solid #a9bfff; border-radius: 6px; background: #edf2ff; color: #2154b4; font-size: var(--product-font-card); }
.edge-live-network i { position: relative; width: 2px; height: 2.5rem; margin: 0 auto; background: linear-gradient(var(--edge-blue), var(--edge-cyan)); }
.edge-live-network i::after { position: absolute; bottom: 0; left: 50%; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: var(--edge-cyan); box-shadow: 0 0 10px var(--edge-cyan); animation: edge-flow-down 1.8s ease-in-out infinite; content: ""; transform: translateX(-50%); }
@keyframes edge-flow-down { 0% { top: 0; } 100% { top: calc(100% - 0.4rem); } }
.edge-live-network small { margin-top: 0.75rem; color: var(--product-muted); font-size: var(--product-font-label-xs); line-height: 1.4; }
.edge-request-stack li { position: relative; padding-left: 1.8rem; }
.edge-request-stack li::before { position: absolute; top: 0.68rem; left: 0.68rem; color: var(--edge-blue); content: counter(list-item, decimal-leading-zero); font-size: var(--product-font-label-xs); font-weight: 700; }
.edge-playback-stack { display: grid; gap: 0.6rem; align-content: center; }
.edge-playback-stack section:first-of-type { border-color: #9fb9ff; background: #edf2ff; }
.edge-playback-stack section:last-of-type { border-color: #a7e2db; background: #eefaf8; }
.edge-playback-stack strong,
.edge-playback-stack small { display: block; color: #2f5361; font-size: var(--product-font-caption); }
.edge-playback-stack small { margin-top: 0.3rem; color: #748b95; }
.edge-playback-stack b { color: #8a9aa1; font-size: var(--product-font-label-xs); text-align: center; text-transform: uppercase; }
.edge-workflow-map > footer { display: flex; padding: 0.85rem 1rem; border-top: 1px solid var(--product-line); background: #f7fafb; color: #516f7d; font-size: var(--product-font-caption); gap: 0.8rem; justify-content: center; align-items: center; }
.edge-workflow-map > footer i { width: 0.3rem; height: 0.3rem; border-radius: 50%; background: var(--edge-cyan); }

.edge-boundary-note {
  margin: 1rem 0 0;
  padding: 0.85rem 1rem;
  border-left: 2px solid var(--edge-cyan);
  background: #fff;
  color: #6f8791;
  font-size: var(--product-font-caption);
  line-height: 1.55;
}

.edge-protocol-layout {
  display: grid;
  border: 1px solid var(--product-line);
  border-radius: 12px;
  background: #fff;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.edge-protocol-layout article { padding: 1.35rem; }
.edge-protocol-layout article + article { border-left: 1px solid var(--product-line); }
.edge-protocol-layout article.is-delivery { background: #f5f8ff; }
.edge-protocol-layout article header span,
.edge-protocol-extras article > span { color: var(--edge-blue); }
.edge-protocol-layout h3,
.edge-protocol-extras h3,
.edge-access-details h3 { margin: 0.5rem 0 0.85rem; font-size: var(--product-font-title); }
.edge-protocol-layout ul { display: grid; margin: 0; padding: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.45rem; list-style: none; }
.edge-protocol-layout li { padding: 0.48rem 0.55rem; border: 1px solid #e0e8ec; border-radius: 5px; background: #fafcfd; color: #4e6975; font-size: var(--product-font-caption); }
.edge-protocol-extras { display: grid; margin-top: 1rem; border: 1px solid var(--product-line); border-radius: 11px; background: #fff; grid-template-columns: 1.25fr 1fr 1fr; }
.edge-protocol-extras article { padding: 1.2rem; }
.edge-protocol-extras article + article { border-left: 1px solid var(--product-line); }
.edge-protocol-extras p { margin: 0.6rem 0 0; color: var(--product-muted); font-size: var(--product-font-body-compact); }
.edge-protocol-extras strong { display: block; color: #315462; }

.edge-access-shell,
.edge-access-details,
.edge-delivery-compare,
.edge-transport-notes {
  border: 1px solid var(--product-line);
  border-radius: 12px;
  background: #fff;
}

.edge-access-shell { overflow: hidden; }
.edge-access-panel { display: grid; padding: 1.35rem; grid-template-columns: 1fr auto 1.4fr auto 1fr; gap: 1rem; align-items: center; }
.edge-access-panel > div { min-height: 9rem; padding: 1rem; border: 1px solid #dce6eb; border-radius: 8px; background: #fafcfd; }
.edge-access-panel > div.is-policy { border-color: #9fbaff; background: #edf2ff; }
.edge-access-panel span { display: block; margin-bottom: 0.5rem; color: var(--edge-blue); font-size: var(--product-font-label-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.edge-access-panel strong { color: #315361; font-size: var(--product-font-card); }
.edge-access-panel small { display: block; margin-top: 0.4rem; color: var(--product-muted); font-size: var(--product-font-caption); }
.edge-access-panel ul { margin: 0; padding-left: 1rem; color: #496572; font-size: var(--product-font-caption); }
.edge-access-panel li + li { margin-top: 0.4rem; }
.edge-access-panel > i { color: var(--edge-blue); font-style: normal; }
.edge-access-panel > i::after { content: "\2192"; }
.edge-access-details { display: grid; margin-top: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.edge-access-details article { padding: 1.35rem; }
.edge-access-details article + article { border-left: 1px solid var(--product-line); }
.edge-access-details article > span { color: var(--edge-blue); }
.edge-access-details p,
.edge-access-details li { color: var(--product-muted); font-size: var(--product-font-body-compact); }
.edge-access-details ul { display: flex; margin: 0.7rem 0; padding: 0; gap: 0.5rem; flex-wrap: wrap; list-style: none; }
.edge-access-details li { padding: 0.4rem 0.55rem; border: 1px solid #dce6eb; border-radius: 5px; }

.edge-advantage-section,
.edge-evidence-section { background: var(--edge-night); color: #f4fbff; }
.edge-advantage-section { border-color: rgba(142, 199, 221, 0.13); }
.edge-advantage-section .product-section-heading p:last-child { color: #9ab0bc; }
.edge-delivery-compare { display: grid; overflow: hidden; border-color: rgba(143, 199, 221, 0.17); background: rgba(255, 255, 255, 0.025); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.edge-delivery-compare article { padding: 1.4rem; }
.edge-delivery-compare article + article { border-left: 1px solid rgba(143, 199, 221, 0.14); }
.edge-delivery-compare article > span { color: #78929e; }
.edge-delivery-compare ol { display: grid; margin: 1.2rem 0; padding: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; }
.edge-delivery-compare ol li { position: relative; min-height: 6rem; padding: 0.7rem; border: 1px solid rgba(143, 199, 221, 0.17); color: #c0d0d8; font-size: var(--product-font-caption); }
.edge-delivery-compare ol li + li { margin-left: 1rem; }
.edge-delivery-compare ol li + li::before { position: absolute; left: -1.05rem; color: #60808e; content: "\2192"; }
.edge-delivery-compare p { color: #849da9; font-size: var(--product-font-caption); }
.edge-delivery-compare article.is-cloudtv > span { color: #62e0e9; }
.edge-delivery-compare article.is-cloudtv > div { display: grid; margin: 1.2rem 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; }
.edge-delivery-compare article.is-cloudtv > div > strong { grid-column: 1 / -1; padding: 0.85rem; border: 1px solid rgba(89, 166, 255, 0.38); border-radius: 6px; background: rgba(40, 104, 255, 0.12); color: #e4f1f7; font-size: var(--product-font-card); }
.edge-delivery-compare article.is-cloudtv section { padding: 0.9rem; border: 1px solid rgba(86, 216, 222, 0.28); border-radius: 6px; }
.edge-delivery-compare article.is-cloudtv section b,
.edge-delivery-compare article.is-cloudtv section small { display: block; color: #75e1e8; font-size: var(--product-font-caption); }
.edge-delivery-compare article.is-cloudtv section small { margin-top: 0.4rem; color: #92a9b4; }
.edge-delivery-compare article.is-cloudtv em { display: none; }
.edge-transport-notes { display: grid; margin-top: 1rem; border-color: rgba(143, 199, 221, 0.17); background: rgba(255, 255, 255, 0.025); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.edge-transport-notes article { padding: 1.2rem; }
.edge-transport-notes article + article { border-left: 1px solid rgba(143, 199, 221, 0.14); }
.edge-transport-notes article > span { color: #64e1e9; }
.edge-transport-notes p { margin: 0.55rem 0 0; color: #96acb7; font-size: var(--product-font-body-compact); }

.edge-evidence-section { background: linear-gradient(135deg, #04131d, #071d2b 65%, #0a1930); }
.edge-evidence-heading { display: flex; margin-bottom: 2rem; gap: 2rem; justify-content: space-between; align-items: flex-end; }
.edge-evidence-heading h2 { max-width: 25ch; margin-bottom: 0.8rem; font-size: var(--product-font-section-title); }
.edge-evidence-heading p:last-child { max-width: 74ch; margin: 0; color: #9bb0bb; font-size: var(--product-font-body); }
.edge-evidence-heading > span { padding: 0.45rem 0.65rem; border: 1px solid rgba(97, 222, 233, 0.3); border-radius: 99px; color: #6de1e9; font-size: var(--product-font-label-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.edge-evidence-shell { overflow: hidden; border: 1px solid rgba(143, 199, 221, 0.17); border-radius: 12px; background: rgba(0, 0, 0, 0.16); }
.edge-evidence-method { display: grid; border-bottom: 1px solid rgba(143, 199, 221, 0.14); grid-template-columns: 1fr 1.25fr 0.8fr 1.3fr 1fr; }
.edge-evidence-method div { min-height: 6rem; padding: 0.9rem; }
.edge-evidence-method div + div { border-left: 1px solid rgba(143, 199, 221, 0.13); }
.edge-evidence-method span { color: #718c99; }
.edge-evidence-method strong { display: block; margin-top: 0.35rem; color: #c1d1d9; font-size: var(--product-font-caption); line-height: 1.45; }
.edge-evidence-body { display: grid; padding: 1.2rem; grid-template-columns: minmax(25rem, 1.15fr) minmax(28rem, 0.85fr); gap: 1rem; }
.edge-evidence-chart-wrap { overflow: hidden; border: 1px solid rgba(143, 199, 221, 0.14); border-radius: 8px; }
.edge-evidence-chart { display: grid; min-height: 18rem; padding: 1rem 1rem 2.4rem; background: linear-gradient(rgba(114, 168, 196, 0.055) 1px, transparent 1px); background-size: 100% 25%; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; align-items: end; }
.edge-evidence-chart-wrap > p { display: flex; margin: 0; padding: 0.65rem 0.8rem; border-top: 1px solid rgba(143, 199, 221, 0.12); color: #718d99; font-size: var(--product-font-label-xs); gap: 1rem; }
.edge-evidence-chart-wrap > p span:last-child::before { display: inline-block; width: 8px; height: 1px; margin-right: 0.35rem; background: #e8f7fb; content: ""; vertical-align: middle; }
.edge-chart-group { position: relative; display: grid; height: 14rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem; align-items: end; }
.edge-chart-group > span { position: absolute; right: 0; bottom: -1.7rem; left: 0; color: #7f98a4; font-size: var(--product-font-label-xs); text-align: center; }
.edge-chart-bar { position: relative; height: 100%; min-height: 0; }
.edge-chart-bar::after { position: absolute; right: 0; bottom: 0; left: 0; height: var(--bar-height); border-radius: 5px 5px 0 0; background: rgba(111, 137, 151, 0.42); content: ""; }
.edge-chart-bar.is-product::after { background: linear-gradient(#36d5df, #2868ff); box-shadow: 0 0 18px rgba(40, 104, 255, 0.16); }
.edge-chart-bar strong { position: absolute; z-index: 3; right: -0.6rem; bottom: calc(var(--bar-height) + 0.35rem); left: -0.6rem; color: #c6d8df; font-size: var(--product-font-label-xs); text-align: center; }
.edge-chart-bar i { position: absolute; z-index: 2; right: 50%; bottom: var(--range-bottom); width: 1px; height: var(--range-height); background: #f2fbff; transform: translateX(50%); }
.edge-chart-bar i::before,
.edge-chart-bar i::after { position: absolute; left: -3px; width: 7px; height: 1px; background: #f2fbff; content: ""; }
.edge-chart-bar i::before { top: 0; }
.edge-chart-bar i::after { bottom: 0; }
.edge-evidence-table { overflow-x: auto; border: 1px solid rgba(143, 199, 221, 0.14); border-radius: 8px; }
.edge-evidence-table table { width: 100%; min-width: 31rem; border-collapse: collapse; }
.edge-evidence-table caption { padding: 0.8rem; color: #dcebf1; font-size: var(--product-font-small); font-weight: 700; text-align: left; caption-side: top; }
.edge-evidence-table th,
.edge-evidence-table td { padding: 0.65rem 0.7rem; border-top: 1px solid rgba(143, 199, 221, 0.12); color: #a6bac4; font-size: var(--product-font-caption); text-align: left; }
.edge-evidence-table th { color: #78939f; font-size: var(--product-font-label-xs); text-transform: uppercase; }
.edge-evidence-table td strong { color: #e7f3f8; }
.edge-evidence-table td small { display: block; color: #6f8996; font-size: var(--product-font-label-xs); }
.edge-evidence-table > p { margin: 0; padding: 0.85rem; border-top: 1px solid rgba(143, 199, 221, 0.13); color: #8da5b0; font-size: var(--product-font-caption); }
.edge-evidence-note { border-left-color: #667cff; background: rgba(255, 255, 255, 0.025); color: #8199a5; }

.edge-operations-preview { overflow: hidden; margin: 0; border: 1px solid var(--product-line); border-radius: 12px; background: #061421; box-shadow: 0 24px 70px rgba(12, 43, 61, 0.12); }
.edge-operations-preview img { display: block; width: 100%; height: auto; }
.edge-operations-preview figcaption { padding: 0.85rem 1rem; border-top: 1px solid rgba(143, 199, 221, 0.15); background: #071723; color: #8098a4; font-size: var(--product-font-caption); }

@media (max-width: 1199px) {
  .edge-workflow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 991px) {
  .edge-hero-network { margin-top: 1rem; }
  .edge-protocol-layout,
  .edge-protocol-extras { grid-template-columns: 1fr; }
  .edge-protocol-layout article + article,
  .edge-protocol-extras article + article { border-top: 1px solid var(--product-line); border-left: 0; }
  .edge-evidence-heading { align-items: flex-start; flex-direction: column; }
  .edge-evidence-method { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .edge-evidence-method div + div { border-left: 0; }
  .edge-evidence-method div:nth-child(even) { border-left: 1px solid rgba(143, 199, 221, 0.13); }
  .edge-evidence-method div { border-bottom: 1px solid rgba(143, 199, 221, 0.13); }
  .edge-evidence-method div:last-child { border-bottom: 0; }
  .edge-evidence-body { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  .edge-hero-network { padding: 0.75rem; }
  .edge-hero-network > header { align-items: flex-start; flex-direction: column; gap: 0.45rem; }
  .edge-hero-map { aspect-ratio: 1.15 / 1; }
  .edge-hero-map > img { object-position: center; }
  .edge-route-decision { right: 0.45rem; bottom: 0.45rem; left: 0.45rem; width: auto; }
  .edge-viewer-marker b { display: none; }
  .edge-hero-status,
  .edge-global-flow,
  .edge-linear-flow,
  .edge-access-flow,
  .edge-workflow-grid,
  .edge-access-panel,
  .edge-access-details,
  .edge-delivery-compare,
  .edge-transport-notes,
  .edge-evidence-method { grid-template-columns: 1fr; }
  .edge-hero-status > i,
  .edge-global-flow > i,
  .edge-access-panel > i { text-align: center; }
  .edge-hero-status > i::after,
  .edge-global-flow > i::after,
  .edge-access-panel > i::after { content: "\2193"; }
  .edge-global-flow > div,
  .edge-linear-flow li,
  .edge-access-flow > div,
  .edge-access-panel > div { min-height: 5rem; }
  .edge-linear-flow li + li,
  .edge-access-flow > div + div { margin-top: 1.4rem; margin-left: 0; }
  .edge-linear-flow li + li::before,
  .edge-access-flow > div + div::before { top: -1.45rem; left: 50%; content: "\2193"; }
  .edge-platform-band { align-items: flex-start; flex-wrap: wrap; }
  .edge-platform-band strong { width: 100%; }
  .edge-workflow-grid > div { min-height: 0; }
  .edge-workflow-map > footer { flex-wrap: wrap; }
  .edge-protocol-layout ul { grid-template-columns: 1fr; }
  .edge-access-details article + article,
  .edge-delivery-compare article + article,
  .edge-transport-notes article + article { border-top: 1px solid var(--product-line); border-left: 0; }
  .edge-delivery-compare article + article,
  .edge-transport-notes article + article { border-top-color: rgba(143, 199, 221, 0.14); }
  .edge-delivery-compare ol { grid-template-columns: 1fr; }
  .edge-delivery-compare ol li { min-height: 4rem; }
  .edge-delivery-compare ol li + li { margin-top: 1.2rem; margin-left: 0; }
  .edge-delivery-compare ol li + li::before { top: -1.25rem; left: 50%; content: "\2193"; }
  .edge-delivery-compare article.is-cloudtv > div { grid-template-columns: 1fr; }
  .edge-evidence-heading > span { flex: none; }
  .edge-evidence-method div,
  .edge-evidence-method div:nth-child(even) { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(143, 199, 221, 0.13); border-left: 0; }
  .edge-evidence-chart-wrap { min-width: 34rem; }
  .edge-evidence-body { overflow-x: auto; }
  .edge-evidence-table { min-width: 34rem; }
}

@media (prefers-reduced-motion: reduce) {
  .edge-viewer-marker { transition: none; }
  .edge-live-network i::after { animation: none; }
}

@media (forced-colors: active) {
  .edge-map-node,
  .edge-viewer-marker i { forced-color-adjust: none; }
}