/* ==== 공용 스타일 ==== */
body { margin: 0; font-family: sans-serif; }
header { position: fixed; top: 0; left: 0; width: 100%; background-color: #f0f0f0; padding: 10px; text-align: center; z-index: 100; }
nav { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #f0f0f0; display: flex; justify-content: space-around; padding: 10px 0; z-index: 100; }
nav a { display: block; text-align: center; text-decoration: none; color: #333; }
/* 내비게이션 아이콘 이미지 스타일 */
nav a img { width: 50px; height: auto; }

/* ==== 콘텐츠 영역 스타일 ==== */
.content-scroll {
    /* 헤더와 내비게이션 높이를 고려해 동적으로 여백 계산 */
    padding-top: 80px; /* 예시: 헤더 높이 */
    padding-bottom: 80px; /* 예시: 내비게이션 높이 */
}
.latest-posts-container { padding: 20px; }
.latest-posts-container h2 { margin-top: 0; }

/* ==== 최신글 아이템 스타일 ==== */
.latest-item { border-bottom: 1px solid #ccc; padding: 15px 0; display: flex; flex-direction: column; align-items: center; }
.latest-item a { display: block; text-decoration: none; color: #333; text-align: center; margin-top: 10px; font-size: 1.2em; font-weight: bold; }
.latest-item img, .latest-item video { max-width: 100%; height: auto; margin-bottom: 10px; border-radius: 8px; }
.latest-item .content-preview { margin-top: 5px; color: #555; text-align: center; }
.latest-item .regdate { font-size: 0.8em; color: #777; margin-top: 10px; text-align: center; }