/* Article Page Layout and Container Styling */

/* Container untuk artikel */
.page-wrapper {
    position: relative;
    padding: 60px 0;
    overflow: hidden;
    background-color: #f9f9f9;
}

.page-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 250px; /* Lebih tinggi */
    background: linear-gradient(to bottom, white 0%, rgba(249, 249, 249, 0.9) 50%, rgba(249, 249, 249, 0.6) 100%);
    z-index: 0;
    pointer-events: none;
}

/* Container padding */
.container.article-container {
    max-width: 1350px; /* Lebih lebar */
    padding: 0 30px;
    position: relative;
    z-index: 1;
}

/* Layout Responsive */
@media (min-width: 992px) {
    .right-panel {
        padding-right: 50px;
    }

    .left-panel {
        padding-left: 50px;
    }
}

@media (max-width: 767.98px) {
    .left-panel,
    .right-panel {
        margin-top: 20px;
    }
}