/* Strong high-contrast section headers in MkDocs Material nav */

/* For section-like items (common in newer Material versions) */
.md-nav--primary .md-nav[data-md-level="1"] > .md-nav__list > .md-nav__item--section > .md-nav__link {
    font-weight: 800;
    font-size: 0.65rem;

    color: #ffffff !important;              /* white text */
    background-color: #586ACB !important;

    padding: 6px 10px;
    margin-top: 10px;
}

/* For nested group headers (covers older/other layouts) */
.md-nav--primary .md-nav[data-md-level="1"] > .md-nav__list > .md-nav__item--nested > .md-nav__link {
    font-weight: 800;
    font-size: 0.65rem;

    color: #ffffff !important;
    background-color: #586ACB !important;

    padding: 6px 10px;
    margin-top: 10px;
}

/* Grafana iframes */
.grafana-page {
  width: 100%;
}

.grafana-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  width: 100%;
}

.grafana-grid iframe {
  display: block;
  width: 100%;
  height: 400px;
  border: 0;
  margin: 0;
  padding: 0;
}

.grafana-grid .grafana-full {
  grid-column: 1 / -1;
  height: 600px;
}

/* Stack them vertically on narrower screens */
@media (max-width: 900px) {
  .grafana-grid {
    grid-template-columns: 1fr;
  }

  .grafana-grid .grafana-full {
    grid-column: auto;
  }
}