.section-pages {
    a:hover {
        color: var(--color-blue-700);
    }

    /* .pages-wrapper {
        @media(min-width: 992px) {
            max-width: 856px;
        }
    } */

    .gambar-utama {
        width: 100%;
        aspect-ratio: 1296 / 547;
        height: auto;
        border-radius: clamp(10px, 1.55vw, 20px);
        overflow: hidden;
        margin-bottom: 30px;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    .subjudul {
        font-size: var(--text-h6);
        color: #64748B;
        line-height: 140%;
        font-weight: medium;
        margin-bottom: 12px;
    }

    .tagline {
        font-size: var(--text-h1);
        color: var(--color-blue-700);
        font-weight: bold;
        line-height: 120%;
        margin-bottom: 30px;
    }

    .main {
        /* padding: 30px; */

        .kategori {
            font-size: var(--text-h6);
            line-height: 140%;
            font-weight: bold;
            color: #0F0F0F;
        }

        .title {
            font-size: var(--text-h3);
            font-weight: bold;
            color: #0F0F0F;
            line-height: 150%;
            margin-bottom: 12px;
        }

        .meta {
            font-size: var(--text-sub);
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            font-weight: 500;

            color: #94A3B8;
            margin-bottom: 12px;
        }

        .content {
            color: var(--text-secondary);
            margin-bottom: 24px;

            a {
                color: var(--color-blue-700);

                &:hover {
                    color: var(--color-blue-300);
                    text-decoration: underline;
                }
            }

            /* Style Dasar Iframe CKEditor4 */
            iframe[src*="drive.google.com"] {
                width: 100% !important;
                height: 90vh !important;
                border: none !important;
                display: block !important;
                margin: 0 auto !important;
            }


        }

        .bagikan {

            display: flex;
            align-items: center;
            gap: 12px;


            p {
                font-size: var(--text-sub);
                margin-bottom: 0;
                font-weight: bold;
            }

            .copy-link {
                cursor: pointer;
            }

            .ikon {
                color: var(--text-muted);

                &:hover {
                    color: var(--color-blue-700);
                }
            }
        }
    }
}