pre.mermaid {
  background: #fff !important;
  color: #222;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 1em;
  text-align: center;   /* center the diagram */
  white-space: pre;     /* keep Mermaid's source intact before rendering */
}

#olivine-directory ul { list-style: none; padding-left: 1.1em; margin: 0; }
#olivine-directory summary { cursor: pointer; }
#olivine-directory summary::marker { color: #888; }
#olivine-directory a.active { font-weight: bold; }