/* 목차(ToC)를 전 페이지에서 숨김.
   md-sidebar--secondary: 넓은 화면의 우측 목차 영역
   md-nav--secondary: 좁은 화면에서 좌측 네비·모바일 드로어에 통합되는 목차 본체
   :not([hidden]) 변형은 테마가 같은 선택자로 큰 화면에서 다시 표시하는 규칙을
   같은 특이도로 누르기 위한 것. 이게 빠지면 목차 있는 글에만 빈 우측 기둥이 남는다 */
.md-sidebar--secondary,
.md-sidebar--secondary:not([hidden]),
.md-nav--secondary {
  display: none;
}

/* 본문 폭 통일. 홈·목록·태그·전체 글·포스트 전부 같은 폭.
   포스트만 걸면 홈은 끝까지 늘어나고 포스트는 오른쪽이 비어 화면이 왼쪽으로 쏠린다 */
.md-content__inner {
  max-width: 40rem;
}

/* 그리드 폭 = 좌측 사이드바(12.1rem) + 간격 + 본문(40rem) + 본문 좌우 마진.
   본문 폭에 맞춰 그리드를 잡아야 빈 공간 없이 화면 가운데에 놓인다.
   창이 좁으면 창 폭 - 6rem으로 줄어 좌우 여백이 남는다 */
.md-grid {
  --grid-w: min(58rem, 100% - 6rem);
  max-width: var(--grid-w);
  margin-left: clamp(0rem, calc((100% - var(--grid-w)) / 2 + 3%), calc(100% - var(--grid-w) - 3rem));
}

/* 좌측 사이드바와 본문 사이 간격.
   margin이 아니라 flex gap이라 사이드바가 없는 화면에서는 자동으로 무시된다.
   홈·목록·태그: 사이드바와 본문이 md-main__inner의 형제 요소
   포스트: 최근 글 사이드바가 md-content--post 안쪽에 있어 그 컨테이너에 준다 */
.md-main__inner,
.md-content--post {
  column-gap: 2rem;
}