/* ===== 한글 가독성 기본 설정 ===== */
:root {
    --content-max-width: 820px;
}

.content {
    word-break: keep-all;
    overflow-wrap: break-word;
    line-height: 1.8;
}

.content p {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

/* ===== 제목 계층 ===== */
.content h1 {
    border-bottom: 2px solid var(--sidebar-bg);
    padding-bottom: 0.4em;
    margin-bottom: 0.6em;
}

/* 챕터 부제 (h1 바로 다음의 h2) */
.content h1 + h2 {
    font-weight: normal;
    color: var(--sidebar-non-existant);
    margin-top: -0.3em;
    margin-bottom: 1.2em;
    border-bottom: none;
}

.content h2 {
    margin-top: 2.2em;
    padding-bottom: 0.2em;
    border-bottom: 1px solid var(--table-border-color);
}

.content h3 {
    margin-top: 1.6em;
}

/* ===== 블록쿼트 ===== */
.content blockquote {
    border-left: 4px solid var(--sidebar-active);
    background: var(--quote-bg);
    padding: 0.8em 1.2em;
    margin: 1.2em 0;
    border-radius: 0 6px 6px 0;
}

/* ===== ASCII 다이어그램 (코드블록) ===== */
pre {
    border-radius: 6px;
    margin: 1em 0 1.5em 0;
}

pre code {
    font-family: "D2Coding", "Noto Sans Mono", "Consolas", "Monaco", monospace;
}

/* 다이어그램 캡션: [그림 X-Y] 텍스트 */
.content p:has(+ pre) {
    color: var(--sidebar-non-existant);
    margin-bottom: 0.3em;
}

/* ===== 이미지 캡션 (figure) ===== */
figure {
    text-align: center;
    margin: 1.5em 0;
}

figure img {
    max-width: 100%;
}

figcaption {
    font-size: 0.85em;
    color: var(--sidebar-non-existant);
    margin-top: 0.4em;
}

/* ===== 각주 ===== */
.content .footnote-definition {
    padding-left: 1.8em;
    text-indent: -1.8em;
    margin-bottom: 0.6em;
}

.content .footnote-definition p {
    display: inline;
}

sup.footnote-reference a {
    text-decoration: none;
    font-weight: 600;
    color: var(--sidebar-active);
}

/* ===== 구분선 ===== */
.content hr {
    border: none;
    border-top: 1px solid var(--table-border-color);
    margin: 1em 0;
}

/* ===== 표 ===== */
.content table th {
    background: var(--quote-bg);
}

/* ===== 사이드바 파트 제목 ===== */
.sidebar .chapter li.part-title {
    letter-spacing: 0.02em;
    margin-top: 1.2em;
}

/* ===== 모바일 대응 ===== */
@media (max-width: 600px) {
    .content blockquote {
        padding: 0.6em 0.8em;
    }
}