/* 사이드바 영역(본문 바깥 전체)을 어둡게, 본문 컬럼은 기본 배경 유지 —
   사이드바 요소는 내용 높이만큼만 차지하므로 배경은 md-main 층에 줘야 전체 기둥이 칠해진다 */
[data-md-color-scheme="slate"] .md-main {
  background-color: hsl(232, 15%, 7%);
}
[data-md-color-scheme="slate"] .md-content {
  background-color: var(--md-default-bg-color);
  box-shadow: 0 0 0 1px hsla(232, 15%, 28%, 0.6);
}

[data-md-color-scheme="default"] .md-main {
  background-color: #e4e4ea;
}
[data-md-color-scheme="default"] .md-content {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px #d0d0d8;
}

/* Cyclops 워터마크 — 우측 하단 어두운 영역에 은은하게, 가장자리 페이드.
   본문/사이드바보다 아래에 깔리도록 z-index 계층을 명시한다 */
.md-main {
  position: relative;
}
.md-main::after {
  content: "";
  position: fixed;
  right: -3rem;
  bottom: -4rem;
  width: 26rem;
  height: 34rem;
  background: url("../assets/cyclops.jpg") center / cover no-repeat;
  opacity: 0.14;
  -webkit-mask-image: radial-gradient(ellipse 60% 60% at center, black 30%, transparent 72%);
  mask-image: radial-gradient(ellipse 60% 60% at center, black 30%, transparent 72%);
  pointer-events: none;
  z-index: 0;
}
[data-md-color-scheme="default"] .md-main::after {
  opacity: 0.1;
}
.md-content {
  position: relative;
  z-index: 1;
}
.md-sidebar {
  /* sticky라 이미 positioned — z-index만 부여 (position 덮어쓰면 sticky가 깨진다) */
  z-index: 1;
}