/* 상단 네비게이션/헤더 숨기기 */
header,
nav,
.page-title {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}
/*
  GitHub Pages(Jekyll) 테마마다 헤더 DOM 클래스명이 달라서
  "보이는 것" 위주로 넓게 잡아 숨깁니다.
  - 상단 사이트 헤더/네비게이션
  - 페이지 타이틀(테마가 자동으로 1회 더 찍는 경우)

  적용 확인 방법:
  1) 브라우저에서 페이지 새로고침(강력 새로고침) 후
  2) 개발자도구 > Network에서 custom.css가 로드되는지 확인
*/

/* 상단 헤더/네비게이션 계열 */
header,
nav,
.site-header,
.site-nav,
.site-title,
.page-header,
.pagehead,
.Header,
.navbar,
.NavBar,
.top-nav,
.topnav,
.masthead,
.masthead__inner-wrap,
.gh-header,
.gh-nav {
  display: none !important;
}

/* 페이지 내 자동 타이틀(중복 H1) 계열 */
.page-title,
.post-title,
.entry-title,
.page-heading,
h1.page-title,
h1.post-title,
h1.entry-title,
.markdown-body > h1:first-child {
  display: none !important;
}

/* 위 요소가 사라져서 생기는 상단 여백 줄이기 */
main,
.page-content,
.container,
.wrapper {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 하단 푸터 숨기기 */
footer,
.site-footer,
.page-footer,
.footer,
.Footer,
.gh-footer,
.post-footer,
.entry-footer,
.markdown-body > footer {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}

/* 푸터가 사라져서 생기는 하단 여백 줄이기 */
main,
.page-content,
.container,
.wrapper {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* hr 완전히 숨기기 */
hr {
  display: none !important;
}

/* 섹션 구분은 h2 상단 여백으로 처리 */
h2 {
  margin-top: 3rem;
}

/* 전체 콘텐츠 중앙 정렬 */
body {
  padding: 0 1rem;
  box-sizing: border-box;
}

main,
.page-content,
.container,
.wrapper {
  width: 100%;
  max-width: 800px;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}