:root {
  --mlir-accent: #315c9b;
}

body {
  line-height: 1.55;
}

code {
  white-space: break-spaces;
}

pre code {
  white-space: pre;
}

.sidebar-title {
  font-weight: 700;
}

h1,
h2,
h3 {
  letter-spacing: 0;
}

table {
  font-size: 0.95rem;
}

/* Give the CIRCT landing-page map a visual boundary without baking the
   diagram into a raster image. Mermaid keeps it crisp and theme-aware. */
.circt-ecosystem-map {
  margin: 1.75rem 0 2rem;
  padding: clamp(0.75rem, 2vw, 1.5rem);
  border: 1px solid color-mix(in srgb, var(--mlir-accent) 28%, transparent);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 15% 10%, rgb(77 111 220 / 10%), transparent 32%),
    radial-gradient(circle at 85% 90%, rgb(22 141 102 / 10%), transparent 32%),
    color-mix(in srgb, var(--bs-body-bg) 96%, var(--mlir-accent));
  box-shadow: 0 0.7rem 2rem rgb(20 35 60 / 8%);
  overflow-x: auto;
}

.circt-ecosystem-map .mermaid-js {
  min-width: 640px;
}

.circt-ecosystem-map figcaption {
  margin-top: 0.75rem;
  color: var(--bs-secondary-color);
}

/* The workflow is a compact pipeline, not a full-page hierarchy map. */
.circt-workflow-map {
  max-width: 52rem;
  margin-inline: auto;
}

.circt-workflow-map .mermaid-js {
  min-width: 560px;
}