/*
Theme Name: Hokyung Fixed Sidebar Theme
Author: Kim Ho-kyung
Description: 왼쪽 고정 메뉴와 오른쪽 핀터레스트 스타일의 포트폴리오 테마입니다.
Version: 1.5
Text Domain: hokyung-theme
*/

body {
    font-family: 'Pretendard', sans-serif;
    margin: 0;
    padding: 0;
}

/* 핀터레스트 그리드 보정 */
.pin-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 24px;
}

/* 본문 내 이미지 반응형 */
.prose img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

/* 썸네일 정사각형 고정 레이아웃 */
.post-thumbnail-wrapper {
    position: relative;
    width: 100%;
    padding-top: 100%; /* 1:1 비율 제작 (정사각형) */
    overflow: hidden;
    background-color: #f3f4f6;
}

.post-thumbnail-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 이미지를 비율에 맞게 꽉 채우고 넘치는 부분은 자동 크롭 */
    object-position: center; /* 중앙을 기준으로 크롭 */
    transition: transform 0.5s ease;
}

/* 마우스 올렸을 때 이미지 살짝 커지는 효과 (선택사항) */
.article-card:hover .post-thumbnail-wrapper img {
    transform: scale(1.1);
}