/* =================================
  Subpage 7 ('Field 4') Styles
  (Based on Design 8.jpg / 웹 1920 - 7.jpg)
  ================================= */

/* 시안(8.jpg)의 본문 메인 제목 */
.content-heading {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px; /* 본문 시작 전 여백 */
    line-height: 1.6;
}

/* 인터뷰 아티클 간격 */
.interview-article {
    margin-bottom: 60px;
}
.interview-article:last-child {
    margin-bottom: 0;
}

/* 시안(8.jpg)의 인터뷰 질문/소제목 스타일 */
.interview-question {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 25px;
    color: #333;
    line-height: 1.6;
}

/* 본문 내 이미지 스타일 */
.content-image {
    margin: 40px 0; /* 위아래 여백 */
    border-radius: 8px;
    overflow: hidden;
}
.content-image img {
    width: 100%;
    object-fit: cover;
}

/* [추가됨] 시안(웹 1920 – 7.jpg)의 2단 이미지 그리드 스타일 */
/* (subpage5.css의 .image-grid-2와 동일한 스타일) */
.image-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 40px 0; /* interview-article의 p태그와 동일한 여백 */
}

/* 2단 그리드 내의 figure는 상하 마진을 0으로 덮어씀 */
.image-grid-2 .content-image {
    margin: 0;
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .image-grid-2 {
        grid-template-columns: 1fr; /* 모바일에선 1단으로 */
    }
}