.mermaid-diagram {
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: 1.25rem;
  background: #f2eee5;
}

.mermaid-diagram__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 40px;
  margin-bottom: 1rem;
}

.mermaid-diagram__title {
  color: var(--ink);
  font: 600 22px/1 'Barlow Condensed', Arial, sans-serif;
  letter-spacing: .01em;
}

.mermaid-diagram__logo {
  display: block;
  flex: none;
  width: 58px;
  height: 40px;
  object-fit: contain;
  object-position: center;
}

.mermaid-diagram__canvas {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  background: #f2eee5;
  scrollbar-color: #61716a transparent;
  scrollbar-width: thin;
}

.mermaid-diagram__canvas::-webkit-scrollbar {
  height: 6px;
}

.mermaid-diagram__canvas::-webkit-scrollbar-track {
  background: transparent;
}

.mermaid-diagram__canvas::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #61716a;
}

.mermaid-diagram svg {
  background: transparent;
}

.press-release-layout,
.press-body,
.content-markdown {
  min-width: 0;
  max-width: 100%;
}
