/* ============================================================
   Guardian Law — Responsive Breakpoints
   Clean White + Gold Accent v2.0.0

   NOTE: 프론트페이지, 헤더, 푸터 반응형은 각 인라인 CSS에서 처리.
         여기서는 공통 컴포넌트 + 서브페이지 반응형만 정의.
   ============================================================ */

/* ── Tablet (1024px) ── */
@media (max-width: 1024px) {
    :root {
        --gl-header-h: 64px;
    }

    .gl-section-title {
        font-size: 30px;
    }

    .gl-archive-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ── Mobile (768px) ── */
@media (max-width: 768px) {
    .gl-archive-grid {
        grid-template-columns: 1fr;
    }

    .gl-btn {
        padding: 12px 24px;
        font-size: 14px;
    }

    .gl-section-title {
        font-size: 26px;
    }

    .gl-post-card-body {
        padding: 20px 16px;
    }

    .gl-post-card-title {
        font-size: 16px;
    }

    /* 모바일 하단 바 여백 */
    .gl-footer__copyright {
        padding-bottom: 72px;
    }
}

/* ── Small Mobile (480px) ── */
@media (max-width: 480px) {
    .gl-btn {
        width: 100%;
        justify-content: center;
    }

    .gl-post-card-body {
        padding: 16px;
    }
}