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

        /* Banner */
        .banner-berita {
            background: #607AFB;
            color: white;
            padding: 70px 0;
            height: 200px;
            /* 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;
        }




        .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;
        }