.advanced-panels {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: .85rem;
  margin-top: .7rem;
}
.advanced-panels h4 {
  margin: 0 0 .35rem;
  font-size: .93rem;
}
.advanced-heat {
  display: block;
  width: 100%;
  height: auto;
  image-rendering: pixelated;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 8px;
}
.energy-heat {
  max-width: 270px;
}
.energy-map {
  position: relative;
  width: min(100%,270px);
}
.energy-map span {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 2px solid white;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #153b3b;
  background: #153b3b;
  transform: translate(-50%,-50%);
  pointer-events: none;
}
@media (max-width: 900px) {
  #lab-nav {
    display: flex;
    overflow-x: auto;
    padding: 4px 4px 8px;
    scroll-snap-type: x proximity;
  }
  #lab-nav a {
    flex: 0 0 135px;
    scroll-snap-align: start;
  }
}
@media (max-width: 520px) {
  .advanced-panels {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}