/*
게시물 공통 CSS 수정 안내
────────────────────────────────────────
적용 범위: <article class="agh-post-v2"> 내부만 대상입니다.
공통 템플릿에 한 번 등록하고 게시물에는 필요한 HTML 구성만 사용합니다.
외부 .css 파일에 넣을 때는 style 시작·종료 태그를 제외합니다.
모바일 전용 분기 없음: 모든 화면에서 같은 기본 값을 사용합니다.

자주 수정하는 곳 (검색어)
- 본문 폭·기본 글자 크기: article.agh-post-v2 단독 규칙
- 대표 제목: .agh-v2-header h1
- 목차 박스: .agh-v2-toc / 버튼: .agh-v2-toc a
- 목차 번호 원: .agh-v2-toc a::before
- 소제목: .agh-v2-section h2 (세로선과 글자 설정이 나뉘어 있음)
- 본문 문단 간격: .agh-v2-section p
- 체크 아이콘: .agh-v2-checklist > li::before
- 체크 줄 간격: 마지막 .agh-v2-checklist > li의 padding: 5px 0
- 하단 박스: .agh-v2-disclaimer (배경과 글자 설정이 나뉘어 있음)

주의
1. 이번 파일은 주석과 줄바꿈만 추가했습니다. 선택자·속성·값·순서는 그대로입니다.
2. 같은 선택자가 여러 번 있으면 규칙이 합쳐집니다. 같은 속성은 우선순위에
   따라 결정됩니다. !important 여부와 선택자 구체성을 확인하세요.
3. 링크 underline 선언이 남아 있지만 none !important로 밑줄이 제거됩니다.
4. 체크/목차의 기본 목록 선언은 뒤쪽 배치 규칙과 !important가 덮어씁니다.
5. !important는 기존 게시판 스타일 대응용입니다. 삭제 시 화면을 확인하세요.
6. 공통 CSS 수정은 이 클래스를 사용하는 모든 게시물에 반영됩니다.
7. 목차 id와 href는 HTML에서 맞춥니다. 클래스명을 변경하면 HTML도 함께 수정합니다.
*/

/* 01. 공통 체크 목록: 항목 간격과 정렬 (habits는 이전 클래스 호환용) */
article.agh-post-v2 .agh-v2-checklist > li,
article.agh-post-v2 .agh-v2-habits > li {
    align-items: flex-start; /* flex 항목의 세로 정렬: flex-start는 위쪽, center는 가운데 */
    gap: 12px; /* 체크 또는 번호와 문장 사이 간격 */
    width: 100%; /* 요소 너비 */
    list-style: none !important; /* 기본 목록 기호: 체크·목차의 none !important 규칙이 우선 적용됨 */
}

/* 02. 공통 체크 아이콘: 기호·원 크기·색상·상단 위치 */
article.agh-post-v2 .agh-v2-checklist > li::before,
article.agh-post-v2 .agh-v2-habits > li::before {
    content: "✓" !important; /* 가상 요소에 표시할 내용: 빈 문자열은 기본 표시 제거 */
    position: static !important; /* 요소 배치 방식: static은 일반 흐름에 따라 배치 */
    display: flex !important; /* 요소 배치 방식: flex는 가로 정렬, block은 블록, inline은 문장 흐름 */
    align-items: center; /* flex 항목의 세로 정렬: flex-start는 위쪽, center는 가운데 */
    justify-content: center; /* flex 항목의 가로 정렬 */
    flex: 0 0 24px; /* 늘어남 / 줄어듦 / 기준 크기: 아이콘 크기 수정 시 width·height도 함께 확인 */
    width: 24px; /* 요소 너비 */
    height: 24px; /* 요소 높이 */
    margin: 4px 0 0 !important; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    padding: 0 !important; /* 안쪽 여백: 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    border: none; /* 테두리 두께·종류·색상 */
    border-radius: 50%; /* 모서리 둥글기: 50%는 원형, px 값이 클수록 둥글어짐 */
    background: #e0efe6; /* 배경색 또는 배경 초기화 */
    color: #146c6d; /* 글자 색상: inherit는 부모 색상 사용 */
    font-size: 15px; /* 글자 크기: px 수치 수정, inherit는 부모 크기 사용 */
    font-weight: 700; /* 글자 굵기: 400 보통, 600 약간 굵게, 700 굵게 */
    line-height: 1; /* 줄 높이: 단위 없는 값은 해당 글자 크기의 배수 */
    transform: none !important; /* 기존 CSS의 이동·회전 등 변형 해제 */
}

