/* Hide brand text without collapsing its space */
.md-header__title { visibility: hidden; }

/* Ensure the search stays pushed to the right just in case */
.md-header__option { margin-left: auto; }

/* Make message labels bigger and crisper */
.mermaid text.messageText {
  font-size: 1.05rem !important;   /* bump size */
  font-weight: 600 !important;      /* semi-bold */
  fill: var(--md-default-fg-color) !important;
  /* add a thin outline so white text pops on dark bg */
  paint-order: stroke;
  stroke: rgba(0,0,0,0.65);
  stroke-width: 2px;
}

/* Arrow lines a tad thicker */
.mermaid line, .mermaid path, .mermaid polygon, .mermaid rect {
  stroke-width: 1.6px !important;
}

/* Optional: more breathing room around labels */
.mermaid .sequence .messageText, .mermaid .messageText { letter-spacing: .2px; }

/* If your diagram feels cramped, let it use full width */
.mermaid svg { max-width: 100% !important; }

/* Center Mermaid diagrams */
.mermaid {
  display: flex;
  justify-content: center;
  margin: 1rem auto;
}

.mermaid svg {
  display: block;
  margin: 0 auto;
}

.md-grid {
  max-width: 2000px; 
}