.wp-block-preformatted {
    background-color: #f0f0f0 !important; /* 회색 배경색 설정 */
    padding: 15px !important; /* 텍스트와의 여백 추가 */
    border-radius: 5px !important; /* 모서리를 둥글게 */
}
/* ------ */
.shiki.nord,
.shiki.nord pre,
.shiki.nord code {
    font-size: 14px !important; /* 워드프레스 테마의 기본 텍스트 크기로 설정 */
    line-height: 1.5 !important; /* 가독성을 위한 줄 간격 설정 */
    font-family: '워드프레스 테마의 폰트 패밀리' !important; /* 워드프레스 테마의 폰트 패밀리로 설정 */
    color: #000000 !important; /* 워드프레스 테마의 기본 색상으로 설정 */
}
/* ------ */
/* 본문에서 기본 상태의 하이퍼링크 */
.single-post-content a {
    color: #0000EE !important; /* 파란색 */
    text-decoration: underline !important; /* 밑줄 추가 */
}

/* 본문에서 하이퍼링크에 마우스를 올렸을 때 */
.single-post-content a:hover {
    color: #551A8B !important; /* 보라색 */
    text-decoration: underline !important; /* 밑줄 유지 */
}

/* 본문에서 방문한 하이퍼링크 */
.single-post-content a:visited {
    color: #551A8B !important; /* 보라색 */
}

/* 본문에서 활성화된 하이퍼링크 */
.single-post-content a:active {
    color: #FF0000 !important; /* 빨간색 */
}
/* ------ */
.single-post-content,
.single-post-content .wp-block-preformatted {
    font-size: inherit !important; /* 부모 요소의 글자 크기 상속 */
    line-height: inherit !important; /* 부모 요소의 줄 간격 상속 */
    font-family: inherit !important; /* 부모 요소의 글꼴 패밀리 상속 */
    color: inherit !important; /* 부모 요소의 글자 색상 상속 */
}

/* wp-block-preformatted 클래스에 추가적인 스타일을 적용 */
.single-post-content .wp-block-preformatted {
    background-color: #f0f0f0 !important; /* 필요에 따라 배경색 설정 */
    padding: 15px !important; /* 추가적인 내부 여백 */
    border-radius: 5px !important; /* 모서리를 둥글게 설정 */
    box-sizing: border-box !important; /* padding과 border를 포함하여 너비 계산 */
}
/* ------ */
/* 본문 넓이 조정하는 CSS 영역 */
@media (min-width: 768px) {
    .content,
    .content-area,
    .site-main,
    .mb-container,
    .primary-container,
    .col-xl-8,
    .col-lg-10,
    .mb-margin-auto,
    .theiaStickySidebar {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 15 auto !important; /* 가운데 정렬 */
        box-sizing: border-box !important;
    }

    /* .theiaStickySidebar 요소의 넓이를 조정하는 CSS */
    .theiaStickySidebar {
        width: 63% !important; /* 원하는 비율로 넓이를 조정 */
        margin: 0 auto !important; /* 가운데 정렬 */
        max-width: 1000px !important; /* 최대 너비 설정 */
    }
}
/* ------ */
/* 특성 이미지 크기 조정 및 가운데 정렬, 배경색 흰색 설정 */
.masonry-blog-full-container {
    display: flex;
    justify-content: center;
    background-color: #ffffff; /* 배경색을 흰색으로 설정 */
}
/* ------ */
.single-post-content h2 {
    font-size: 1.6em !important; /* 필요에 따라 크기를 조절하세요 */
    line-height: 1.4 !important; /* 필요에 따라 줄 간격을 조절하세요 */
    margin-top: 1em !important; /* 필요에 따라 위쪽 여백을 조절하세요 */
    margin-bottom: 0.5em !important; /* 필요에 따라 아래쪽 여백을 조절하세요 */
}
.single-post-content h3 {
    font-size: 1.4em !important; /* 필요에 따라 크기를 조절하세요 */
    line-height: 1.4 !important; /* 필요에 따라 줄 간격을 조절하세요 */
    margin-top: 1em !important; /* 필요에 따라 위쪽 여백을 조절하세요 */
    margin-bottom: 0.5em !important; /* 필요에 따라 아래쪽 여백을 조절하세요 */
}