/* Guide version notice banner */
.version-banner {
  background: #e3f2fd;
  border-left: 4px solid #2196f3;
  padding: 12px 16px;
  margin: 0 0 24px 0;
  border-radius: 4px;
  font-size: 14px;
  color: #1565c0;
}

.version-banner a {
  color: #1565c0;
  font-weight: 600;
  text-decoration: underline;
}

.version-banner a:hover {
  color: #0d47a1;
}

html.navy .version-banner, html.coal .version-banner {
  background: #1a2332;
  border-left-color: #64b5f6;
  color: #90caf9;
}

html.navy .version-banner a, html.coal .version-banner a {
  color: #90caf9;
}

html.ayu .version-banner {
  background: #0f1419;
  border-left-color: #39afd7;
  color: #59c2ff;
}

html.ayu .version-banner a {
  color: #59c2ff;
}

.diagram {
  margin: 1em 0;
}
html.navy .diagram, html.coal .diagram {
  filter: invert(1) saturate(3) contrast(0.7);
}
html.ayu .diagram {
  filter: invert(1) hue-rotate(180deg) saturate(3) contrast(0.5);
}