@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

/* =========================================================
   Confluence Data Center - 스페이스 스타일시트
   적용: Space Tools → Look and Feel → Stylesheet
   주의: @import는 반드시 파일 맨 첫 줄에 있어야 함
   ========================================================= */

/* ---------- 1. 본문 기본 타이포그래피 ---------- */
#main-content.wiki-content {
  font-family: "Pretendard Variable", Pretendard, -apple-system,
               BlinkMacSystemFont, "Malgun Gothic", sans-serif;
  font-size: 15px;
  line-height: 1.5;
}

/* ---------- 2. 헤딩 ---------- */
#main-content.wiki-content h1,
#main-content.wiki-content h2 {
  font-weight: 700;
  letter-spacing: -0.01em;
}
#main-content.wiki-content h1 { margin: 20px 0 6px; }
#main-content.wiki-content h2 { margin: 16px 0 4px; }
#main-content.wiki-content h3 { margin: 12px 0 4px; }
#main-content.wiki-content h4,
#main-content.wiki-content h5,
#main-content.wiki-content h6 { margin: 10px 0 2px; }

/* 본문 맨 처음 제목은 위 여백 없음 */
#main-content.wiki-content > h1:first-child,
#main-content.wiki-content > h2:first-child,
#main-content.wiki-content > h3:first-child {
  margin-top: 0;
}

/* 제목 바로 다음 문단은 붙여서 */
#main-content.wiki-content h1 + p,
#main-content.wiki-content h2 + p,
#main-content.wiki-content h3 + p {
  margin-top: 0;
}

/* ---------- 3. 문단 / 목록 간격 ---------- */
#main-content.wiki-content p {
  margin-top: 4px;
  margin-bottom: 0;
}
#main-content.wiki-content li {
  margin: 2px 0;
}
#main-content.wiki-content li > p {
  margin-top: 0;
}

/* ---------- 4. 표 ---------- */
#main-content.wiki-content table.confluenceTable {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--ds-border, #dfe1e6);
}
#main-content.wiki-content th.confluenceTh {
  background: var(--ds-background-neutral, #f4f5f7);
  font-weight: 600;
}
#main-content.wiki-content td p,
#main-content.wiki-content th p {
  margin-top: 2px;
}

/* ---------- 5. 패널 / 정보 매크로 ---------- */
#main-content.wiki-content .confluence-information-macro,
#main-content.wiki-content .panel {
  border-radius: 10px;
  border: none;
  box-shadow: 0 1px 3px rgba(9, 30, 66, 0.12);
}

/* ---------- 6. 코드 블록 ---------- */
#main-content.wiki-content .code.panel {
  border-radius: 8px;
  overflow: hidden;
}