/* Increase logo size */
.md-header__button.md-logo {
    padding-bottom: 0.2rem;
    padding-right: 0;
}
.md-header__button.md-logo img {
    height: 1.5rem;
}

/* Mark external links as such (also in nav) */
a.external:hover::after, a.md-nav__link[href^="https:"]:hover::after {
  /* https://primer.style/octicons/link-external-16 */
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="rgb(233, 235, 252)" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path></svg>');
  height: 0.8em;
  width: 0.8em;
  margin-left: 0.2em;
  content: ' ';
  display: inline-block;
}

/* More space at the bottom of the page */
.md-main__inner {
  margin-bottom: 1.5rem;
}

/* ---- Mermaid Drawio styles ---- */
/* drawio base styles */
.WhiteArea > *, .WhiteArea > g > * {
  fill: #ffffff !important;
  fill-opacity: 0 !important;
  stroke: #000000 !important;
  stroke-width: 1px !important;
  stroke-dasharray: 5 !important;
}
.WhiteDrawio > *, .WhiteDrawio > g > * {
  fill: #ffffff !important;
  stroke: #000000 !important;
  stroke-width: 1px !important;
}

/* drasio pastel (Palette 1) colors */
.GrayPastelDrawio > * {
    fill: #f5f5f5 !important;
    stroke: #666666 !important;
    stroke-width: 1px !important;
}
.BluePastelDrawio > *, .BluePastelDrawio > g > * {
    fill: #dae8fc !important;
    stroke: #6c8ebf !important;
    stroke-width: 1px !important;
}
.GreenPastelDrawio > *, .GreenPastelDrawio > g > * {
    fill: #d5e8d4 !important;
    stroke: #82b366 !important;
    stroke-width: 1px !important;
}
.OrangePastelDrawio > *, .OrangePastelDrawio > g > * {
    fill: #ffe6cc !important;
    stroke: #d79b00 !important;
    stroke-width: 1px !important;
}
.YellowPastelDrawio > *, .YellowPastelDrawio > g > * {
    fill: #fff2cc !important;
    stroke: #d6b656 !important;
    stroke-width: 1px !important;
}
.RedPastelDrawio > *, .RedPastelDrawio > g > * {
    fill: #f8cecc !important;
    stroke: #b85450 !important;
    stroke-width: 1px !important;
}
.PurplePastelDrawio > *, .PurplePastelDrawio > g > * {
    fill: #e1d5e7 !important;
    stroke: #9673a6 !important;
    stroke-width: 1px !important;
}

/* drawio pastel2 (Palette 4) colors */
.OrangePastel2Drawio > *, .OrangePastel2Drawio > g > * {
    fill: #fad7ac !important;
    stroke: #d46504 !important;
    stroke-width: 1px !important;
}
.RedPastel2Drawio > *, .RedPastel2Drawio > g > * {
    fiff: #fad9d5 !important;
    stroke: #ae4132 !important;
    stroke-width: 1px !important;
}
.TurquoisePastel2Drawio > *, .TurquoisePastel2Drawio > g > * {
    fill: #b9e3e6 !important;
    stroke: #0e8088 !important;
    stroke-width: 1px !important;
}
.BluePastel2Drawio > *, .BluePastel2Drawio > g > * {
    fill: #b1ddf0 !important;
    stroke: #10739e !important;
    stroke-width: 1px !important;
}
.PurplePastel2Drawio > *, .PurplePastel2Drawio > g > * {
    fill: #d0cee2 !important;
    stroke: #56517e !important;
    stroke-width: 1px !important;
}
.BlueGrayPastel2Drawio > *, .BlueGrayPastel2Drawio > g > * {
    fill: #bac8d3 !important;
    stroke: #23445d !important;
    stroke-width: 1px !important;
}