/* Watermark - subtle orca in bottom right of content area */
.md-content {
  position: relative;
}

.md-content::after {
  content: "";
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 120px;
  height: 120px;
  background-image: url('/assets/OrcaStraits-Stylized-TransparentBlack.png');
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.06;
  pointer-events: none;
  z-index: 0;
}

/* In dark mode, use the white version */
[data-md-color-scheme="slate"] .md-content::after {
  background-image: url('/assets/OrcaStraits-StylizedWhite.png');
  opacity: 0.08;
}