/* coreisflux - Obsidian Publish Custom CSS */

/* ===== 기본: 사이드바 숨김, 콘텐츠 중앙 정렬 ===== */
.site-body-left-column {
  display: none;
}

.site-body {
  display: flex !important;
  justify-content: center !important;
}

.site-body-center-column {
  width: 100% !important;
  max-width: 680px !important;
  padding: 0 1.5rem !important;
  margin: 0 auto !important;
}


/* ===== 햄버거 메뉴 클릭 시 사이드바 표시 ===== */
.is-left-column-open .site-body-left-column {
  display: flex !important;
}

.is-left-column-open .site-body-center-column {
  max-width: 100% !important;
}

/* ===== 헤더 ===== */
.site-header {
  border-bottom: none !important;
  box-shadow: none !important;
  padding: 2rem 0 1rem !important;
}

.site-header-text {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: -0.5px;
}

/* ===== 타이포그래피 ===== */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.75;
  font-size: 13px;
}

h1 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 0.3em;
}

h2 {
  font-size: 1.3rem;
  font-weight: 600;
  border-bottom: 1px solid var(--hr-color);
  padding-bottom: 0.3em;
  margin-top: 2em;
}

/* ===== 링크 ===== */
a {
  color: var(--text-normal);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* ===== 코드 ===== */
pre, code {
  font-family: "JetBrains Mono", "Fira Code", "Menlo", monospace;
  font-size: 0.875em;
}

/* ===== 테이블 ===== */
table {
  width: 100%;
  border-collapse: collapse;
}

th {
  background-color: var(--background-secondary);
  text-align: left;
}

th, td {
  padding: 0.5em 0.75em;
  border: 1px solid var(--hr-color);
}

/* ===== 자동 페이지 타이틀 숨김 ===== */
.hide-title .published-section-header {
  display: none;
}

/* ===== 본문 여백 ===== */
.render-container {
  padding: 2rem 0 4rem;
}

/* ===== 모바일 ===== */
@media (max-width: 768px) {
  .site-body-center-column,
  .render-container,
  .render-container-inner,
  .publish-renderer,
  .markdown-preview-view,
  .markdown-preview-view .markdown-preview-section,
  .is-readable-line-width .markdown-preview-view,
  .is-readable-line-width .cm-contentContainer,
  .published-container .markdown-preview-view {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .site-body-center-column {
    padding: 0 0.75rem !important;
  }

  h1 {
    font-size: 1.3rem !important;
    line-height: 1.4 !important;
  }

  h2 {
    font-size: 1.1rem !important;
  }

  body {
    font-size: 13px !important;
  }
}