/* 03. 전체 링크의 밑줄 제거: 기본·방문·오버·포커스·클릭 상태 */
article.agh-post-v2 a,
article.agh-post-v2 a:link,
article.agh-post-v2 a:visited,
article.agh-post-v2 a:hover,
article.agh-post-v2 a:focus,
article.agh-post-v2 a:active {
    text-decoration: none !important; /* 밑줄 등 글자 장식: 위쪽 링크 none !important가 underline보다 우선함 */
}

/* 04. 목차 영역: 제목·목록·자동 번호·기본 기호 */
article.agh-post-v2 .agh-v2-toc h2,
article.agh-post-v2 .agh-v2-toc h2:hover {
    text-decoration: none !important; /* 밑줄 등 글자 장식: 위쪽 링크 none !important가 underline보다 우선함 */
}

/* 05. 하단 안내 영역: 회색 박스·안내문·링크 스타일 */
article.agh-post-v2 .agh-v2-disclaimer {
    padding: 20px; /* 안쪽 여백: 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    border: none; /* 테두리 두께·종류·색상 */
    border-radius: 12px; /* 모서리 둥글기: 50%는 원형, px 값이 클수록 둥글어짐 */
    background: #f4f4f4; /* 배경색 또는 배경 초기화 */
}

/* 06. 하단 안내 영역: 회색 박스·안내문·링크 스타일 */
article.agh-post-v2 .agh-v2-disclaimer p {
    display: inline; /* 요소 배치 방식: flex는 가로 정렬, block은 블록, inline은 문장 흐름 */
    padding: 0; /* 안쪽 여백: 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
}

/* 07. 본문 섹션: 소제목·문단·섹션 간격 */
article.agh-post-v2 .agh-v2-section h2 {
    padding: 4px 0 4px 16px; /* 안쪽 여백: 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    border-left: 8px solid #146c6d; /* 소제목 왼쪽 세로선: 두께와 색상을 여기서 수정 */
}

/* 08. 목차 영역: 제목·목록·자동 번호·기본 기호 */
article.agh-post-v2 .agh-v2-toc ul,
article.agh-post-v2 .agh-v2-toc li {
    list-style: none !important; /* 기본 목록 기호: 체크·목차의 none !important 규칙이 우선 적용됨 */
}

/* 09. 목차 영역: 제목·목록·자동 번호·기본 기호 */
article.agh-post-v2 .agh-v2-toc li::marker {
    content: ""; /* 가상 요소에 표시할 내용: 빈 문자열은 기본 표시 제거 */
}

/* 10. 목차 영역: 제목·목록·자동 번호·기본 기호 */
article.agh-post-v2 .agh-v2-toc li::before {
    content: none !important; /* 가상 요소에 표시할 내용: 빈 문자열은 기본 표시 제거 */
    display: none !important; /* 요소 배치 방식: flex는 가로 정렬, block은 블록, inline은 문장 흐름 */
}

/* 11. 목차 영역: 제목·목록·자동 번호·기본 기호 */
article.agh-post-v2 .agh-v2-toc ul {
    margin: 0; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    padding: 0; /* 안쪽 여백: 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    list-style: none; /* 기본 목록 기호: 체크·목차의 none !important 규칙이 우선 적용됨 */
    counter-reset: agh-v2-toc-number; /* 목차 자동 번호 초기화: 해당 목록마다 다시 시작 */
}

/* 12. 목차 영역: 제목·목록·자동 번호·기본 기호 */
article.agh-post-v2 .agh-v2-toc li {
    counter-increment: agh-v2-toc-number; /* 목차 항목마다 자동 번호 1 증가 */
}

/* 13. 목차 영역: 제목·목록·자동 번호·기본 기호 */
article.agh-post-v2 .agh-v2-toc li:last-child {
    margin-bottom: 0; /* 아래쪽 바깥 여백 */
}

/* 14. 목차 버튼: 크기·간격·테두리·글자 */
article.agh-post-v2 .agh-v2-toc a {
    display: flex; /* 요소 배치 방식: flex는 가로 정렬, block은 블록, inline은 문장 흐름 */
    align-items: center; /* flex 항목의 세로 정렬: flex-start는 위쪽, center는 가운데 */
    gap: 14px; /* 체크 또는 번호와 문장 사이 간격 */
    width: 100%; /* 요소 너비 */
    min-height: 62px; /* 최소 높이: 긴 문장은 이보다 높아질 수 있음 */
    padding: 12px 18px; /* 안쪽 여백: 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    border: 2px solid #cce4db; /* 테두리 두께·종류·색상 */
    border-radius: 12px; /* 모서리 둥글기: 50%는 원형, px 값이 클수록 둥글어짐 */
    background: #f4faf7; /* 배경색 또는 배경 초기화 */
    font-size: 18px; /* 글자 크기: px 수치 수정, inherit는 부모 크기 사용 */
    font-weight: 700; /* 글자 굵기: 400 보통, 600 약간 굵게, 700 굵게 */
    line-height: 1.5; /* 줄 높이: 단위 없는 값은 해당 글자 크기의 배수 */
}

/* 15. 목차 원형 번호: 원 크기·배경색·숫자 크기 */
article.agh-post-v2 .agh-v2-toc a::before {
    content: counter(agh-v2-toc-number); /* 가상 요소에 표시할 내용: 빈 문자열은 기본 표시 제거 */
    display: flex; /* 요소 배치 방식: flex는 가로 정렬, block은 블록, inline은 문장 흐름 */
    align-items: center; /* flex 항목의 세로 정렬: flex-start는 위쪽, center는 가운데 */
    justify-content: center; /* flex 항목의 가로 정렬 */
    flex: 0 0 34px; /* 늘어남 / 줄어듦 / 기준 크기: 아이콘 크기 수정 시 width·height도 함께 확인 */
    width: 34px; /* 요소 너비 */
    height: 34px; /* 요소 높이 */
    border-radius: 50%; /* 모서리 둥글기: 50%는 원형, px 값이 클수록 둥글어짐 */
    background: #146c6d; /* 배경색 또는 배경 초기화 */
    color: #fff; /* 글자 색상: inherit는 부모 색상 사용 */
    font-size: 18px; /* 글자 크기: px 수치 수정, inherit는 부모 크기 사용 */
    font-weight: 700; /* 글자 굵기: 400 보통, 600 약간 굵게, 700 굵게 */
    line-height: 1; /* 줄 높이: 단위 없는 값은 해당 글자 크기의 배수 */
}

/* 16. 목차 마우스 오버 상태 */
article.agh-post-v2 .agh-v2-toc a:hover {
    border-color: #146c6d; /* 테두리 색상 */
    background: #eaf5ef; /* 배경색 또는 배경 초기화 */
}

/* 17. 전체 박스 크기 계산 기준 */
article.agh-post-v2,
article.agh-post-v2 * {
    box-sizing: border-box; /* border-box: 지정 너비에 padding과 border를 포함 */
}

/* 18. 게시물 기본 설정: 본문 폭·여백·글자 크기·줄간격 */
article.agh-post-v2 {
    width: 100%; /* 요소 너비 */
    max-width: 840px; /* 최대 너비: 본문 폭을 바꾸려면 이 값을 수정 */
    margin: 0 auto; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    padding: 48px 24px 40px; /* 안쪽 여백: 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    color: #333; /* 글자 색상: inherit는 부모 색상 사용 */
    font-size: 18px; /* 글자 크기: px 수치 수정, inherit는 부모 크기 사용 */
    line-height: 1.85; /* 줄 높이: 단위 없는 값은 해당 글자 크기의 배수 */
    text-align: left; /* 글자 정렬 방향 */
    overflow-wrap: break-word; /* 긴 문자열이 영역을 넘을 때 줄바꿈 허용 */
    word-break: keep-all; /* keep-all: 한글 단어 중간 줄바꿈을 가급적 피함 */
}

/* 모바일: 화면 너비 767px 이하에서 본문 여백 변경 */
@media screen and (max-width: 767px) {
    article.agh-post-v2 {
        padding: 20px 0 0; /* 위 20px / 좌우 0 / 아래 0 */
    }
}

/* 19. 이미지: 모서리·크기·정렬·주변 여백 */
article.agh-post-v2 img {
    border-radius: 16px; /* 모서리 둥글기: 50%는 원형, px 값이 클수록 둥글어짐 */
}

/* 20. 상단 제목과 요약문 */
article.agh-post-v2 .agh-v2-header {
    margin-bottom: 36px; /* 아래쪽 바깥 여백 */
    text-align: center; /* 글자 정렬 방향 */
}

/* 21. 상단 제목과 요약문 */
article.agh-post-v2 .agh-v2-header h1 {
    margin: 0 0 22px; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    padding: 0; /* 안쪽 여백: 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    color: #222; /* 글자 색상: inherit는 부모 색상 사용 */
    font-size: 34px; /* 글자 크기: px 수치 수정, inherit는 부모 크기 사용 */
    font-weight: 700; /* 글자 굵기: 400 보통, 600 약간 굵게, 700 굵게 */
    line-height: 1.45; /* 줄 높이: 단위 없는 값은 해당 글자 크기의 배수 */
    letter-spacing: -1px; /* 글자 사이 간격: 음수는 좁게 */
}

/* 모바일 본문·목차 여백 */
@media screen and (max-width: 767px) {
    article.agh-post-v2 .agh-v2-header h1 {
        font-size: 26px;
    }
}

/* 22. 상단 제목과 요약문 */
article.agh-post-v2 .agh-v2-header p {
    margin: 0; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    color: #666; /* 글자 색상: inherit는 부모 색상 사용 */
    font-size: 17px; /* 글자 크기: px 수치 수정, inherit는 부모 크기 사용 */
    line-height: 1.8; /* 줄 높이: 단위 없는 값은 해당 글자 크기의 배수 */
}

/* 23. 목차 영역: 제목·목록·자동 번호·기본 기호 */
article.agh-post-v2 .agh-v2-toc {
    margin: 0 0 40px; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    padding: 26px 30px; /* 안쪽 여백: 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    border: 1px solid #e2e9e5; /* 테두리 두께·종류·색상 */
    border-radius: 12px; /* 모서리 둥글기: 50%는 원형, px 값이 클수록 둥글어짐 */
    background: #f6f9f7; /* 배경색 또는 배경 초기화 */
}

/* 모바일 본문·목차 여백 */
@media screen and (max-width: 767px) {
    article.agh-post-v2 {
        padding: 35px 0 0;
    }

    article.agh-post-v2 .agh-v2-toc {
        padding: 12px;
    }
}

/* 24. 목차 영역: 제목·목록·자동 번호·기본 기호 */
article.agh-post-v2 .agh-v2-toc h2 {
    margin: 0 0 16px; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    padding: 0; /* 안쪽 여백: 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    color: #244b3e; /* 글자 색상: inherit는 부모 색상 사용 */
    font-size: 21px; /* 글자 크기: px 수치 수정, inherit는 부모 크기 사용 */
    font-weight: 700; /* 글자 굵기: 400 보통, 600 약간 굵게, 700 굵게 */
    line-height: 1.5; /* 줄 높이: 단위 없는 값은 해당 글자 크기의 배수 */
}

/* 25. 목차 영역: 제목·목록·자동 번호·기본 기호 */
article.agh-post-v2 .agh-v2-toc li {
    display: list-item; /* 요소 배치 방식: flex는 가로 정렬, block은 블록, inline은 문장 흐름 */
    width: auto; /* 요소 너비 */
    margin: 9px 0; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    padding: 0; /* 안쪽 여백: 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    font-size: 16px; /* 글자 크기: px 수치 수정, inherit는 부모 크기 사용 */
    line-height: 1.7; /* 줄 높이: 단위 없는 값은 해당 글자 크기의 배수 */
    list-style: disc; /* 기본 목록 기호: 체크·목차의 none !important 규칙이 우선 적용됨 */
    text-align: left; /* 글자 정렬 방향 */
}

/* 26. 목차 버튼: 크기·간격·테두리·글자 */
article.agh-post-v2 .agh-v2-toc a {
    color: #444; /* 글자 색상: inherit는 부모 색상 사용 */
    text-decoration: none; /* 밑줄 등 글자 장식: 위쪽 링크 none !important가 underline보다 우선함 */
}

/* 27. 목차 마우스 오버 상태 */
article.agh-post-v2 .agh-v2-toc a:hover {
    color: #146c6d; /* 글자 색상: inherit는 부모 색상 사용 */
    text-decoration: underline; /* 밑줄 등 글자 장식: 위쪽 링크 none !important가 underline보다 우선함 */
    text-underline-offset: 4px; /* 밑줄과 글자의 거리: 밑줄이 제거된 현재 링크에는 보이지 않음 */
}

/* 28. 키보드 접근성: Tab 키로 선택한 링크의 테두리 */
article.agh-post-v2 a:focus-visible {
    outline: 2px solid #146c6d; /* 키보드 포커스 표시선: 접근성을 위해 유지 권장 */
    outline-offset: 4px; /* 포커스 표시선과 링크 사이 간격 */
}

/* 29. 이미지: 모서리·크기·정렬·주변 여백 */
article.agh-post-v2 .agh-v2-image {
    margin: 30px 0 40px 0; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    text-align: center; /* 글자 정렬 방향 */
}

/* 30. 이미지: 모서리·크기·정렬·주변 여백 */
article.agh-post-v2 img {
    display: block; /* 요소 배치 방식: flex는 가로 정렬, block은 블록, inline은 문장 흐름 */
    max-width: 100%; /* 최대 너비: 본문 폭을 바꾸려면 이 값을 수정 */
    height: auto; /* 요소 높이 */
    margin: 0 auto; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
}

/* 31. 선택형 소개 영역: 전문가 소개·인사말 등에 사용 */
article.agh-post-v2 .agh-v2-intro {
    margin: 40px 0 52px; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    text-align: center; /* 글자 정렬 방향 */
}

/* 32. 선택형 소개 영역: 전문가 소개·인사말 등에 사용 */
article.agh-post-v2 .agh-v2-intro p {
    margin: 0 0 18px; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    color: #444; /* 글자 색상: inherit는 부모 색상 사용 */
    font-size: 19px; /* 글자 크기: px 수치 수정, inherit는 부모 크기 사용 */
    font-weight: 600; /* 글자 굵기: 400 보통, 600 약간 굵게, 700 굵게 */
    line-height: 1.7; /* 줄 높이: 단위 없는 값은 해당 글자 크기의 배수 */
}

/* 33. 본문 섹션: 소제목·문단·섹션 간격 */
article.agh-post-v2 .agh-v2-section {
    margin: 0 0 72px; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    padding: 0; /* 안쪽 여백: 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    scroll-margin-top: 150px; /* 목차 클릭 시 상단에 확보할 여유 공간 */
}

/* 모바일 소제목·문단·섹션 여백 */
@media screen and (max-width: 767px) {
    article.agh-post-v2 .agh-v2-section {
        scroll-margin-top: 80px;
    }
}

/* 34. 본문 섹션: 소제목·문단·섹션 간격 */
article.agh-post-v2 .agh-v2-section h2 {
    margin: 0 0 24px; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    border-bottom: 1px solid #e5e5e5; /* 소제목 아래 가로선: 제거하려면 none으로 변경 */
    color: #222; /* 글자 색상: inherit는 부모 색상 사용 */
    font-size: 26px; /* 글자 크기: px 수치 수정, inherit는 부모 크기 사용 */
    font-weight: 700; /* 글자 굵기: 400 보통, 600 약간 굵게, 700 굵게 */
    line-height: 1.5; /* 줄 높이: 단위 없는 값은 해당 글자 크기의 배수 */
    letter-spacing: -0.6px; /* 글자 사이 간격: 음수는 좁게 */
    text-decoration: none; /* 밑줄 등 글자 장식: 위쪽 링크 none !important가 underline보다 우선함 */
}

/* 35. 본문 섹션: 소제목·문단·섹션 간격 */
article.agh-post-v2 .agh-v2-section p {
    margin: 0 0 22px; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    padding: 0; /* 안쪽 여백: 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    font-size: inherit; /* 글자 크기: px 수치 수정, inherit는 부모 크기 사용 */
    line-height: inherit; /* 줄 높이: 단위 없는 값은 해당 글자 크기의 배수 */
}

/* 36. 본문 섹션: 소제목·문단·섹션 간격 */
article.agh-post-v2 .agh-v2-section > :last-child {
    margin-bottom: 0; /* 아래쪽 바깥 여백 */
}

/* 37. 본문 강조 표시: mark 태그의 연한 초록색 배경 */
article.agh-post-v2 mark {
    padding: 2px 0; /* 안쪽 여백: 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    background: #e9f3ec; /* 배경색 또는 배경 초기화 */
    color: inherit; /* 글자 색상: inherit는 부모 색상 사용 */
    -webkit-box-decoration-break: clone; /* 줄바꿈된 강조 배경을 각 줄에 적용하는 호환 속성 */
    box-decoration-break: clone; /* 줄바꿈된 강조 배경과 여백을 각 줄에 적용 */
}

/* 38. 공통 체크 목록: 항목 간격과 정렬 (habits는 이전 클래스 호환용) */
article.agh-post-v2 .agh-v2-checklist,
article.agh-post-v2 .agh-v2-habits {
    margin: 0 0 24px; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    list-style: decimal; /* 기본 목록 기호: 체크·목차의 none !important 규칙이 우선 적용됨 */
}

/* 39. 공통 체크 목록: 항목 간격과 정렬 (habits는 이전 클래스 호환용) */
article.agh-post-v2 .agh-v2-checklist li,
article.agh-post-v2 .agh-v2-habits li {
    display: list-item; /* 요소 배치 방식: flex는 가로 정렬, block은 블록, inline은 문장 흐름 */
    width: auto; /* 요소 너비 */
    margin: 0 0 12px; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    padding: 0 0 0 4px; /* 안쪽 여백: 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    font-size: inherit; /* 글자 크기: px 수치 수정, inherit는 부모 크기 사용 */
    line-height: inherit; /* 줄 높이: 단위 없는 값은 해당 글자 크기의 배수 */
    list-style: decimal; /* 기본 목록 기호: 체크·목차의 none !important 규칙이 우선 적용됨 */
    text-align: left; /* 글자 정렬 방향 */
}

/* 40. 하단 안내 영역: 회색 박스·안내문·링크 스타일 */
article.agh-post-v2 .agh-v2-disclaimer {
    color: #777; /* 글자 색상: inherit는 부모 색상 사용 */
    font-size: 13px; /* 글자 크기: px 수치 수정, inherit는 부모 크기 사용 */
    line-height: 1.8; /* 줄 높이: 단위 없는 값은 해당 글자 크기의 배수 */
    text-align: left; /* 글자 정렬 방향 */
}

/* 41. 하단 안내 영역: 회색 박스·안내문·링크 스타일 */
article.agh-post-v2 .agh-v2-disclaimer p {
    margin: 0 0 4px; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    font-size: inherit; /* 글자 크기: px 수치 수정, inherit는 부모 크기 사용 */
    line-height: inherit; /* 줄 높이: 단위 없는 값은 해당 글자 크기의 배수 */
}

/* 42. 하단 안내 영역: 회색 박스·안내문·링크 스타일 */
article.agh-post-v2 .agh-v2-disclaimer a {
    color: inherit; /* 글자 색상: inherit는 부모 색상 사용 */
    text-decoration: underline; /* 밑줄 등 글자 장식: 위쪽 링크 none !important가 underline보다 우선함 */
    text-underline-offset: 3px; /* 밑줄과 글자의 거리: 밑줄이 제거된 현재 링크에는 보이지 않음 */
}

/* 43. 목차·체크 목록 공통 충돌 방지: 기존 게시판의 배치 규칙을 해제 */
article.agh-post-v2 .agh-v2-toc > ul,
article.agh-post-v2 .agh-v2-checklist,
article.agh-post-v2 .agh-v2-toc > ul,
article.agh-post-v2 .agh-v2-habits {
    display: block; /* 요소 배치 방식: flex는 가로 정렬, block은 블록, inline은 문장 흐름 */
    float: none; /* 기존 게시판의 float 배치 해제 */
    width: auto; /* 요소 너비 */
    height: auto; /* 요소 높이 */
}

/* 44. 목차·체크 목록 공통 충돌 방지: 기존 게시판의 배치 규칙을 해제 */
article.agh-post-v2 .agh-v2-toc > ul > li,
article.agh-post-v2 .agh-v2-checklist > li,
article.agh-post-v2 .agh-v2-toc > ul > li,
article.agh-post-v2 .agh-v2-habits > li {
    float: none; /* 기존 게시판의 float 배치 해제 */
    clear: none; /* 기존 float 관련 줄바꿈 규칙 해제 */
    width: auto; /* 요소 너비 */
    height: auto; /* 요소 높이 */
    overflow: visible; /* 내용 잘림 여부: visible은 영역 밖 내용도 표시 */
    background: none; /* 배경색 또는 배경 초기화 */
}

/* 45. 목차 영역: 제목·목록·자동 번호·기본 기호 */
article.agh-post-v2 .agh-v2-toc > ul > li {
    display: block; /* 요소 배치 방식: flex는 가로 정렬, block은 블록, inline은 문장 흐름 */
    margin: 9px 0 !important; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    padding: 0 !important; /* 안쪽 여백: 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
}

/* 46. 목차 영역: 제목·목록·자동 번호·기본 기호 */
article.agh-post-v2 .agh-v2-toc > ul > li:last-child {
    margin-bottom: 0 !important; /* 아래쪽 바깥 여백 */
}

/* 47. 공통 체크 목록: 항목 간격과 정렬 (habits는 이전 클래스 호환용) */
article.agh-post-v2 .agh-v2-checklist > li,
article.agh-post-v2 .agh-v2-habits > li {
    display: flex !important; /* 요소 배치 방식: flex는 가로 정렬, block은 블록, inline은 문장 흐름 */
    margin: 0 !important; /* 바깥 여백: 1개=전체, 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
    padding: 5px 0 !important; /* 안쪽 여백: 2개=상하·좌우, 3개=위·좌우·아래, 4개=위·오른쪽·아래·왼쪽 */
}

/* 48. 체크 목록의 문장 영역: 문장 안에 링크·강조 태그를 넣어도 한 영역으로 정렬 */
article.agh-post-v2 .agh-v2-checklist > li > .agh-v2-checktext,
article.agh-post-v2 .agh-v2-habits > li > .agh-v2-checktext {
    display: block; /* 요소 배치 방식: flex는 가로 정렬, block은 블록, inline은 문장 흐름 */
    flex: 1 1 0%; /* 늘어남 / 줄어듦 / 기준 크기: 아이콘 크기 수정 시 width·height도 함께 확인 */
    min-width: 0; /* flex 문장 영역이 좁아져도 줄바꿈할 수 있도록 최소 너비 해제 */
}

/* 49. 체크 목록의 기본 숫자·점 제거 */
article.agh-post-v2 .agh-v2-checklist > li::marker,
article.agh-post-v2 .agh-v2-habits > li::marker {
    content: ""; /* 가상 요소에 표시할 내용: 빈 문자열은 기본 표시 제거 */
}

/* 건강정보 본문 표 */
article.agh-post-v2 table {
width: 100%;
margin: 24px 0;
border-collapse: collapse;
border: 1px solid #cbdcd8;
}

/* 표 셀: 테두리, 여백, 정렬 */
article.agh-post-v2 table th,
article.agh-post-v2 table td {
padding: 12px 10px;
border: 1px solid #cbdcd8;
text-align: center;
vertical-align: middle;
}

/* 첫 번째 행: 배경색과 글자색 */
article.agh-post-v2 table thead tr:first-child th,
article.agh-post-v2 table thead tr:first-child td {
background-color: #eaf4f1;
color: #146c6d;
font-weight: 700;
}

/* 본문 셀 배경색 */
article.agh-post-v2 table tbody td {
background-color: #ffffff;
}