{"id":860,"date":"2026-03-17T07:26:32","date_gmt":"2026-03-17T07:26:32","guid":{"rendered":"https:\/\/sungainusantara.com\/?page_id=860"},"modified":"2026-04-22T10:50:23","modified_gmt":"2026-04-22T10:50:23","slug":"artikel","status":"publish","type":"page","link":"https:\/\/sungainusantara.com\/index.php\/artikel\/","title":{"rendered":"Articles"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"860\" class=\"elementor elementor-860\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04f5945 e-con-full e-flex e-con e-parent\" data-id=\"04f5945\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a0e2bb6 e-con-full e-flex e-con e-child\" data-id=\"a0e2bb6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8757f33 elementor-widget elementor-widget-heading\" data-id=\"8757f33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Artikel<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55d2daa elementor-widget elementor-widget-hfe-breadcrumbs-widget\" data-id=\"55d2daa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-breadcrumbs-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav aria-label=\"Breadcrumb\"><ul class=\"hfe-breadcrumbs hfe-breadcrumbs-show-home\"><li class=\"hfe-breadcrumbs-item hfe-breadcrumbs-first\"><span class=\"hfe-breadcrumbs-home-icon\"><\/span><a href=\"https:\/\/sungainusantara.com\"><span class=\"hfe-breadcrumbs-text\">Home<\/span><\/a><\/li><\/ul><\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6100428 e-con-full e-flex e-con e-child\" data-id=\"6100428\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78c1042 elementor-widget elementor-widget-custom_article_filter_widget\" data-id=\"78c1042\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"custom_article_filter_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n                    \/* 1. Kill all gaps so the items physically touch *\/\n                    .elementor-element-78c1042 .al-filter-container { \n                        display: flex; \n                        flex-wrap: wrap;\n                        position: relative;\n                        width: fit-content;\n                        max-width: 100%;\n                        gap: 0 !important; \/* Force override any theme\/Elementor gaps *\/\n                    }\n\n                    \/* 2. Use padding for spacing, so the bottom border connects seamlessly *\/\n                    .elementor-element-78c1042 .al-filter-tab { \n                        height: var(--row-height, 50px);\n                        display: flex;\n                        align-items: center; \n                        cursor: pointer; \n                        transition: color 0.3s; \n                        z-index: 2;\n                        position: relative;\n                        \n                        \/* Space between words *\/\n                        padding-right: var(--tab-gap, 30px);\n                        \n                        \/* The unbroken line *\/\n                        border-bottom: var(--filter-border-width, 2px) solid var(--filter-border-color, #2a2a2c);\n                        \n                        \/* Space between rows if they wrap *\/\n                        margin-bottom: var(--row-gap, 15px);\n                    }\n\n                    \/* Remove right padding on the very last item so the line doesn't overhang *\/\n                    .elementor-element-78c1042 .al-filter-tab:last-child {\n                        padding-right: 0;\n                    }\n\n                    .elementor-element-78c1042 .al-tab-text {\n                        text-transform: uppercase;\n                        letter-spacing: 0.5px;\n                    }\n\n                    \/* 3. Dot Positioning *\/\n                    .elementor-element-78c1042 .al-filter-tab.active::after,\n                    .elementor-element-78c1042 .al-filter-tab:hover::after {\n                        content: '';\n                        position: absolute;\n                        bottom: calc(var(--filter-border-width, 2px) \/ -2); \n                        \n                        \/* Centers perfectly under the text, ignoring the right padding *\/\n                        left: calc(50% - (var(--tab-gap, 30px) \/ 2)); \n                        \n                        transform: translateX(-50%) translateY(50%);\n                        width: var(--dot-size, 7px);\n                        height: var(--dot-size, 7px);\n                        background-color: var(--dot-color, #d12222);\n                        border-radius: 50%;\n                        z-index: 2;\n                    }\n\n                    \/* Fix dot center for the last child since it has no right padding *\/\n                    .elementor-element-78c1042 .al-filter-tab.active:last-child::after,\n                    .elementor-element-78c1042 .al-filter-tab:last-child:hover::after {\n                        left: 50%;\n                    }\n                <\/style>\n\n                <div class=\"al-filter-container\" data-target-list=\"main-article-list\" data-target-pagination=\"main-article-pagination\">\n                    <div class=\"al-filter-tab active\" data-cat-slug=\"all\">\n                        <span class=\"al-tab-text\">All<\/span>\n                    <\/div>\n                                            <div class=\"al-filter-tab \" data-cat-slug=\"analisa-pakar\">\n                            <span class=\"al-tab-text\">Analisa Pakar<\/span>\n                        <\/div>\n                                            <div class=\"al-filter-tab \" data-cat-slug=\"cerita-foto\">\n                            <span class=\"al-tab-text\">Cerita Foto<\/span>\n                        <\/div>\n                                            <div class=\"al-filter-tab \" data-cat-slug=\"cerita-inspiratif\">\n                            <span class=\"al-tab-text\">Cerita Inspiratif<\/span>\n                        <\/div>\n                                            <div class=\"al-filter-tab \" data-cat-slug=\"investigasi\">\n                            <span class=\"al-tab-text\">Investigasi<\/span>\n                        <\/div>\n                                            <div class=\"al-filter-tab \" data-cat-slug=\"reportase\">\n                            <span class=\"al-tab-text\">Reportase<\/span>\n                        <\/div>\n                                            <div class=\"al-filter-tab \" data-cat-slug=\"suara-gen-z\">\n                            <span class=\"al-tab-text\">Suara Gen Z<\/span>\n                        <\/div>\n                                            <div class=\"al-filter-tab \" data-cat-slug=\"sungai-bercerita\">\n                            <span class=\"al-tab-text\">Sungai Bercerita<\/span>\n                        <\/div>\n                                    <\/div>\n\n                <script>\n                jQuery(document).ready(function($) {\n                    const ajaxUrl = \"https:\/\/sungainusantara.com\/wp-admin\/admin-ajax.php\";\n                    let currentCat = new URLSearchParams(window.location.search).get('article_category') || 'all';\n\n                    function fetchArticles(listId, pagId, cat, page) {\n                        const $list = $('#' + listId), $pag = $('#' + pagId);\n                        if (!$list.length) return;\n\n                        const data = {\n                            action: 'custom_fetch_article_list',\n                            cat_slug: cat,\n                            paged: page,\n                            posts_per_page: $list.data('posts-per-page'),\n                            number_enabled: $list.data('number-enabled'),\n                            date_separator: $list.data('separator'),\n                            read_text: $list.data('read-text'),\n                            no_posts_text: $list.data('no-posts-text'),\n                            base_url: window.location.href.split('?')[0]\n                        };\n\n                        $([$list[0], $pag[0]]).css({'opacity': '0.4', 'pointer-events': 'none'});\n\n                        $.post(ajaxUrl, data, function(res) {\n                            if (res.success) {\n                                $list.html(res.data.list_html);\n                                $pag.html(res.data.pagination_html);\n                            }\n                        }).always(() => $([$list[0], $pag[0]]).css({'opacity': '1', 'pointer-events': 'auto'}));\n                    }\n\n                    $('.al-filter-tab').on('click', function() {\n                        const $tab = $(this);\n                        if ($tab.hasClass('active')) return;\n\n                        const $container = $tab.closest('.al-filter-container');\n                        currentCat = $tab.data('cat-slug');\n\n                        $container.find('.al-filter-tab').removeClass('active');\n                        $tab.addClass('active');\n\n                        const params = new URLSearchParams(window.location.search);\n                        currentCat === 'all' ? params.delete('article_category') : params.set('article_category', currentCat);\n                        params.delete('article_page');\n\n                        window.history.pushState(null, '', window.location.pathname + (params.toString() ? '?' + params.toString() : ''));\n                        fetchArticles($container.data('target-list'), $container.data('target-pagination'), currentCat, 1);\n                    });\n\n                    $(document).on('click', '.al-pagination-inner a', function(e) {\n                        e.preventDefault();\n                        const url = new URL($(this).attr('href'), window.location.origin);\n                        const page = url.searchParams.get('article_page') || 1;\n                        const $container = $('.al-filter-container');\n                        const listId = $container.data('target-list');\n\n                        $('html, body').animate({ scrollTop: $('#' + listId).offset().top - 100 }, 400);\n\n                        const params = new URLSearchParams(window.location.search);\n                        params.set('article_page', page);\n                        window.history.pushState(null, '', window.location.pathname + '?' + params.toString());\n\n                        fetchArticles(listId, $container.data('target-pagination'), currentCat, page);\n                    });\n                });\n                <\/script>\n                \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9c7755b e-con-full e-flex e-con e-child\" data-id=\"9c7755b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4b09ff elementor-widget elementor-widget-custom_article_list_widget\" data-id=\"f4b09ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"custom_article_list_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\n                \/* Structural Layout Only. Colors and Typography controlled via Elementor Style tab *\/\n                .elementor-element-f4b09ff .al-container-wrapper { width: 100%; transition: opacity 0.3s; }\n                .elementor-element-f4b09ff .al-container { display: flex; flex-direction: column; }\n                .elementor-element-f4b09ff .al-item { display: grid; grid-template-columns: 1fr 1fr 90px; gap: 30px; width: 100%; text-decoration: none; align-items: stretch; cursor: pointer; }\n                \n                .elementor-element-f4b09ff .al-thumb-wrapper { overflow: hidden; background: transparent; display: flex; flex-direction: column; width: 100%; }\n                .elementor-element-f4b09ff .al-thumb { flex-grow: 1; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); }\n                .elementor-element-f4b09ff .al-item:hover .al-thumb { transform: scale(1.05); }\n                \n                .elementor-element-f4b09ff .al-card { border: 2px solid transparent; display: flex; flex-direction: column; justify-content: space-between; transition: border-color 0.4s ease; }\n                .elementor-element-f4b09ff .al-card-top { padding: 30px; flex-grow: 1; }\n                \n                .elementor-element-f4b09ff .al-date { display: flex; align-items: center; gap: 8px; margin-bottom: 25px; }\n                .elementor-element-f4b09ff .al-day { line-height: 0.8; letter-spacing: -1px; }\n                .elementor-element-f4b09ff .al-my { text-transform: uppercase; line-height: 1.3; letter-spacing: 0.5px; }\n                \n                .elementor-element-f4b09ff .al-title {\n\t\t\t\t\tmargin: 0; \n\t\t\t\t\tline-height: 1.4; }\n                .elementor-element-f4b09ff .al-title-text { \n\t\t\t\t\ttext-decoration: none; \n\t\t\t\t\tbackground-size: 0% 2px; \n\t\t\t\t\tbackground-repeat: no-repeat; \n\t\t\t\t\tbackground-position: right 80%; \n\t\t\t\t\ttransition: color 0.4s ease, background-size 0.4s ease; \n\t\t\t\t\tdisplay: inline;\n\t\t\t\t\tpadding-bottom: 2px; \n\t\t\t\t}\n                .elementor-element-f4b09ff .al-item:hover .al-title-text {\n\t\t\t\t\tbackground-position: left 80%;\n\t\t\t\t\tbackground-size: 100% 2px;\n\t\t\t\t}\n                \n                .elementor-element-f4b09ff .al-card-bottom { padding: 15px 30px; border-top: 1px solid transparent; display: flex; justify-content: space-between; align-items: center; transition: border-color 0.4s ease; }\n                .elementor-element-f4b09ff .al-read-text { text-transform: uppercase; letter-spacing: 0.5px; }\n                .elementor-element-f4b09ff .al-arrow { width: 14px; height: 14px; transition: transform 0.3s ease; fill: none; }\n                .elementor-element-f4b09ff .al-item:hover .al-arrow { transform: translate(3px, -3px); }\n                \n                .elementor-element-f4b09ff .al-number { line-height: 1; align-self: flex-start; }\n                \n                @media (max-width: 992px) {\n                    .elementor-element-f4b09ff .al-item { grid-template-columns: 1fr; gap: 15px; }\n                    .elementor-element-f4b09ff .al-thumb-wrapper { height: auto; aspect-ratio: 16 \/ 10; }\n                    .elementor-element-f4b09ff .al-number { display: none; }\n                }\n            <\/style>\n\n            <div id=\"main-article-list\" class=\"al-container-wrapper\" data-posts-per-page=\"5\" data-number-enabled=\"\">\n                <div class=\"al-container\">\n                                            <a href=\"https:\/\/sungainusantara.com\/index.php\/2026\/04\/07\/ecoton-desak-pemprov-jatim-dan-pemkot-surabaya-tegas-tindak-industri-pembuang-limbah-ke-kali-mas-serukan-pengakuan-hak-asasi-sungai\/\" class=\"al-item\">\n                            <div class=\"al-thumb-wrapper\">\n                                                                    <img decoding=\"async\" class=\"al-thumb\" src=\"https:\/\/sungainusantara.com\/wp-content\/uploads\/2026\/04\/Hak-Sungai-Kalimas-Surabaya_16-1024x768.jpg\" alt=\"ECOTON Desak Pemprov Jatim dan Pemkot Surabaya Tegas Tindak Industri Pembuang Limbah ke Kali Mas, Serukan Pengakuan Hak Asasi Sungai\">\n                                                            <\/div>\n                            <div class=\"al-card\">\n                                <div class=\"al-card-top\">\n                                    <div class=\"al-date\">\n                                        <span class=\"al-day\">07<\/span>\n                                        <span class=\"al-my\">Apr<br>2026 \/\/<\/span>\n                                    <\/div>\n                                    <h3 class=\"al-title\">\n                                        <span class=\"al-title-text\">ECOTON Desak Pemprov Jatim dan Pemkot Surabaya Tegas Tindak Industri Pembuang Limbah ke Kali Mas, Serukan Pengakuan Hak Asasi Sungai<\/span>\n                                    <\/h3>\n                                <\/div>\n                                <div class=\"al-card-bottom\">\n                                    <span class=\"al-read-text\">READ NOW<\/span>\n                                    <svg class=\"al-arrow\" viewBox=\"0 0 24 24\">\n                                        <path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n                                                    <\/a>\n                                            <a href=\"https:\/\/sungainusantara.com\/index.php\/2026\/04\/06\/dulu-aku-adalah-rumah\/\" class=\"al-item\">\n                            <div class=\"al-thumb-wrapper\">\n                                                                    <img decoding=\"async\" class=\"al-thumb\" src=\"https:\/\/sungainusantara.com\/wp-content\/uploads\/2026\/04\/dulu-aku-adalah-rumah-1024x559.png\" alt=\"Dulu Aku Adalah Rumah\">\n                                                            <\/div>\n                            <div class=\"al-card\">\n                                <div class=\"al-card-top\">\n                                    <div class=\"al-date\">\n                                        <span class=\"al-day\">06<\/span>\n                                        <span class=\"al-my\">Apr<br>2026 \/\/<\/span>\n                                    <\/div>\n                                    <h3 class=\"al-title\">\n                                        <span class=\"al-title-text\">Dulu Aku Adalah Rumah<\/span>\n                                    <\/h3>\n                                <\/div>\n                                <div class=\"al-card-bottom\">\n                                    <span class=\"al-read-text\">READ NOW<\/span>\n                                    <svg class=\"al-arrow\" viewBox=\"0 0 24 24\">\n                                        <path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n                                                    <\/a>\n                                            <a href=\"https:\/\/sungainusantara.com\/index.php\/2026\/04\/05\/sungai-rhein-dan-sungai-cisadane\/\" class=\"al-item\">\n                            <div class=\"al-thumb-wrapper\">\n                                                                    <img decoding=\"async\" class=\"al-thumb\" src=\"https:\/\/sungainusantara.com\/wp-content\/uploads\/2026\/03\/Rhine-River-Germany-1024x668.webp\" alt=\"Sungai Rhein dan Sungai Cisadane\">\n                                                            <\/div>\n                            <div class=\"al-card\">\n                                <div class=\"al-card-top\">\n                                    <div class=\"al-date\">\n                                        <span class=\"al-day\">05<\/span>\n                                        <span class=\"al-my\">Apr<br>2026 \/\/<\/span>\n                                    <\/div>\n                                    <h3 class=\"al-title\">\n                                        <span class=\"al-title-text\">Sungai Rhein dan Sungai Cisadane<\/span>\n                                    <\/h3>\n                                <\/div>\n                                <div class=\"al-card-bottom\">\n                                    <span class=\"al-read-text\">READ NOW<\/span>\n                                    <svg class=\"al-arrow\" viewBox=\"0 0 24 24\">\n                                        <path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n                                                    <\/a>\n                                            <a href=\"https:\/\/sungainusantara.com\/index.php\/2026\/04\/04\/saatnya-sungai-brantas-punya-hak-ecoton-desak-pemkot-malang-benahi-tata-kelola-sampah\/\" class=\"al-item\">\n                            <div class=\"al-thumb-wrapper\">\n                                                                    <img decoding=\"async\" class=\"al-thumb\" src=\"https:\/\/sungainusantara.com\/wp-content\/uploads\/2026\/04\/Polehan_1-1024x683.jpg\" alt=\"Saatnya Sungai Brantas Punya Hak: Ecoton Desak Pemkot Malang Benahi Tata Kelola Sampah\">\n                                                            <\/div>\n                            <div class=\"al-card\">\n                                <div class=\"al-card-top\">\n                                    <div class=\"al-date\">\n                                        <span class=\"al-day\">04<\/span>\n                                        <span class=\"al-my\">Apr<br>2026 \/\/<\/span>\n                                    <\/div>\n                                    <h3 class=\"al-title\">\n                                        <span class=\"al-title-text\">Saatnya Sungai Brantas Punya Hak: Ecoton Desak Pemkot Malang Benahi Tata Kelola Sampah<\/span>\n                                    <\/h3>\n                                <\/div>\n                                <div class=\"al-card-bottom\">\n                                    <span class=\"al-read-text\">READ NOW<\/span>\n                                    <svg class=\"al-arrow\" viewBox=\"0 0 24 24\">\n                                        <path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n                                                    <\/a>\n                                            <a href=\"https:\/\/sungainusantara.com\/index.php\/2026\/04\/03\/deklarasi-perjuangan-hak-asasi-sungai-brantas-perjuangkan-keadilan-ekologis-akui-sungai-sebagai-subjek-hukum\/\" class=\"al-item\">\n                            <div class=\"al-thumb-wrapper\">\n                                                                    <img decoding=\"async\" class=\"al-thumb\" src=\"https:\/\/sungainusantara.com\/wp-content\/uploads\/2026\/04\/Hak-Sungai-Kali-Surabaya_13-1024x682.jpg\" alt=\"Deklarasi Perjuangan Hak Asasi Sungai Brantas: Perjuangkan Keadilan Ekologis, Akui Sungai sebagai Subjek Hukum\">\n                                                            <\/div>\n                            <div class=\"al-card\">\n                                <div class=\"al-card-top\">\n                                    <div class=\"al-date\">\n                                        <span class=\"al-day\">03<\/span>\n                                        <span class=\"al-my\">Apr<br>2026 \/\/<\/span>\n                                    <\/div>\n                                    <h3 class=\"al-title\">\n                                        <span class=\"al-title-text\">Deklarasi Perjuangan Hak Asasi Sungai Brantas: Perjuangkan Keadilan Ekologis, Akui Sungai sebagai Subjek Hukum<\/span>\n                                    <\/h3>\n                                <\/div>\n                                <div class=\"al-card-bottom\">\n                                    <span class=\"al-read-text\">READ NOW<\/span>\n                                    <svg class=\"al-arrow\" viewBox=\"0 0 24 24\">\n                                        <path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n                                                    <\/a>\n                                    <\/div>\n            <\/div>\n            \n            <script>\n                jQuery(document).ready(function($) {\n                    var $target = $('.custom-sticky-left');\n                    if ($target.length > 0) {\n                        var offsetTop = 40, mobileBreakpoint = 770;\n                        $target.wrap('<div class=\"custom-sticky-placeholder\"><\/div>');\n                        var $placeholder = $target.parent(), $boundary = $placeholder.parent().parent();\n                        \n                        $(window).on('scroll resize', function() {\n                            if ($(window).width() <= mobileBreakpoint) {\n                                $placeholder.css('min-height', 'auto');\n                                $target.css({ 'position': 'relative', 'top': '0', 'width': 'auto', 'z-index': '1' });\n                                return;\n                            }\n                            $placeholder.css('min-height', $target.outerHeight() + 'px');\n                            var scrollTop = $(window).scrollTop(), maxStickyTop = $boundary.offset().top + $boundary.outerHeight() - $target.outerHeight();\n                            \n                            if ((scrollTop + offsetTop) >= maxStickyTop) {\n                                $target.css({ 'position': 'relative', 'top': (maxStickyTop - $placeholder.offset().top) + 'px', 'width': 'auto', 'z-index': '1' });\n                            } else if (scrollTop >= ($placeholder.offset().top - offsetTop)) {\n                                $target.css({ 'position': 'fixed', 'top': offsetTop + 'px', 'width': $placeholder.width() + 'px', 'z-index': '99' });\n                            } else {\n                                $target.css({ 'position': 'relative', 'top': '0', 'width': 'auto', 'z-index': '1' });\n                            }\n                        });\n                        $(window).trigger('scroll');\n                    }\n                });\n            <\/script>\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8506d4f e-con-full e-flex e-con e-child\" data-id=\"8506d4f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a53f081 elementor-widget elementor-widget-custom_article_pagination_widget\" data-id=\"a53f081\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"custom_article_pagination_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                <style>\n                    \/* Base structural flexbox rules only *\/\n                    .elementor-element-a53f081 .al-pagination-wrapper { \n                        transition: opacity 0.3s; \n                    }\n                    .elementor-element-a53f081 .al-pagination-inner { \n                        display: flex; \n                        justify-content: center; \n                        flex-wrap: wrap; \n                    }\n                    .elementor-element-a53f081 .al-pagination-inner .page-numbers { \n                        display: inline-flex; \n                        align-items: center; \n                        justify-content: center; \n                        text-decoration: none; \n                        border-style: solid;\n                        transition: all 0.3s ease; \n                        box-sizing: border-box;\n                    }\n                    .elementor-element-a53f081 .al-pagination-inner span.current { \n                        pointer-events: none; \n                    }\n                    .elementor-element-a53f081 .al-pagination-inner svg { \n                        width: 16px; \n                        height: 16px; \n                        fill: none; \n                        stroke: currentColor;\n                    }\n                <\/style>\n\n                <div id=\"main-article-pagination\" class=\"al-pagination-wrapper\">\n                    <div class=\"al-pagination-inner\"><span aria-current=\"page\" class=\"page-numbers current\">1<\/span>\n<a class=\"page-numbers\" href=\"\/index.php\/wp-json\/wp\/v2\/pages\/860?article_page=2\">2<\/a>\n<a class=\"next page-numbers\" href=\"\/index.php\/wp-json\/wp\/v2\/pages\/860?article_page=2\"><svg viewBox=\"0 0 24 24\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a><\/div>                <\/div>\n                \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Artikel Home All Analisa Pakar Cerita Foto Cerita Inspiratif Investigasi Reportase Suara Gen Z Sungai Bercerita 07 Apr2026 \/\/ ECOTON Desak Pemprov Jatim dan Pemkot Surabaya Tegas Tindak Industri Pembuang Limbah ke Kali Mas, Serukan Pengakuan Hak Asasi Sungai READ NOW 06 Apr2026 \/\/ Dulu Aku Adalah Rumah READ NOW 05 Apr2026 \/\/ Sungai Rhein [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_angie_page":false,"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-860","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sungainusantara.com\/index.php\/wp-json\/wp\/v2\/pages\/860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sungainusantara.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sungainusantara.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sungainusantara.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sungainusantara.com\/index.php\/wp-json\/wp\/v2\/comments?post=860"}],"version-history":[{"count":179,"href":"https:\/\/sungainusantara.com\/index.php\/wp-json\/wp\/v2\/pages\/860\/revisions"}],"predecessor-version":[{"id":2317,"href":"https:\/\/sungainusantara.com\/index.php\/wp-json\/wp\/v2\/pages\/860\/revisions\/2317"}],"wp:attachment":[{"href":"https:\/\/sungainusantara.com\/index.php\/wp-json\/wp\/v2\/media?parent=860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}