/* =================================
  Subpage 8 ('Field 5') Styles
  (Based on Design 9.jpg)
  ================================= */

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

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

/* 시안(9.jpg)의 첫 번째 이미지 영역 (2단 그리드) */
.image-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 40px 0; /* 본문 p태그와의 간격 */
}

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

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