/*--------------------------------------------------------------
# 관련 포스팅 (함께 읽어볼 만한 여행지 글)
--------------------------------------------------------------*/

/* [1] 관련 포스팅 전체 구역 */
.elan-rel-wrapper { 
    margin: 50px 0 30px; padding-top: 25px; 
    border-top: 1px solid var(--border-color); clear: both; 
}

/* ... (이하 엘란님이 가지고 계신 나머지 CSS 코드를 그대로 붙여넣으세요) ... */

/* [1] 전체 구역 */
.elan-rel-wrapper { 
    margin: 50px 0 30px; padding-top: 25px; 
    border-top: 1px solid var(--border-color); clear: both; 
}

/* [2] 섹션 헤더 디자인 */
.elan-rel-header { 
    position: relative; font-size: 22px; font-weight: 800; 
    color: var(--text-color); margin-bottom: 25px; padding-left: 15px; 
}
.elan-rel-header::before { 
    content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); 
    width: 5px; height: 18px; background-color: var(--primary-color); border-radius: 3px; 
}

/* [3] 그리드 설정 */
.elan-rel-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }

/* [4] 테마의 a:hover 초록 배경 간섭 완전 차단 */
.entry-content a.elan-rel-link, 
.entry-content a.elan-rel-link:hover { 
    background: none; background-color: transparent; border: none; box-shadow: none; display: block;
}

/* [5] 썸네일 및 오버레이 */
.elan-rel-thumb-box { 
    position: relative; width: 100%; aspect-ratio: 1 / 1; 
    overflow: hidden; border-radius: var(--border-radius); background-color: #000; 
}
.elan-rel-thumb-box img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s, opacity 0.5s; }
.entry-content .elan-rel-link .elan-rel-overlay { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
    background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; opacity: 0; transition: 0.3s; 
}
.entry-content .elan-rel-link .elan-rel-overlay span { color: #fff; border: 1px solid #fff; padding: 6px 12px; font-size: 12px; font-weight: bold; }

/* [6] 제목 텍스트: 3줄 이상 짤림 방지 */
.entry-content .elan-rel-info { 
    display: block; height: auto; overflow: visible; white-space: normal; 
    padding: 12px 2px; font-size: 14.5px; font-weight: 700; line-height: 1.5; 
    color: var(--text-color); word-break: keep-all; transition: 0.3s; 
}

/* [7] 호버 동작 */
.entry-content .elan-rel-link:hover .elan-rel-thumb-box img { transform: scale(var(--pulse-scale)); opacity: 0.5; }
.entry-content .elan-rel-link:hover .elan-rel-overlay { opacity: 1; }
.entry-content .elan-rel-link:hover .elan-rel-info { color: var(--primary-color); }

/* [8] 모바일 반응형 */
@media (max-width: 768px) {
    .elan-rel-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .elan-rel-info { font-size: 13px; }
    .elan-rel-header { font-size: 19px; }
}