/**
 * 모바일 반응형 (Mobile Responsive)
 */

@media screen and (max-width: 768px) {

    /* =========================================
       모바일 - 본문
       ========================================= */
    body p, article p, .content p, main p {
        font-size: 16px !important;
        line-height: 1.8 !important;
        margin-bottom: 1.2em !important;
    }

    body li, article li, .content li, main li {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    /* =========================================
       모바일 - 제목
       ========================================= */
    body h2, article h2, .content h2, main h2 {
        font-size: 20px !important;
        margin-top: 1.5em !important;
        margin-bottom: 0.6em !important;
    }

    body h3, article h3, .content h3, main h3 {
        font-size: 18px !important;
        margin-top: 1.2em !important;
    }

    body h4, article h4, .content h4, main h4 {
        font-size: 16px !important;
    }

    /* =========================================
       모바일 - 목차
       ========================================= */
    .wp-block-table-of-contents,
    .toc,
    .table-of-contents,
    .ez-toc-container,
    .rank-math-toc-container {
        padding: 16px 18px !important;
        margin: 1.5em 0 !important;
    }

    .wp-block-table-of-contents li,
    .toc li,
    .ez-toc-list li,
    .rank-math-toc li {
        font-size: 14px !important;
        line-height: 2 !important;
    }

    /* =========================================
       모바일 - 표
       ========================================= */
    article table,
    .content table,
    main table,
    .wp-block-table table {
        font-size: 13px !important;
        display: block !important;
        overflow-x: auto !important;
    }

    article th,
    .content th,
    main th,
    .wp-block-table th {
        padding: 10px 12px !important;
        white-space: nowrap !important;
    }

    article td,
    .content td,
    main td,
    .wp-block-table td {
        padding: 8px 12px !important;
    }

    /* =========================================
       모바일 - 이미지
       ========================================= */
    article figure,
    .content figure,
    main figure,
    .wp-block-image {
        margin: 1.5em 0 !important;
        width: 100% !important;
    }

    article img,
    .content img,
    main img,
    .wp-block-image img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
    }

    article figcaption,
    .content figcaption,
    main figcaption {
        font-size: 13px !important;
    }

    /* =========================================
       모바일 - 인용문
       ========================================= */
    article blockquote,
    .content blockquote,
    main blockquote,
    .wp-block-quote {
        padding: 0.8em 1em !important;
        margin: 1.5em 0 !important;
    }

    /* =========================================
       모바일 - 코드
       ========================================= */
    article code,
    .content code,
    main code {
        font-size: 13px !important;
    }

    article pre,
    .content pre,
    main pre {
        padding: 1em !important;
        font-size: 12px !important;
    }
}