/* 모바일 컴팩트 모드 - 더 많은 정보 표시 */

@media (max-width: 768px) {
    /* 전역 폰트 크기 축소 */
    html {
        font-size: 14px !important;
    }
    
    body {
        font-size: 0.9rem !important;
        line-height: 1.4 !important;
    }
    
    /* 컨테이너 여백 축소 */
    .container {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    
    /* 게시글 카드 여백 축소 */
    .modern-post-item,
    .post-card,
    .board-card {
        padding: 0.8rem !important;
        margin-bottom: 0.6rem !important;
    }
    
    /* 제목 폰트 축소 */
    .post-title,
    .card-title,
    h3 {
        font-size: 0.95rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.3rem !important;
    }
    
    h2 {
        font-size: 1.1rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    h4 {
        font-size: 0.85rem !important;
    }
    
    /* 메타 정보 폰트 축소 */
    .post-meta,
    .meta-info,
    .post-info {
        font-size: 0.75rem !important;
        gap: 0.3rem !important;
    }
    
    /* 섹션 여백 축소 */
    .section,
    .recent-posts-section,
    .youtube-section,
    .kakao-openchat-section {
        margin: 1rem 0 !important;
        padding: 1rem 0.5rem !important;
    }
    
    .section-header {
        margin-bottom: 0.8rem !important;
        padding: 0 0.5rem !important;
    }
    
    .section-title {
        font-size: 1rem !important;
        margin-bottom: 0.3rem !important;
    }
    
    /* 버튼 크기 축소 */
    .btn,
    button {
        padding: 0.5rem 0.8rem !important;
        font-size: 0.85rem !important;
    }
    
    .btn-sm {
        padding: 0.3rem 0.6rem !important;
        font-size: 0.75rem !important;
    }
    
    /* 배지 크기 축소 */
    .badge {
        font-size: 0.7rem !important;
        padding: 0.2rem 0.4rem !important;
    }
    
    /* 게시판 헤더 축소 */
    .modern-board-header,
    .board-header {
        padding: 0.8rem !important;
        margin-bottom: 0.6rem !important;
    }
    
    .board-title-modern {
        font-size: 1.1rem !important;
    }
    
    /* 검색창 축소 */
    .search-input-inline,
    .search-input {
        padding: 0.5rem 0.5rem 0.5rem 2rem !important;
        font-size: 0.85rem !important;
    }
    
    /* 카드 그리드 간격 축소 */
    .board-cards-container,
    .cards-grid {
        gap: 0.6rem !important;
    }
    
    /* 이미지 썸네일 크기 축소 */
    .post-thumbnail,
    .thumbnail-img {
        width: 60px !important;
        height: 60px !important;
    }
    
    /* 유튜브 카드 축소 */
    .youtube-card {
        padding: 0.6rem !important;
    }
    
    .youtube-title {
        font-size: 0.85rem !important;
        line-height: 1.3 !important;
    }
    
    /* 카카오톡 카드 축소 */
    .kakao-card {
        padding: 0.8rem !important;
    }
    
    /* 최근 게시글 리스트 축소 */
    .recent-post-item {
        padding: 0.6rem !important;
        margin-bottom: 0.4rem !important;
    }
    
    /* 아이콘 크기 축소 */
    .bi,
    i {
        font-size: 0.9rem !important;
    }
    
    /* 라인 높이 축소 */
    p {
        line-height: 1.4 !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* 리스트 간격 축소 */
    ul, ol {
        margin-bottom: 0.5rem !important;
    }
    
    li {
        margin-bottom: 0.3rem !important;
    }
}

/* 초소형 모바일 (400px 이하) - 더욱 컴팩트 */
@media (max-width: 400px) {
    html {
        font-size: 13px !important;
    }
    
    .modern-post-item,
    .post-card {
        padding: 0.6rem !important;
    }
    
    .post-title {
        font-size: 0.9rem !important;
    }
    
    .post-meta {
        font-size: 0.7rem !important;
    }
}