/* datacenter.html page styles — facility photo framing + latency map. */

.dc-map {
  margin-top: 3.2rem;
}

.dc-map svg {
  display: block;
  width: 100%;
  height: auto;
}

.dc-map-outline {
  fill: var(--ink-soft);
  stroke: var(--line-bright);
  stroke-width: 1;
  stroke-linejoin: round;
}

/* Desktop carries the figures in the map labels + the SVG aria-label;
   the table returns as the data fallback where .art-labels hide. */
.dc-latency-table {
  display: none;
}

@media (max-width: 620px) {
  .dc-latency-table {
    display: block;
    margin-top: 2.2rem;
  }
}

.dc-photo {
  margin-top: 2.6rem;
}

.dc-photo img {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: 4px;
  filter: saturate(0.72) brightness(0.94);
}