/* 1. Targetkan kontainer utama bawaan modul PDF Reader */
.pdf-reader,
.pdf-reader-embed,
.pdf-reader-pdf-js {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    clear: both;
}

/* 2. REVISI UTAMA PDF.js: Menimpa style="width: 600px" yang dikunci modul */
#outerContgainer, /* Mengikuti typo di HTML Anda: outerContgainer */
#outerContainer, 
#mainContainer,
#viewerContainer,
#viewer {
    width: 100% !important;
    max-width: 100% !important;
}

/* Memastikan halaman di dalam canvas PDF.js juga responsif */
#viewer .page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 10px auto !important;
}

#viewer .page canvas {
    width: 100% !important;
    height: auto !important;
}

/* 3. REVISI UTAMA DIRECT EMBED: Paksa tag object dan embed agar mengisi lebar 100% */
.pdf-reader-embed object,
.pdf-reader-embed embed {
    width: 100% !important;
    max-width: 100% !important;
    height: 800px !important;
    display: block !important;
}

/* 4. Mengatasi pembungkus wilayah Layout Builder Drupal agar tidak mengkerut */
.layout-builder__region .field--name-field-file-skk,
.layout-builder__region .field--name-field-file-skd,
.layout-builder__region .field__item {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    clear: both;
    margin-bottom: 40px;
}