body {
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        }

        /* Banner */
        .banner-berita {
            background: #607AFB;
            color: white;
            padding: 70px 0;
            height: 355px;
            /* FIXED banner height */
            overflow: hidden;
            /* prevent image pushing banner */
            position: relative;
        }

        .banner-berita h1 {
            font-size: clamp(3rem, 7vw, 7rem);
            font-weight: 800;
            position: relative;
            z-index: 1;
            /* text behind image */
            margin-left: -5rem;
        }


        .banner-berita img {
            width: clamp(180px, 22vw, 306px);
            position: relative;
            z-index: 2;
            /* image in front */
        }

        /* Card */
        .news-card img {
            border-radius: 18px;
            height: 200px;
            width: 240px;
            /* bigger image */
            max-height: 100%;
            /* never exceed banner height */
            object-fit: contain;
        }

        .news-card .btn {
            background: #5b7cfa;
            border: none;
        }

        .news-card .btn:hover {
            background: #4a6ae8;
        }

        .article-content img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 1rem auto;
    }

    .video-center {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0;
}
.video-center iframe {
    max-width: 100%;
    height: 315px;
}