/* ========================================================
   8. Perbaikan Responsivitas Gambar (Anti-Overlap)
   ======================================================== */
.pkp_block .content img,
.obj_about img,
.page_about img {
    max-width: 100% !important; /* Memaksa gambar sebesar apapun agar fit di dalam kotak */
    height: auto !important;    /* Menjaga proporsi gambar agar tidak gepeng */
    display: block;
    margin: 0 auto 15px auto;   /* Menengahkan gambar dan memberi jarak bawah */
}

/* Membatasi ukuran maksimal khusus untuk barcode dan logo indeksasi agar tidak terlalu dominan */
.pkp_block .content img[alt*="ISSN"],
.pkp_block .content img[alt*="SINTA"],
.pkp_block .content img[alt*="Scopus"] {
    max-width: 80% !important; 
}

/* ========================================================
   9. Merapikan Jarak (Spasi) Antar Custom Block
   ======================================================== */
.pkp_block {
    margin-bottom: 25px !important; /* Mengurangi jarak kosong vertikal antar blok */
}

/* Desain khusus untuk header blok bawaan (seperti di screenshot) agar sesuai tema Navy */
.pkp_block .title {
    background-color: #1a365d;
    color: #ffffff;
    font-family: 'Merriweather', 'Times New Roman', serif;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 15px;
    margin: -15px -15px 15px -15px; /* Menarik header hingga ke ujung border */
    border-radius: 4px 4px 0 0;
    border-bottom: 3px solid #c5a059; /* Aksen emas */
}