/* ==============================================
   RESPONSIVE.CSS — 미디어 쿼리
   ============================================== */

@media (max-width: 768px) {
    .nav-cats { display: none; }
    .search-form input { width: 140px; }
    .news-main-card { flex-direction: column; }
    .news-main-card-right { width: 100%; height: 200px; }
    .mypage-grid { grid-template-columns: 1fr; }
    .header-nav a { padding: 4px 16px; font-size: 0.82rem; }
    .header-search input { width: 260px; }
}

@media (max-width: 480px) {
    .auth-container { width: 100%; margin: 20px; padding: 30px 20px; }
    .header-logo h1 { font-size: 2rem; }
    .header-search input { width: 180px; }
}