/* The theme handles all styling. These are the only tweaks it doesn't cover: */

/* qonda.png is 256x256 - constrain it to a sidebar-appropriate size */
.app-name-link img { max-height: 34px; }

/* Cap line length for readability (the theme default is 90% of the viewport) */
.markdown-section { max-width: 900px; }

/* Mermaid diagrams - inline (default): natural size, centered. */
.markdown-section .mermaid {
  margin: 1.5rem 0;
  text-align: center;
}

/* Opt-in (via a `%% zoom` line): tall pan/zoom viewport. */
.markdown-section .mermaid-zoom {
  height: 70vh;
  text-align: initial;
  border: 1px solid rgba(128, 128, 128, 0.35);
  border-radius: 6px;
  overflow: hidden;          /* svg-pan-zoom manages panning inside this frame */
}
.markdown-section .mermaid-zoom svg {
  width: 100%;
  height: 100%;
  max-width: none;
}