/* Responsive and clean Mermaid styling */
.mermaid {
  text-align: center;
  margin: 1.5em 0;
  background-color: transparent !important;
}

.mermaid svg {
  max-width: 100%;
  height: auto;
}

/* Ensure code blocks and tables don't overflow */
.md-typeset table:not([class]) {
  display: table;
  width: 100%;
}

/* Tab bar responsive styling: ensure no clipping on any screen */
.md-tabs__list {
  display: flex;
  overflow-x: auto;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.md-tabs__item {
  white-space: nowrap;
  font-weight: 500;
}