/* ----- 기본 설정 ----- */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.7; /* 줄 간격을 넉넉하게 */
    background-color: #ffffff;
    color: #333333;
    margin: 0;
    padding: 0;
}

/* ----- 콘텐츠를 감싸는 컨테이너 ----- */
.container {
    max-width: 800px; /* 문서의 최대 너비 */
    margin: 2rem auto; /* 상하 여백 2rem, 좌우 자동(가운데 정렬) */
    padding: 0 1.5rem; /* 좌우 여백 */
}

/* ----- 제목 ----- */
h1 {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 2.5rem;
    padding-bottom: 1rem;
}

h2 {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0;
}

/* ----- 문단 ----- */
p {
    margin-bottom: 1rem;
    text-align: justify; /* 양쪽 정렬 (선택 사항) */
    margin: 0;
}

.intro {
    font-size: 1.05rem;
    margin-bottom: 2rem;
}

/* ----- 각 조(article) 섹션 ----- */
.article {
    margin-bottom: 1rem;
}

/* ----- 리스트 스타일 ----- */

/* 동그라미 숫자 카운터 스타일 정의 */
@counter-style circle-list-style {
  system: fixed;
  symbols: '①' '②' '③' '④' '⑤' '⑥' '⑦' '⑧' '⑨' '⑩';
  suffix: ' '; /* 숫자 뒤에 공백 추가 */
}

/* 동그라미 숫자 리스트 */
ol.circle-list {
    list-style: circle-list-style; /* 위에서 정의한 스타일 적용 */
    padding-left: 2.5rem; /* 목록 들여쓰기 */
    margin: 0;
}

ol.none{
    list-style-type: none; /* 리스트 마커(숫자, 점) 제거 */
    padding-left: 1rem; /* 목록 들여쓰기 */
    margin: 0;
}
ol.circle-list ol.none{
    list-style-type: none; /* 리스트 마커(숫자, 점) 제거 */
    padding-left: 1rem;  /* 안쪽 목록 들여쓰기 */
}

/* 일반 숫자 리스트 (1. 2. 3. ...) */
ol.decimal-list {
    list-style-type: decimal; /* 기본 숫자 스타일 */
    padding-left: 1.5rem; /* 더 들여쓰기 */
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/* 리스트 아이템 간격 */
ol li {
    padding-left: 0.5rem;
}

/* ※ 참고 문구 스타일 */
.note {
    font-size: 0.9rem;
    color: #555;
    margin-top: 0.5rem;
    margin-left: 1rem;
}