/* 개별 글 제목 크기와 굵기 조절 */
.singular .entry-title {
    font-size: 36px !important; 
    font-weight: bold !important; /* 이 줄을 추가하면 제목이 항상 굵어집니다 */
}

/* 일반 블로그 글 본문 폭 700px 고정 및 가운데 정렬 */
.single-post .entry-content {
    max-width: 700px !important;
    margin: 0 auto !important;
}

/* 개별 글(Single Post) 하단의 관련 글, 공유, 댓글 등 700px 폭 제한 및 가운데 정렬 */
.single-post #jp-relatedposts,       /* 젯팩 관련 글 */
.single-post .sharedaddy,            /* 젯팩 공유 버튼 */
.single-post .comments-area,         /* 댓글 영역 */
.single-post #comments,              /* 댓글 영역 */
.single-post .post-navigation,       /* 이전 글/다음 글 네비게이션 */
.single-post .author-bio,            /* 글쓴이 프로필 */
.single-post .entry-footer {         /* 태그 및 카테고리 등 하단 정보 */
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;   /* 모바일 화면을 위한 좌우 여백 */
    padding-right: 15px !important;
}

/* 1. 사진과 글자를 감싸는 '진짜 속상자'를 강제로 가로로 눕히기 */
.my-list-view .eael-grid-post-holder,
.my-list-view .eael-grid-post-holder-inner {
    display: flex !important;
    flex-direction: row !important; /* 무조건 가로 배치 */
    align-items: center !important; /* 위아래 중앙 정렬 */
    gap: 15px !important; /* 사진과 글자 사이 간격 */
    width: 100% !important;
}

/* 2. 썸네일 사진 영역 설정 (왼쪽 40%) */
.my-list-view .eael-entry-media {
    width: 30% !important;
    max-width: 30% !important; /* 사진이 제멋대로 커지는 것 방지 */
    margin: 0 !important;
    flex-shrink: 0 !important; /* 구겨짐 방지 */
}

/* 3. 제목 텍스트 영역 설정 (오른쪽 60%) */
.my-list-view .eael-entry-wrapper {
    width: 70% !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}

/* 4. 오른쪽 리스트 위아래 간격 좁히기 */
.my-list-view .eael-grid-post {
    margin-bottom: 0px !important; /* 리스트와 리스트 사이의 틈 (기본값 보통 30px) */
}

/* 박스 안쪽 여백 줄이기 */
.my-list-view .eael-grid-post-holder {
    padding: 5px !important; /* 회색 테두리 안쪽의 여백입니다 */
}

/* 맨 마지막 글의 밑 공간은 없애서 깔끔하게 마감 */
.my-list-view .eael-grid-post:last-child {
    margin-bottom: 0 !important;
}