.detail-related-charts { margin-top: 20px; }
.detail-related-charts > h3 { margin: 0 0 10px; font-size: 1rem; }
.market-grid.test-grid.detail-related-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}
@media (min-width: 541px) {
  .market-grid.test-grid.detail-related-grid {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  }
}
/* Keep the dashboard card geometry/typography. Never unmount on scroll. */
.detail-related-grid .market-card {
  display: block;
  color: inherit;
  text-decoration: none;
  font-family: "Noto Sans JP";
  content-visibility: visible;
  contain-intrinsic-size: none;
}
.detail-related-grid .market-card:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}
.detail-related-grid .empty-chart { padding: 8px; text-align: left; }