/*
 * JURNAL AKSARA — GREEN EDITORIAL SKIN V1.1
 * Adaptasi kumulatif dari CANONIA-RELIGIA-V1.7.6-COLOR-ONLY.css.
 * CSS khusus sisi publik OJS (tema Default), bukan stylesheet backend/dashboard.
 * Tidak mengganti layout struktural, file inti, konfigurasi, atau database OJS.
 * Palet hijau merupakan penyesuaian visual; kode warna resmi logo belum diverifikasi.
 */

/*
===============================================================================
AKSARA JURNAL — CLEAN RESET R1
Dibangun ulang dari nol untuk dipakai sebagai SATU-SATUNYA custom stylesheet.
Tidak berbasis V1.1/V1.2/V1.3 dan tidak merekonstruksi layout inti OJS.
Layout main/sidebar, urutan DOM, dan breakpoint struktural dibiarkan dikelola
oleh stylesheet inti OJS agar custom CSS tidak merusak flow halaman.
===============================================================================
*/

:root {
  --aksara-primary: #176B45;
  --aksara-primary-dark: #125338;
  --aksara-accent: #C09A4B;
  --aksara-text: #26392F;
  --aksara-muted: #62766A;
  --aksara-line: #DBE8DF;
  --aksara-soft: #F5FAF6;
  --aksara-paper: #ffffff;
}

/* ---------- 1. Global canvas ---------- */
html {
  box-sizing: border-box;
  overflow-x: hidden;
}
*, *::before, *::after {
  box-sizing: inherit;
}
body {
  margin: 0;
  overflow-x: hidden;
  color: var(--aksara-text);
  background-color: #F5FAF6;
  background-image: url("https://akademipesantren.or.id/background_css.jpg");
  background-repeat: repeat;
  background-position: top left;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 1.65;
}
img {
  max-width: 100%;
  height: auto;
}
a {
  color: var(--aksara-primary);
  text-underline-offset: 2px;
}
a:hover,
a:focus {
  color: var(--aksara-primary-dark);
}

/* ---------- 2. Page shell ----------
   Hanya ukuran kanvas. Tidak mengubah flow main/sidebar OJS.
*/
.pkp_structure_page {
  max-width: 1160px;
  margin: 20px auto;
  background: var(--aksara-paper);
  box-shadow: 0 0 0 1px rgba(18, 83, 56, .08);
}

/* ---------- 3. Header / banner ---------- */
.pkp_structure_head {
  background: transparent;
  border: 0;
}
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name > a,
.pkp_site_name .is_img {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
.pkp_site_name .is_img {
  display: block;
}
.pkp_site_name .is_img img {
  display: block;
  width: 100%;
  max-width: none;
  max-height: none;
  height: auto;
  margin: 0;
}

/* ---------- 4. Primary navigation ----------
   Refinement R1.1: tampilan desktop lebih profesional tanpa mengubah
   struktur/flow navigasi OJS. Hamburger/mobile tetap dikendalikan OJS.
*/
.pkp_navigation_primary_row {
  min-height: 48px;
  padding: 0 18px;
  background: var(--aksara-primary);
  border-top: 1px solid rgba(255,255,255,.10);
  border-bottom: 3px solid var(--aksara-accent);
}
#navigationPrimary {
  margin: 0;
}
#navigationPrimary > li {
  margin: 0 3px 0 0;
}
#navigationPrimary > li > a {
  padding: 14px 13px 12px;
  border: 0;
  border-bottom: 3px solid transparent;
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: .1px;
  text-decoration: none;
  transition: background-color .16s ease, border-color .16s ease;
}
#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus {
  border-bottom-color: var(--aksara-accent);
  background: rgba(255,255,255,.09);
  color: #fff;
}
#navigationPrimary > li > a::before {
  display: none;
}

/* Dropdown tetap mengikuti mekanisme OJS, hanya diselaraskan secara visual. */
#navigationPrimary ul {
  border: 1px solid var(--aksara-line);
  border-top: 3px solid var(--aksara-accent);
  background: #fff;
  box-shadow: 0 8px 20px rgba(18,65,43,.16);
}
#navigationPrimary ul a {
  padding: 10px 14px;
  color: var(--aksara-primary);
  font-size: 12.5px;
  line-height: 1.35;
  text-decoration: none;
}
#navigationPrimary ul a:hover,
#navigationPrimary ul a:focus {
  background: #F5FAF6;
  color: var(--aksara-primary-dark);
}

/* Search menyatu dengan bar navigasi, tetapi tetap jelas sebagai aksi terpisah. */
.pkp_search {
  margin-top: 0;
  padding: 13px 14px 12px;
  border-left: 1px solid rgba(255,255,255,.18);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
.pkp_search:hover,
.pkp_search:focus {
  background: rgba(255,255,255,.09);
  color: #fff;
}

/* User navigation di atas banner dipertahankan ringan. */
.pkp_navigation_user > li > a,
.pkp_navigation_user > li.in_focus > a,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
  color: #C09A4B;
  font-size: 11.5px;
}

/* Pada tablet/mobile, jangan memaksa bentuk desktop ke menu OJS. */
@media (max-width: 991px) {
  .pkp_navigation_primary_row {
    min-height: 0;
    padding: 0;
    border-bottom-width: 2px;
  }
  #navigationPrimary > li {
    margin: 0;
  }
  #navigationPrimary > li > a {
    padding: 11px 14px;
    border-bottom: 1px solid rgba(255,255,255,.13);
    font-size: 13px;
  }
  #navigationPrimary > li > a:hover,
  #navigationPrimary > li > a:focus {
    border-bottom-color: rgba(255,255,255,.13);
  }
  .pkp_search {
    padding: 11px 14px;
    border-left: 0;
  }
}

/* ---------- 5. Content ----------
   PENTING: tidak ada display:grid/flex, float, width, min-height, position,
   atau clear pada .pkp_structure_content/.pkp_structure_main/sidebar.
   Struktur dua kolom tetap milik CSS inti OJS.
*/
.pkp_structure_content {
  background: var(--aksara-paper);
}
.pkp_structure_main {
  color: var(--aksara-text);
}
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4 {
  color: #26392F;
  line-height: 1.35;
}
.pkp_structure_main h1 {
  font-size: 22px;
}
.pkp_structure_main h2 {
  font-size: 19px;
}
.pkp_structure_main h3 {
  font-size: 16px;
}
.pkp_structure_main p {
  line-height: 1.7;
}

/* ---------- 6. About / journal identity ---------- */
.pkp_page_index .additional_content {
  color: var(--aksara-text);
}
.pkp_page_index .additional_content table {
  max-width: 100%;
  border-collapse: collapse;
}
.pkp_page_index .additional_content td {
  padding-top: 3px;
  padding-bottom: 3px;
  vertical-align: top;
}
.pkp_page_index .additional_content hr {
  border: 0;
  border-top: 1px solid var(--aksara-line);
}

/* ---------- 7. Current issue ---------- */
.pkp_page_index .current_issue {
  padding-top: 0;
}
.pkp_page_index .current_issue h2 {
  color: #26392F;
}
.obj_issue_toc .heading {
  border-bottom-color: var(--aksara-line);
}
.obj_issue_toc .section h2,
.obj_issue_toc .section h3 {
  color: var(--aksara-muted);
}

/* ---------- 8. Article listing ----------
   Tidak mengubah positioning internal; hanya visual treatment.
*/
.obj_issue_toc .articles > li {
  margin-bottom: 0;
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--aksara-line);
}
.obj_issue_toc .articles > li:nth-child(even) {
  background: #F5FAF6;
}
.obj_article_summary {
  color: var(--aksara-text);
}
.obj_article_summary > .title {
  font-size: 14.5px;
  line-height: 1.42;
  font-weight: 700;
}
.obj_article_summary .authors,
.obj_article_summary .meta,
.obj_article_summary .pages {
  color: var(--aksara-muted);
  font-size: 12px;
}
.obj_galley_link,
.block_make_submission a {
  border: 1px solid var(--aksara-primary);
  border-radius: 2px;
  background: var(--aksara-primary);
  color: #fff !important;
  font-weight: 700;
  box-shadow: none;
}
.obj_galley_link:hover,
.obj_galley_link:focus,
.block_make_submission a:hover,
.block_make_submission a:focus {
  border-color: var(--aksara-primary-dark);
  background: var(--aksara-primary-dark);
  color: #fff !important;
}

/* ---------- 9. Sidebar ----------
   Hanya skin blok. Posisi dan lebar sidebar tidak disentuh.
*/
.pkp_structure_sidebar {
  background: #fff;
}
.pkp_block {
  margin-bottom: 22px;
}
.pkp_block .title {
  margin-bottom: 10px;
  padding: 9px 11px;
  background: var(--aksara-primary);
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
}
.pkp_block ul {
  margin-top: 0;
}
.pkp_block li {
  margin-bottom: 5px;
}
.pkp_block a {
  color: var(--aksara-primary);
}
.pkp_block a:hover,
.pkp_block a:focus {
  color: var(--aksara-primary-dark);
}

/* ---------- 10. Forms / search ---------- */
input,
select,
textarea,
button {
  font-family: inherit;
}
input:focus,
select:focus,
textarea:focus,
button:focus,
a:focus {
  outline-color: var(--aksara-accent);
}

/* ---------- 11. Footer ---------- */
.pkp_structure_footer_wrapper {
  border-top: 2px solid var(--aksara-accent);
  background: #EEF6F0;
}
.pkp_structure_footer {
  background: #EEF6F0;
  border-bottom: 12px solid var(--aksara-primary);
}
.pkp_footer_content {
  color: #185B3D;
  font-size: 12px;
  line-height: 1.6;
}
.pkp_footer_content p {
  color: #185B3D;
}
.pkp_footer_content a {
  color: #125338;
}
.pkp_brand_footer {
  display: none;
}

/* ---------- 12. Editorial/profile legacy content ----------
   Hanya normalisasi media; tidak memaksa layout halaman.
*/
.editorial-list img,
.img-profile img,
.imgthumb {
  max-width: 100%;
  height: auto;
}

/* ---------- 13. Tablet / mobile ----------
   OJS tetap mengendalikan perubahan layout dan hamburger.
*/
@media (max-width: 991px) {
  body {
    background-color: #F5FAF6;
    background-image: url("https://akademipesantren.or.id/background_css.jpg");
    background-repeat: repeat;
    background-position: top left;
  }
  .pkp_structure_page {
    width: 100%;
    max-width: 100%;
    margin: 0;
    box-shadow: none;
  }
  .pkp_site_name .is_img img {
    width: 100%;
    height: auto;
  }
  .pkp_structure_main,
  .pkp_structure_sidebar,
  .pkp_structure_main table,
  .pkp_structure_main td,
  .pkp_structure_main a {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 600px) {
  body {
    font-size: 14px;
  }
  .pkp_structure_main h1 {
    font-size: 21px;
  }
  .pkp_structure_main h2,
  .pkp_page_index .current_issue h2 {
    font-size: 18px;
  }
  .obj_article_summary > .title {
    font-size: 14.5px;
  }
}

/* ---------- 14. Print ---------- */
@media print {
  body {
    background: #fff;
  }
  .pkp_structure_page {
    max-width: none;
    margin: 0;
    box-shadow: none;
  }
}

/* ==========================================================================
   R1.2 — CURRENT ISSUE VERTICAL RHYTHM
   Turunan kumulatif dari R1.1.
   Hanya menata ritme vertikal Current Issue → volume → published → Articles.
   Tidak mengubah struktur/layout main-sidebar OJS.
   ========================================================================== */

/* Hilangkan jarak bawaan yang terlalu besar pada blok issue summary. */
.pkp_page_index .current_issue {
  margin-top: 0;
  padding-top: 0;
}

/* "Current Issue" */
.pkp_page_index .current_issue > h2 {
  margin-top: 0;
  margin-bottom: 12px;
  padding: 0;
  line-height: 1.35;
}

/* "Vol. 3 No. 2 (2026)" */
.pkp_page_index .current_issue .current_issue_title {
  margin-top: 0;
  margin-bottom: 16px;
  line-height: 1.4;
}

/* Blok metadata issue, termasuk Published. */
.pkp_page_index .current_issue .obj_issue_summary {
  margin-top: 0;
  margin-bottom: 0;
}
.pkp_page_index .current_issue .obj_issue_summary .description,
.pkp_page_index .current_issue .obj_issue_summary .published {
  margin-top: 0;
  margin-bottom: 0;
}

/* Normalisasi paragraf metadata agar tidak membawa margin besar dari theme. */
.pkp_page_index .current_issue .obj_issue_summary p {
  margin-top: 0;
  margin-bottom: 8px;
}

/* Jarak Published → heading Articles.
   Selector dibuat spesifik ke TOC issue agar tidak memengaruhi blok lain. */
.pkp_page_index .current_issue .obj_issue_toc {
  margin-top: 24px;
}
.pkp_page_index .current_issue .obj_issue_toc .heading {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}
.pkp_page_index .current_issue .obj_issue_toc .section {
  margin-top: 0;
}
.pkp_page_index .current_issue .obj_issue_toc .section > h2,
.pkp_page_index .current_issue .obj_issue_toc .section > h3 {
  margin-top: 0;
  margin-bottom: 12px;
}

/* Jarak heading Articles → artikel pertama. */
.pkp_page_index .current_issue .obj_issue_toc .articles {
  margin-top: 0;
}
.pkp_page_index .current_issue .obj_issue_toc .articles > li:first-child {
  margin-top: 0;
}

/* Mini-desktop: ritme sedikit dipadatkan agar tidak menghasilkan ruang kosong. */
@media (min-width: 601px) and (max-width: 991px) {
  .pkp_page_index .current_issue > h2 {
    margin-bottom: 10px;
  }
  .pkp_page_index .current_issue .current_issue_title {
    margin-bottom: 13px;
  }
  .pkp_page_index .current_issue .obj_issue_toc {
    margin-top: 20px;
  }
  .pkp_page_index .current_issue .obj_issue_toc .section > h2,
  .pkp_page_index .current_issue .obj_issue_toc .section > h3 {
    margin-bottom: 10px;
  }
}

/* Mobile: lebih kompak, tetapi hierarki Current Issue tetap terbaca. */
@media (max-width: 600px) {
  .pkp_page_index .current_issue > h2 {
    margin-bottom: 8px;
  }
  .pkp_page_index .current_issue .current_issue_title {
    margin-bottom: 11px;
  }
  .pkp_page_index .current_issue .obj_issue_summary p {
    margin-bottom: 6px;
  }
  .pkp_page_index .current_issue .obj_issue_toc {
    margin-top: 18px;
  }
  .pkp_page_index .current_issue .obj_issue_toc .section > h2,
  .pkp_page_index .current_issue .obj_issue_toc .section > h3 {
    margin-bottom: 9px;
  }
}

/* ==========================================================================
   R1.2.1 — CURRENT ISSUE COMPACT RHYTHM
   Koreksi berdasarkan hasil aktual R1.2:
   menekan padding/margin bawaan OJS pada .obj_issue_toc .heading,
   .published, dan .section yang masih menghasilkan ruang vertikal besar.
   ========================================================================== */

/* Current Issue -> volume -> Published dibuat sebagai satu kelompok informasi. */
.pkp_page_index .current_issue > h2 {
  margin: 0 0 8px !important;
}
.pkp_page_index .current_issue .obj_issue_toc > .heading {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 14px !important;
}
.pkp_page_index .current_issue .obj_issue_toc > .heading h2,
.pkp_page_index .current_issue .obj_issue_toc > .heading .title {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
}
.pkp_page_index .current_issue .obj_issue_toc > .heading .published {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.45;
}
.pkp_page_index .current_issue .obj_issue_toc > .heading .published p {
  margin: 0 !important;
  padding: 0 !important;
}

/* Published -> Articles: hilangkan gap besar bawaan section OJS. */
.pkp_page_index .current_issue .obj_issue_toc > .sections,
.pkp_page_index .current_issue .obj_issue_toc > .section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.pkp_page_index .current_issue .obj_issue_toc .section {
  margin-top: 0 !important;
  padding-top: 12px !important;
}
.pkp_page_index .current_issue .obj_issue_toc .section > h2,
.pkp_page_index .current_issue .obj_issue_toc .section > h3 {
  margin: 0 0 8px !important;
  padding: 0 0 8px !important;
  line-height: 1.35;
}

/* Articles -> artikel pertama: rapat tetapi tetap punya pemisah visual. */
.pkp_page_index .current_issue .obj_issue_toc .articles {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.pkp_page_index .current_issue .obj_issue_toc .articles > li:first-child {
  margin-top: 0 !important;
  padding-top: 14px;
}

/* Mini-desktop */
@media (min-width: 601px) and (max-width: 991px) {
  .pkp_page_index .current_issue .obj_issue_toc > .heading {
    padding-bottom: 12px !important;
  }
  .pkp_page_index .current_issue .obj_issue_toc .section {
    padding-top: 10px !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .pkp_page_index .current_issue > h2 {
    margin-bottom: 7px !important;
  }
  .pkp_page_index .current_issue .obj_issue_toc > .heading {
    padding-bottom: 10px !important;
  }
  .pkp_page_index .current_issue .obj_issue_toc > .heading h2,
  .pkp_page_index .current_issue .obj_issue_toc > .heading .title {
    margin-bottom: 6px !important;
  }
  .pkp_page_index .current_issue .obj_issue_toc .section {
    padding-top: 9px !important;
  }
  .pkp_page_index .current_issue .obj_issue_toc .section > h2,
  .pkp_page_index .current_issue .obj_issue_toc .section > h3 {
    margin-bottom: 6px !important;
    padding-bottom: 6px !important;
  }
}

/* ==========================================================================
   R1.3.2 — MOBILE NAVIGATION REFINED
   Rebuild dari R1.2.1, bukan dari eksperimen hamburger sebelumnya.
   Fokus: navigasi mobile yang tenang, ringkas, konsisten dengan banner AKSARA.
   Desktop > 991px dan struktur main/sidebar OJS tidak disentuh.
   ========================================================================== */

@media (max-width: 991px) {

  /* Header mobile: banner tetap utuh. */
  .pkp_structure_head {
    background: #fff;
  }

  /* Trigger: tombol kecil dan tegas; ikon digambar independen dari ikon OJS. */
  button.pkp_site_nav_toggle,
  .pkp_site_nav_toggle {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 7px 8px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(18,83,56,.18) !important;
    border-radius: 4px !important;
    outline: 0 !important;
    background-color: #fff !important;
    background-image:
      linear-gradient(var(--aksara-primary),var(--aksara-primary)),
      linear-gradient(var(--aksara-primary),var(--aksara-primary)),
      linear-gradient(var(--aksara-primary),var(--aksara-primary)) !important;
    background-repeat: no-repeat !important;
    background-size: 17px 2px,17px 2px,17px 2px !important;
    background-position:
      center calc(50% - 5px),
      center 50%,
      center calc(50% + 5px) !important;
    box-shadow: 0 1px 4px rgba(18,65,43,.12) !important;
  }

  .pkp_site_nav_toggle > span,
  .pkp_site_nav_toggle > span::before,
  .pkp_site_nav_toggle > span::after,
  .pkp_site_nav_toggle::before,
  .pkp_site_nav_toggle::after {
    content: none !important;
    display: none !important;
  }

  button.pkp_site_nav_toggle:hover,
  button.pkp_site_nav_toggle:focus,
  button.pkp_site_nav_toggle:active,
  .pkp_site_nav_toggle:hover,
  .pkp_site_nav_toggle:focus,
  .pkp_site_nav_toggle:active,
  .pkp_site_nav_toggle.pkp_site_nav_toggle--transform,
  .pkp_site_nav_toggle[aria-expanded="true"] {
    border-color: var(--aksara-primary) !important;
    outline: 0 !important;
    background-color: #F5FAF6 !important;
    background-image:
      linear-gradient(var(--aksara-primary),var(--aksara-primary)),
      linear-gradient(var(--aksara-primary),var(--aksara-primary)),
      linear-gradient(var(--aksara-primary),var(--aksara-primary)) !important;
    box-shadow: 0 1px 4px rgba(18,65,43,.14) !important;
  }

  /* Panel: satu bidang, tanpa blok hijau dan tanpa bidang ungu berlapis. */
  .pkp_site_nav_menu {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-top: 2px solid var(--aksara-accent) !important;
    background: #fff !important;
    box-shadow: 0 6px 16px rgba(18,65,43,.13) !important;
  }

  .pkp_navigation_primary_row {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #fff !important;
  }

  #navigationPrimary {
    margin: 0 !important;
    padding: 4px 14px !important;
    background: #fff !important;
  }

  #navigationPrimary > li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #E3EEE5 !important;
  }

  #navigationPrimary > li:last-child {
    border-bottom: 0 !important;
  }

  #navigationPrimary > li > a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 4px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--aksara-primary) !important;
    font-size: 13.5px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    letter-spacing: .05px !important;
    text-decoration: none !important;
  }

  #navigationPrimary > li > a:hover,
  #navigationPrimary > li > a:focus {
    background: #F5FAF6 !important;
    color: var(--aksara-primary-dark) !important;
  }

  /* Submenu */
  #navigationPrimary ul {
    margin: 0 -14px !important;
    padding: 3px 18px 6px !important;
    border: 0 !important;
    border-top: 1px solid #E3EEE5 !important;
    background: #F5FAF6 !important;
    box-shadow: none !important;
  }

  #navigationPrimary ul a {
    display: block !important;
    padding: 8px 4px !important;
    color: var(--aksara-primary) !important;
    font-size: 12.75px !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
  }

  /* Search: action row yang bersih, bukan blok besar. */
  .pkp_search {
    display: block !important;
    width: auto !important;
    margin: 0 14px !important;
    padding: 10px 4px !important;
    border: 0 !important;
    border-top: 1px solid #E3EEE5 !important;
    background: #fff !important;
    color: var(--aksara-primary) !important;
    font-size: 13.5px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
  }

  .pkp_search:hover,
  .pkp_search:focus {
    background: #F5FAF6 !important;
    color: var(--aksara-primary-dark) !important;
  }

  /* User links sebagai footer panel yang subtil. */
  .pkp_navigation_user_wrapper {
    margin: 0 !important;
    padding: 4px 14px 6px !important;
    border: 0 !important;
    border-top: 2px solid var(--aksara-accent) !important;
    background: var(--aksara-primary) !important;
  }

  .pkp_navigation_user {
    margin: 0 !important;
    padding: 0 !important;
  }

  .pkp_navigation_user > li {
    margin: 0 !important;
    padding: 0 !important;
  }

  .pkp_navigation_user > li > a,
  .pkp_navigation_user > li.in_focus > a {
    display: block !important;
    margin: 0 !important;
    padding: 8px 4px !important;
    color: #fff !important;
    font-size: 12.75px !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
  }

  .pkp_navigation_user > li > a:hover,
  .pkp_navigation_user > li > a:focus,
  .pkp_navigation_user > li.in_focus > a:hover,
  .pkp_navigation_user > li.in_focus > a:focus {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
  }
}

/* Smartphone: proporsi dipadatkan tanpa mengubah arsitektur panel. */
@media (max-width: 600px) {
  button.pkp_site_nav_toggle,
  .pkp_site_nav_toggle {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 6px 7px !important;
    background-size: 16px 2px,16px 2px,16px 2px !important;
  }

  #navigationPrimary {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #navigationPrimary > li > a {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    font-size: 13px !important;
  }

  .pkp_search {
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    font-size: 13px !important;
  }

  .pkp_navigation_user_wrapper {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* ==========================================================================
   AKSARA — MOBILE MENU PREMIUM REFINEMENT
   Kumulatif dari baseline AKSARA muted-gold.
   Hanya area navigasi mobile. Submenu tetap aktif/terlihat agar tidak
   bergantung pada mekanisme toggle tambahan di luar CSS.
   ========================================================================== */

@media (max-width: 991px) {

  /* Panel utama: lebih ringan, rapi, dan berkelas. */
  .pkp_site_nav_menu {
    border-top: 1px solid rgba(23,107,69,.24) !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(18,65,43,.100) !important;
  }

  .pkp_navigation_primary_row {
    padding: 8px 12px 10px !important;
    background: #fff !important;
  }

  #navigationPrimary {
    padding: 0 !important;
    border: 1px solid #DBE8DF !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(18,65,43,.055) !important;
  }

  #navigationPrimary > li {
    position: relative !important;
    margin: 0 !important;
    border-bottom: 1px solid #E6EFE9 !important;
    background: #fff !important;
  }

  #navigationPrimary > li:last-child {
    border-bottom: 0 !important;
  }

  #navigationPrimary > li > a {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    padding: 13px 42px 13px 15px !important;
    background: #fff !important;
    color: #125338 !important;
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    letter-spacing: .01em !important;
  }

  #navigationPrimary > li > a:hover,
  #navigationPrimary > li > a:focus,
  #navigationPrimary > li > a:active {
    background: #F5FAF6 !important;
    color: #185B3D !important;
  }

  /* Penanda menu yang mempunyai submenu: chevron elegan.
     Ini penanda visual; submenu tetap dapat diakses dan tidak disembunyikan. */
  #navigationPrimary > li:has(> ul) > a::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    right: 17px !important;
    width: 7px !important;
    height: 7px !important;
    margin-top: -5px !important;
    border-right: 1.5px solid #C09A4B !important;
    border-bottom: 1.5px solid #C09A4B !important;
    transform: rotate(45deg) !important;
    opacity: .9 !important;
  }

  /* Submenu sebagai "lipatan" visual yang jelas tetapi tetap aktif/terbuka. */
  #navigationPrimary > li > ul {
    display: block !important;
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 10px 10px !important;
    padding: 4px 0 !important;
    border: 0 !important;
    border-left: 2px solid #176B45 !important;
    border-radius: 0 7px 7px 0 !important;
    background: #F5FAF6 !important;
    box-shadow: none !important;
  }

  #navigationPrimary > li > ul > li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  #navigationPrimary > li > ul > li > a {
    display: block !important;
    margin: 0 !important;
    padding: 9px 13px 9px 15px !important;
    border: 0 !important;
    background: transparent !important;
    color: #506C5B !important;
    font-size: 12.75px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
  }

  #navigationPrimary > li > ul > li > a:hover,
  #navigationPrimary > li > ul > li > a:focus,
  #navigationPrimary > li > ul > li > a:active {
    background: #EEF6F0 !important;
    color: #185B3D !important;
  }

  /* Search dipisahkan sebagai action card. */
  .pkp_search {
    margin: 10px 12px 0 !important;
    padding: 11px 14px !important;
    border: 1px solid #DBE8DF !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #125338 !important;
    box-shadow: 0 2px 8px rgba(18,65,43,.040) !important;
  }

  .pkp_search:hover,
  .pkp_search:focus,
  .pkp_search:active {
    border-color: rgba(23,107,69,.34) !important;
    background: #F5FAF6 !important;
    color: #185B3D !important;
  }

  /* Register/Login: footer menu lebih tenang, bukan blok emas menyala. */
  .pkp_navigation_user_wrapper {
    margin-top: 10px !important;
    padding: 7px 12px !important;
    border: 0 !important;
    border-top: 1px solid rgba(23,107,69,.24) !important;
    background: #185B3D !important;
  }

  .pkp_navigation_user {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 8px !important;
  }

  .pkp_navigation_user > li {
    flex: 0 0 auto !important;
  }

  .pkp_navigation_user > li > a,
  .pkp_navigation_user > li.in_focus > a {
    padding: 8px 10px !important;
    border-radius: 6px !important;
    color: #fff !important;
    font-size: 12.75px !important;
    font-weight: 600 !important;
  }

  .pkp_navigation_user > li > a:hover,
  .pkp_navigation_user > li > a:focus,
  .pkp_navigation_user > li.in_focus > a:hover,
  .pkp_navigation_user > li.in_focus > a:focus {
    background: rgba(255,255,255,.10) !important;
  }
}

@media (max-width: 600px) {
  .pkp_navigation_primary_row {
    padding: 7px 10px 9px !important;
  }

  #navigationPrimary {
    border-radius: 9px !important;
  }

  #navigationPrimary > li > a {
    padding: 12px 40px 12px 13px !important;
    font-size: 13.25px !important;
  }

  #navigationPrimary > li:has(> ul) > a::after {
    right: 15px !important;
  }

  #navigationPrimary > li > ul {
    margin-right: 8px !important;
    margin-left: 8px !important;
    margin-bottom: 8px !important;
  }

  #navigationPrimary > li > ul > li > a {
    padding: 8px 12px 8px 13px !important;
    font-size: 12.5px !important;
  }

  .pkp_search {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }

  .pkp_navigation_user_wrapper {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}

/* ==========================================================================
   AKSARA V1.3 — MOBILE SUBMENU ACCORDION
   Penyempurnaan khusus submenu mobile dari V1.2.
   Menggunakan state native :focus-within agar lipatan dapat dibuka/ditutup
   tanpa mengubah HTML OJS atau menambahkan JavaScript.
   ========================================================================== */

@media (max-width: 991px) {

  /* Submenu tertutup secara default. */
  #navigationPrimary > li > ul {
    display: none !important;
  }

  /* Buka submenu ketika item induk menerima fokus/tap. */
  #navigationPrimary > li:focus-within > ul {
    display: block !important;
  }

  /* Chevron default menunjuk ke bawah. */
  #navigationPrimary > li:has(> ul) > a::after {
    transform: rotate(45deg) !important;
    transition: transform .18s ease !important;
  }

  /* Saat lipatan terbuka, chevron berputar ke atas. */
  #navigationPrimary > li:has(> ul):focus-within > a::after {
    margin-top: -1px !important;
    transform: rotate(225deg) !important;
  }

  /* Induk yang sedang terbuka diberi penanda halus. */
  #navigationPrimary > li:has(> ul):focus-within > a {
    background: #F5FAF6 !important;
    color: #185B3D !important;
  }
}

/* ==========================================================================
   AKSARA V1.4 — PREMIUM MOBILE ACCOUNT PANEL
   Fokus hanya pada navigasi akun ketika pengguna sudah login.
   Menu utama, submenu, Search, header, konten, sidebar, dan footer tidak diubah.
   ========================================================================== */

@media (max-width: 991px) {

  /* Account area menjadi kartu gelap yang tenang dan kontras. */
  .pkp_navigation_user_wrapper {
    margin-top: 10px !important;
    padding: 12px !important;
    border: 0 !important;
    border-top: 1px solid rgba(192,154,75,.38) !important;
    background:
      linear-gradient(135deg, #185B3D 0%, #103D2B 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 -1px 0 rgba(18,65,43,.10) !important;
  }

  .pkp_navigation_user {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .pkp_navigation_user > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Nama akun sebagai identitas panel. */
  .pkp_navigation_user > li > a,
  .pkp_navigation_user > li.in_focus > a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 11px 14px !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
  }

  .pkp_navigation_user > li > a:hover,
  .pkp_navigation_user > li > a:focus,
  .pkp_navigation_user > li.in_focus > a:hover,
  .pkp_navigation_user > li.in_focus > a:focus {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
  }

  /* Dropdown akun yang sedang terbuka. */
  .pkp_navigation_user > li > ul,
  .pkp_navigation_user > li.in_focus > ul {
    position: static !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 5px 0 0 !important;
    padding: 6px !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.065) !important;
    box-shadow: none !important;
  }

  .pkp_navigation_user > li > ul > li,
  .pkp_navigation_user > li.in_focus > ul > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }

  .pkp_navigation_user > li > ul > li:last-child,
  .pkp_navigation_user > li.in_focus > ul > li:last-child {
    border-bottom: 0 !important;
  }

  .pkp_navigation_user > li > ul > li > a,
  .pkp_navigation_user > li.in_focus > ul > li > a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 9px 11px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #F8FCF9 !important;
    font-size: 12.75px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
  }

  .pkp_navigation_user > li > ul > li > a:hover,
  .pkp_navigation_user > li > ul > li > a:focus,
  .pkp_navigation_user > li.in_focus > ul > li > a:hover,
  .pkp_navigation_user > li.in_focus > ul > li > a:focus {
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
  }

  /* Badge notifikasi dibuat kecil, jelas, dan tidak menutupi label. */
  .pkp_navigation_user .task_count,
  .pkp_navigation_user .badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 24px !important;
    margin-left: 8px !important;
    padding: 0 7px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 999px !important;
    background: #176B45 !important;
    color: #fff !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    box-shadow: none !important;
  }
}

@media (max-width: 600px) {
  .pkp_navigation_user_wrapper {
    padding: 10px !important;
  }

  .pkp_navigation_user > li > a,
  .pkp_navigation_user > li.in_focus > a {
    padding: 10px 12px !important;
  }

  .pkp_navigation_user > li > ul,
  .pkp_navigation_user > li.in_focus > ul {
    padding: 5px !important;
  }

  .pkp_navigation_user > li > ul > li > a,
  .pkp_navigation_user > li.in_focus > ul > li > a {
    min-height: 40px !important;
    padding: 8px 10px !important;
    font-size: 12.5px !important;
  }
}

/* ==========================================================================
   AKSARA V1.5 — PREMIUM MOBILE EDITORIAL CONTENT
   Fokus: Current Issue + About the Journal pada smartphone.
   Tidak mengubah header, menu, account panel, desktop, atau struktur OJS.
   ========================================================================== */

@media (max-width: 600px) {

  /* ---------- A. Ritme konten utama ---------- */
  .pkp_structure_main {
    color: #26392F;
  }

  .pkp_structure_main h1 {
    margin-top: 0 !important;
    margin-bottom: 22px !important;
    color: #26392F !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: -.015em !important;
  }

  /* ---------- B. Current Issue ---------- */
  .pkp_page_index .current_issue {
    padding-top: 0 !important;
  }

  .pkp_page_index .current_issue > h2 {
    margin: 0 0 10px !important;
    color: #26392F !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: -.015em !important;
  }

  .pkp_page_index .current_issue .obj_issue_toc > .heading {
    margin: 0 !important;
    padding: 0 0 18px !important;
    border-bottom: 1px solid #DBE8DF !important;
  }

  .pkp_page_index .current_issue .obj_issue_toc > .heading h2,
  .pkp_page_index .current_issue .obj_issue_toc > .heading .title {
    margin: 0 0 14px !important;
    color: #26392F !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 650 !important;
  }

  .pkp_page_index .current_issue .obj_issue_toc > .heading .published {
    margin: 0 !important;
    padding: 0 !important;
    color: #62766A !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .pkp_page_index .current_issue .obj_issue_toc > .heading .published strong {
    color: #354A3C !important;
    font-weight: 650 !important;
  }

  .pkp_page_index .current_issue .obj_issue_toc .section {
    padding-top: 20px !important;
  }

  .pkp_page_index .current_issue .obj_issue_toc .section > h2,
  .pkp_page_index .current_issue .obj_issue_toc .section > h3 {
    margin: 0 0 12px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid #DBE8DF !important;
    color: #62766A !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 650 !important;
  }

  /* Artikel menjadi editorial cards yang ringan, bukan blok besar. */
  .pkp_page_index .current_issue .obj_issue_toc .articles {
    margin: 0 !important;
    padding: 0 !important;
  }

  .pkp_page_index .current_issue .obj_issue_toc .articles > li,
  .pkp_page_index .current_issue .obj_issue_toc .articles > li:first-child {
    margin: 0 0 12px !important;
    padding: 16px 15px 15px !important;
    border: 1px solid #DBE8DF !important;
    border-radius: 9px !important;
    background: #fff !important;
    box-shadow: 0 3px 12px rgba(18,65,43,.045) !important;
  }

  .pkp_page_index .current_issue .obj_issue_toc .articles > li:nth-child(even) {
    background: #F5FAF6 !important;
  }

  .obj_article_summary > .title {
    margin: 0 0 9px !important;
    color: #125338 !important;
    font-size: 15px !important;
    line-height: 1.42 !important;
    font-weight: 700 !important;
    letter-spacing: -.005em !important;
  }

  .obj_article_summary > .title a {
    color: #125338 !important;
    text-decoration: none !important;
  }

  .obj_article_summary > .title a:hover,
  .obj_article_summary > .title a:focus {
    color: #185B3D !important;
  }

  .obj_article_summary .authors {
    margin: 0 0 5px !important;
    color: #62766A !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
  }

  .obj_article_summary .pages {
    margin: 0 0 11px !important;
    color: #6B8174 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .obj_article_summary .galleys_links,
  .obj_article_summary .galleys {
    margin-top: 10px !important;
  }

  .obj_galley_link {
    min-height: 36px !important;
    padding: 8px 13px !important;
    border: 1px solid #125338 !important;
    border-radius: 6px !important;
    background: #125338 !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
    letter-spacing: .01em !important;
    box-shadow: none !important;
  }

  .obj_galley_link:hover,
  .obj_galley_link:focus {
    border-color: #185B3D !important;
    background: #185B3D !important;
  }

  /* ---------- C. About the Journal ---------- */
  .pkp_page_index .additional_content {
    color: #26392F !important;
  }

  .pkp_page_index .additional_content > h2,
  .pkp_page_index .additional_content > h3 {
    margin: 0 0 18px !important;
    color: #26392F !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: -.015em !important;
  }

  /* Tabel identitas jurnal menjadi information card. */
  .pkp_page_index .additional_content table {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 24px !important;
    border: 1px solid #DBE8DF !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 9px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(18,65,43,.050) !important;
  }

  .pkp_page_index .additional_content table tr:nth-child(even) {
    background: #F5FAF6 !important;
  }

  .pkp_page_index .additional_content table td {
    padding: 9px 10px !important;
    border-bottom: 1px solid #E6EFE9 !important;
    color: #26392F !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    vertical-align: top !important;
    overflow-wrap: anywhere !important;
  }

  .pkp_page_index .additional_content table tr:last-child td {
    border-bottom: 0 !important;
  }

  .pkp_page_index .additional_content table td:first-child {
    width: 31% !important;
    color: #62766A !important;
    font-weight: 600 !important;
  }

  .pkp_page_index .additional_content table td a {
    color: #125338 !important;
    font-weight: 600 !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
  }

  /* Perbaiki heading "Indexed in" yang pada konten lama pecah baris. */
  .pkp_page_index .additional_content p,
  .pkp_page_index .additional_content div {
    max-width: 100% !important;
  }

  .pkp_page_index .additional_content img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Prosa deskripsi: nyaman dibaca, tidak terlalu renggang. */
  .pkp_page_index .additional_content > p {
    margin: 0 0 15px !important;
    color: #34343F !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
    text-align: left !important;
  }

  .pkp_page_index .additional_content > p strong {
    color: #26392F !important;
    font-weight: 700 !important;
  }

  .pkp_page_index .additional_content a {
    color: #125338;
  }
}

/* ==========================================================================
   AKSARA V1.6 — PREMIUM MOBILE SIDEBAR / LONGFORM / FOOTER
   Fokus: Quick Menu, Accreditation, Stats/ORCID, long-form About, footer.
   Hanya smartphone; header, menu utama, account, Current Issue, desktop tidak diubah.
   ========================================================================== */

@media (max-width: 600px) {

  /* ---------- A. Long-form editorial prose ---------- */
  .pkp_structure_main .page_about,
  .pkp_structure_main .page_about_journal,
  .pkp_structure_main .page {
    color: #26392F;
  }

  .pkp_structure_main .page_about p,
  .pkp_structure_main .page_about_journal p,
  .pkp_structure_main .page p {
    margin: 0 0 17px !important;
    color: #34343F !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    word-spacing: normal !important;
  }

  .pkp_structure_main .page_about p strong,
  .pkp_structure_main .page_about_journal p strong,
  .pkp_structure_main .page p strong {
    color: #26392F !important;
    font-weight: 700 !important;
  }

  .pkp_structure_main .page_about a,
  .pkp_structure_main .page_about_journal a,
  .pkp_structure_main .page a {
    color: #125338 !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
  }

  /* ---------- B. Sidebar blocks ---------- */
  .pkp_structure_sidebar {
    padding-top: 8px !important;
    background: #fff !important;
  }

  .pkp_structure_sidebar .pkp_block {
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 1px solid #DBE8DF !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(18,65,43,.045) !important;
  }

  .pkp_structure_sidebar .pkp_block .title {
    margin: 0 !important;
    padding: 11px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(192,154,75,.28) !important;
    background: linear-gradient(135deg,#185B3D 0%,#103D2B 100%) !important;
    color: #fff !important;
    font-size: 13.5px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
  }

  .pkp_structure_sidebar .pkp_block .content {
    padding: 10px 13px 12px !important;
    background: #fff !important;
  }

  .pkp_structure_sidebar .pkp_block ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .pkp_structure_sidebar .pkp_block li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #E6EFE9 !important;
  }

  .pkp_structure_sidebar .pkp_block li:last-child {
    border-bottom: 0 !important;
  }

  .pkp_structure_sidebar .pkp_block li a {
    display: block !important;
    padding: 10px 4px !important;
    color: #125338 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
  }

  .pkp_structure_sidebar .pkp_block li a:hover,
  .pkp_structure_sidebar .pkp_block li a:focus {
    color: #185B3D !important;
    background: #F5FAF6 !important;
  }

  /* Gambar sertifikat, statistik, badge, dan media sidebar menjadi rapi. */
  .pkp_structure_sidebar .pkp_block img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  .pkp_structure_sidebar .pkp_block a > img {
    border-radius: 5px !important;
  }

  /* ---------- C. Blok non-standard/sidebar legacy ----------
     Beberapa custom block OJS lama tidak memakai .content secara konsisten. */
  .pkp_structure_sidebar .pkp_block > p,
  .pkp_structure_sidebar .pkp_block > div:not(.title):not(.content),
  .pkp_structure_sidebar .pkp_block > a {
    max-width: 100% !important;
  }

  /* ---------- D. Footer ---------- */
  .pkp_structure_footer_wrapper {
    margin-top: 26px !important;
    border-top: 2px solid #C09A4B !important;
    background: #EEF6F0 !important;
  }

  .pkp_structure_footer {
    padding: 0 !important;
    border-bottom: 8px solid #176B45 !important;
    background: #EEF6F0 !important;
  }

  .pkp_footer_content {
    padding: 24px 22px 22px !important;
    color: #185B3D !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
  }

  .pkp_footer_content p {
    margin: 0 0 14px !important;
    color: #185B3D !important;
  }

  .pkp_footer_content strong {
    color: #103D2B !important;
    font-weight: 700 !important;
  }

  .pkp_footer_content a {
    color: #125338 !important;
    font-weight: 600 !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
  }

  /* ---------- E. Media yang berada di luar blok standar ----------
     Menahan aset lama agar tidak menciptakan ruang horizontal/overflow. */
  .pkp_structure_main img,
  .pkp_structure_sidebar img,
  .pkp_footer_content img {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* ==========================================================================
   AKSARA V1.7 — RESPONSIVE PREMIUM PARITY
   Membawa bahasa visual premium V1.2–V1.6 ke mini-desktop/tablet dan desktop.
   Tidak mengubah urutan DOM atau merekonstruksi layout inti main/sidebar OJS.
   ========================================================================== */

/* ---------- A. Shared premium language: >600px ---------- */
@media (min-width: 601px) {

  .pkp_structure_page {
    border-radius: 4px;
    overflow: visible;
    box-shadow: 0 10px 34px rgba(18,65,43,.080);
  }

  .pkp_structure_main {
    color: #26392F;
  }

  .pkp_structure_main h1 {
    color: #26392F;
    font-weight: 700;
    letter-spacing: -.015em;
  }

  /* Current Issue */
  .pkp_page_index .current_issue > h2 {
    color: #26392F !important;
    font-weight: 700 !important;
    letter-spacing: -.012em !important;
  }

  .pkp_page_index .current_issue .obj_issue_toc > .heading {
    border-bottom: 1px solid #DBE8DF !important;
  }

  .pkp_page_index .current_issue .obj_issue_toc > .heading h2,
  .pkp_page_index .current_issue .obj_issue_toc > .heading .title {
    color: #26392F !important;
    font-weight: 650 !important;
  }

  .pkp_page_index .current_issue .obj_issue_toc > .heading .published {
    color: #62766A !important;
  }

  .pkp_page_index .current_issue .obj_issue_toc .section > h2,
  .pkp_page_index .current_issue .obj_issue_toc .section > h3 {
    color: #62766A !important;
    font-weight: 650 !important;
  }

  .pkp_page_index .current_issue .obj_issue_toc .articles > li {
    margin-bottom: 12px !important;
    padding: 17px 18px !important;
    border: 1px solid #DBE8DF !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 3px 12px rgba(18,65,43,.040) !important;
  }

  .pkp_page_index .current_issue .obj_issue_toc .articles > li:nth-child(even) {
    background: #F5FAF6 !important;
  }

  .obj_article_summary > .title,
  .obj_article_summary > .title a {
    color: #125338 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  .obj_article_summary > .title a:hover,
  .obj_article_summary > .title a:focus {
    color: #185B3D !important;
  }

  .obj_article_summary .authors,
  .obj_article_summary .meta,
  .obj_article_summary .pages {
    color: #62766A !important;
  }

  .obj_galley_link {
    border-color: #125338 !important;
    border-radius: 5px !important;
    background: #125338 !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  .obj_galley_link:hover,
  .obj_galley_link:focus {
    border-color: #185B3D !important;
    background: #185B3D !important;
  }

  /* About / additional content */
  .pkp_page_index .additional_content {
    color: #26392F !important;
  }

  .pkp_page_index .additional_content table {
    width: 100% !important;
    margin-bottom: 24px !important;
    border: 1px solid #DBE8DF !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 3px 12px rgba(18,65,43,.040) !important;
  }

  .pkp_page_index .additional_content table tr:nth-child(even) {
    background: #F5FAF6 !important;
  }

  .pkp_page_index .additional_content table td {
    padding: 9px 11px !important;
    border-bottom: 1px solid #E6EFE9 !important;
    color: #26392F !important;
    vertical-align: top !important;
  }

  .pkp_page_index .additional_content table tr:last-child td {
    border-bottom: 0 !important;
  }

  .pkp_page_index .additional_content table td:first-child {
    color: #62766A !important;
    font-weight: 600 !important;
  }

  .pkp_page_index .additional_content a {
    color: #125338 !important;
    text-underline-offset: 3px !important;
  }

  /* Long-form prose */
  .pkp_structure_main .page_about p,
  .pkp_structure_main .page_about_journal p,
  .pkp_structure_main .page p,
  .pkp_page_index .additional_content > p {
    color: #34343F !important;
    line-height: 1.72 !important;
    word-spacing: normal !important;
  }

  /* Sidebar / custom blocks */
  .pkp_structure_sidebar .pkp_block {
    margin-bottom: 18px !important;
    padding: 0 !important;
    border: 1px solid #DBE8DF !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 3px 12px rgba(18,65,43,.040) !important;
  }

  .pkp_structure_sidebar .pkp_block .title {
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(192,154,75,.28) !important;
    background: linear-gradient(135deg,#185B3D 0%,#103D2B 100%) !important;
    color: #fff !important;
    font-weight: 700 !important;
  }

  .pkp_structure_sidebar .pkp_block .content {
    padding: 10px 12px 12px !important;
    background: #fff !important;
  }

  .pkp_structure_sidebar .pkp_block ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .pkp_structure_sidebar .pkp_block li {
    margin: 0 !important;
    border-bottom: 1px solid #E6EFE9 !important;
  }

  .pkp_structure_sidebar .pkp_block li:last-child {
    border-bottom: 0 !important;
  }

  .pkp_structure_sidebar .pkp_block li a {
    display: block !important;
    padding: 9px 3px !important;
    color: #125338 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
  }

  .pkp_structure_sidebar .pkp_block li a:hover,
  .pkp_structure_sidebar .pkp_block li a:focus {
    color: #185B3D !important;
    background: #F5FAF6 !important;
  }

  .pkp_structure_sidebar .pkp_block img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /* Footer parity */
  .pkp_structure_footer_wrapper {
    border-top: 2px solid #C09A4B !important;
    background: #EEF6F0 !important;
  }

  .pkp_structure_footer {
    border-bottom: 8px solid #176B45 !important;
    background: #EEF6F0 !important;
  }

  .pkp_footer_content {
    color: #185B3D !important;
    line-height: 1.65 !important;
  }

  .pkp_footer_content p {
    color: #185B3D !important;
  }

  .pkp_footer_content strong {
    color: #103D2B !important;
  }

  .pkp_footer_content a {
    color: #125338 !important;
    text-underline-offset: 3px !important;
  }
}

/* ---------- B. Mini-desktop / tablet / HP desktop-mode: 601–991px ---------- */
@media (min-width: 601px) and (max-width: 991px) {

  .pkp_structure_page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* Panel menu mempertahankan bahasa visual premium, dengan densitas lebih rapat. */
  #navigationPrimary {
    border-radius: 9px !important;
  }

  #navigationPrimary > li > a {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  #navigationPrimary > li > ul > li > a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .pkp_page_index .current_issue .obj_issue_toc .articles > li {
    padding: 16px !important;
    border-radius: 8px !important;
  }

  .pkp_structure_sidebar .pkp_block {
    border-radius: 8px !important;
  }

  .pkp_footer_content {
    padding-top: 22px !important;
    padding-bottom: 20px !important;
  }
}

/* ---------- C. Full desktop: >=992px ---------- */
@media (min-width: 992px) {

  body {
    color: #26392F;
  }

  .pkp_structure_page {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  /* Navigation desktop: formal, restrained, journal-like. */
  .pkp_navigation_primary_row {
    min-height: 50px;
    padding-right: 20px;
    padding-left: 20px;
    background: #185B3D;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 3px solid #176B45;
  }

  #navigationPrimary > li > a {
    padding: 15px 13px 13px;
    border-bottom-color: transparent;
    color: #fff;
    font-weight: 600;
  }

  #navigationPrimary > li > a:hover,
  #navigationPrimary > li > a:focus {
    border-bottom-color: #D7BC7A;
    background: rgba(255,255,255,.075);
    color: #fff;
  }

  #navigationPrimary ul {
    border: 1px solid #DBE8DF;
    border-top: 3px solid #176B45;
    border-radius: 0 0 7px 7px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(18,65,43,.130);
  }

  #navigationPrimary ul a {
    color: #125338;
  }

  #navigationPrimary ul a:hover,
  #navigationPrimary ul a:focus {
    background: #F5FAF6;
    color: #185B3D;
  }

  .pkp_search {
    border-left-color: rgba(255,255,255,.16);
    color: #fff;
  }

  .pkp_search:hover,
  .pkp_search:focus {
    background: rgba(255,255,255,.075);
    color: #fff;
  }

  /* Main content desktop: premium but restrained. */
  .pkp_page_index .current_issue .obj_issue_toc .articles > li {
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
  }

  .pkp_page_index .current_issue .obj_issue_toc .articles > li:hover {
    border-color: #D8D7E5 !important;
    box-shadow: 0 7px 20px rgba(18,65,43,.070) !important;
    transform: translateY(-1px);
  }

  .pkp_structure_sidebar .pkp_block {
    transition: box-shadow .16s ease, border-color .16s ease;
  }

  .pkp_structure_sidebar .pkp_block:hover {
    border-color: #D8D7E5 !important;
    box-shadow: 0 7px 20px rgba(18,65,43,.065) !important;
  }

  .pkp_footer_content {
    padding-top: 24px;
    padding-bottom: 22px;
  }
}

/* Motion accessibility */
@media (prefers-reduced-motion: reduce) {
  .pkp_page_index .current_issue .obj_issue_toc .articles > li,
  .pkp_structure_sidebar .pkp_block {
    transition: none !important;
  }
}

/* ==========================================================================
   AKSARA JURNAL V1.7.3 — ACCREDITATION SIDEBAR CARD
   Kumulatif dari baseline V1.7.2.
   Target: custom block "accreditation" yang ditempatkan tepat di atas Quick Menu.
   Tidak mengubah layout inti, menu, Current Issue, About, footer, atau block lain.
   ========================================================================== */

/* Custom Block Manager OJS membentuk id block dari nama custom block.
   Selector dibuat spesifik agar hanya banner Accreditation yang terkena. */
#customblock-accreditation,
.pkp_block.block_custom#customblock-accreditation {
  margin-bottom: 14px !important;
  padding: 6px !important;
  border: 1px solid #D3E4D8 !important;
  border-radius: 9px !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(33,28,86,.07) !important;
}

/* Show Name dimatikan; bila OJS tetap merender heading kosong, jangan sisakan ruang. */
#customblock-accreditation > .title:empty,
#customblock-accreditation .title:empty {
  display: none !important;
}

/* Hilangkan padding generik block yang dapat membuat banner terlalu kecil. */
#customblock-accreditation > .content,
#customblock-accreditation .content {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Wrapper HTML yang sudah dimasukkan ke Custom Block. */
#customblock-accreditation .canonia-accreditation {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  background: transparent !important;
}

/* Banner mengikuti lebar sidebar secara proporsional, tanpa crop/distorsi. */
#customblock-accreditation .canonia-accreditation img,
#customblock-accreditation img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  object-fit: contain !important;
}

/* Jika editor OJS membungkus gambar dengan <p>, netralkan margin bawaan. */
#customblock-accreditation p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

/* Desktop: card tetap halus dan tidak bersaing dengan Quick Menu. */
@media (min-width: 992px) {
  #customblock-accreditation,
  .pkp_block.block_custom#customblock-accreditation {
    margin-bottom: 12px !important;
    padding: 5px !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 12px rgba(33,28,86,.06) !important;
  }

  #customblock-accreditation .canonia-accreditation img,
  #customblock-accreditation img {
    border-radius: 5px !important;
  }
}

/* Mini desktop/tablet/HP desktop-mode. */
@media (min-width: 601px) and (max-width: 991px) {
  #customblock-accreditation,
  .pkp_block.block_custom#customblock-accreditation {
    margin-bottom: 14px !important;
    padding: 6px !important;
  }
}

/* Smartphone: banner boleh memakai seluruh lebar block agar informasi tetap terbaca. */
@media (max-width: 600px) {
  #customblock-accreditation,
  .pkp_block.block_custom#customblock-accreditation {
    margin: 0 0 16px !important;
    padding: 6px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 14px rgba(33,28,86,.06) !important;
  }

  #customblock-accreditation .canonia-accreditation img,
  #customblock-accreditation img {
    border-radius: 7px !important;
  }
}

/* ==========================================================================
   AKSARA JURNAL V1.7.4 — SIDEBAR BLOCK SYSTEM
   Penyempurnaan kumulatif V1.7.3.
   Fokus: Accreditation + seluruh blok sidebar.
   ========================================================================== */

:root{
  --aksara-side-border:#D7E8DC;
  --aksara-side-shadow:0 3px 12px rgba(18,65,43,.055);
  --aksara-side-radius:8px;
  --aksara-side-gap:12px;
  --aksara-side-head:#125338;
  --aksara-side-head-text:#ffffff;
  --aksara-side-link:#176B45;
}

/* Ritme vertikal seragam seluruh sidebar */
.pkp_structure_sidebar .pkp_block{
  margin:0 0 var(--aksara-side-gap) !important;
  border:1px solid var(--aksara-side-border) !important;
  border-radius:var(--aksara-side-radius) !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:var(--aksara-side-shadow) !important;
}

/* Heading blok: satu bahasa visual */
.pkp_structure_sidebar .pkp_block > .title{
  display:block !important;
  margin:0 !important;
  padding:9px 11px !important;
  border:0 !important;
  background:var(--aksara-side-head) !important;
  color:var(--aksara-side-head-text) !important;
  font-weight:700 !important;
  line-height:1.25 !important;
}

/* Konten blok */
.pkp_structure_sidebar .pkp_block > .content{
  margin:0 !important;
  padding:10px !important;
  background:#fff !important;
}

/* Link sidebar lebih tenang daripada emas terang */
.pkp_structure_sidebar .pkp_block a{
  color:var(--aksara-side-link) !important;
}
.pkp_structure_sidebar .pkp_block a:hover,
.pkp_structure_sidebar .pkp_block a:focus{
  color:#125338 !important;
}

/* Media di semua custom block tidak boleh overflow */
.pkp_structure_sidebar .pkp_block img{
  max-width:100% !important;
  height:auto !important;
}

/* Accreditation: banner sudah membawa identitas visual sendiri.
   Card dibuat paling bersih agar tidak terjadi bingkai ganda. */
#customblock-accreditation,
.pkp_block.block_custom#customblock-accreditation{
  margin:0 0 var(--aksara-side-gap) !important;
  padding:4px !important;
  border:1px solid #D8E8DD !important;
  border-radius:var(--aksara-side-radius) !important;
  background:#fff !important;
  box-shadow:0 2px 8px rgba(18,65,43,.045) !important;
}

#customblock-accreditation > .title,
#customblock-accreditation .title:empty{
  display:none !important;
}

#customblock-accreditation > .content,
#customblock-accreditation .content,
#customblock-accreditation p,
#customblock-accreditation figure{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
}

#customblock-accreditation img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  border:0 !important;
  border-radius:5px !important;
  box-shadow:none !important;
}

/* Quick Menu/custom menu: pertahankan isi lapang tetapi kompak */
#customblock-menu > .content{
  padding:8px 10px 10px !important;
}
#customblock-menu ul{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
#customblock-menu li{
  margin:0 !important;
  padding:0 !important;
  border-bottom:1px solid #EFF6F0 !important;
}
#customblock-menu li:last-child{
  border-bottom:0 !important;
}
#customblock-menu li a{
  display:block !important;
  padding:8px 0 !important;
  line-height:1.35 !important;
}

/* Custom blocks berbasis gambar: hilangkan ruang kosong dari paragraf/editor */
#customblock-discussion-series p,
#customblock-flag-counter p{
  margin:0 0 8px !important;
}
#customblock-discussion-series p:last-child,
#customblock-flag-counter p:last-child{
  margin-bottom:0 !important;
}

/* Subscription / feed / block sistem OJS: padding dan daftar konsisten */
.pkp_structure_sidebar .pkp_block ul{
  max-width:100%;
}
.pkp_structure_sidebar .pkp_block li{
  line-height:1.45;
}

/* Desktop */
@media (min-width:992px){
  .pkp_structure_sidebar .pkp_block{
    margin-bottom:11px !important;
  }
}

/* Mini desktop / tablet */
@media (min-width:601px) and (max-width:991px){
  .pkp_structure_sidebar .pkp_block{
    margin-bottom:12px !important;
  }
}

/* Smartphone: ketika sidebar turun menjadi satu kolom, card tetap proporsional */
@media (max-width:600px){
  .pkp_structure_sidebar .pkp_block{
    margin-bottom:14px !important;
    border-radius:9px !important;
    box-shadow:0 3px 10px rgba(18,65,43,.05) !important;
  }

  .pkp_structure_sidebar .pkp_block > .title{
    padding:10px 12px !important;
  }

  .pkp_structure_sidebar .pkp_block > .content{
    padding:11px 12px !important;
  }

  #customblock-accreditation{
    padding:4px !important;
  }

  #customblock-accreditation > .content,
  #customblock-accreditation .content{
    padding:0 !important;
  }
}

/* ==========================================================================
   AKSARA JURNAL V1.7.5 — SECTION DIVIDER REFINEMENT
   Fokus tunggal: garis pembatas antarbagiannya dibuat lebih halus, konsisten,
   dan hierarkis tanpa mengubah layout maupun isi.
   ========================================================================== */

:root{
  --aksara-divider-soft:#E0EAE3;
  --aksara-divider-mid:#CEDFD3;
  --aksara-divider-accent:rgba(23,107,69,.38);
}

/* Pembatas horizontal utama: tipis, netral, tidak mendominasi konten */
.pkp_structure_main hr,
.pkp_structure_main .cmp_announcements,
.pkp_structure_main .cmp_notification,
.pkp_structure_main .obj_issue_toc,
.pkp_structure_main .page_index_journal .current_issue,
.pkp_structure_main .page_index_journal .additional_content{
  border-color:var(--aksara-divider-soft) !important;
}

/* Garis yang memisahkan area besar pada homepage */
.pkp_structure_main .page_index_journal .additional_content{
  border-top:1px solid var(--aksara-divider-mid) !important;
}

/* Current issue / daftar artikel: divider antarkartu tetap sangat lembut */
.pkp_structure_main .obj_issue_toc .articles > li,
.pkp_structure_main .obj_issue_toc .sections:not(:first-child),
.pkp_structure_main .obj_issue_toc .section{
  border-color:var(--aksara-divider-soft) !important;
}

/* About / metadata / area indeks: cegah garis hitam atau terlalu kontras */
.pkp_structure_main table,
.pkp_structure_main table td,
.pkp_structure_main table th{
  border-color:#D8E6DC !important;
}

/* Sidebar dan main: separator vertikal dibuat ringan */
@media (min-width:992px){
  .pkp_structure_sidebar{
    border-left:1px solid var(--aksara-divider-soft) !important;
  }
}

/* Batas sebelum footer: satu garis aksen tipis, bukan bar tebal */
.pkp_structure_footer_wrapper{
  border-top:1px solid var(--aksara-divider-accent) !important;
}

.pkp_structure_footer{
  border-top:0 !important;
}

/* Hilangkan efek garis ganda dari elemen footer internal */
.pkp_structure_footer .pkp_brand_footer,
.pkp_structure_footer .pkp_footer_content{
  border-top:0 !important;
}

/* Garis bawah paling akhir tetap aksen identitas, tetapi lebih proporsional */
.pkp_structure_footer_wrapper::after{
  content:"";
  display:block;
  width:100%;
  height:4px;
  background:#176B45;
  opacity:.78;
}

/* Mobile dan mini desktop: tidak memakai separator vertikal */
@media (max-width:991px){
  .pkp_structure_sidebar{
    border-left:0 !important;
  }

  .pkp_structure_main .page_index_journal .additional_content{
    border-top-color:var(--aksara-divider-soft) !important;
  }

  .pkp_structure_footer_wrapper::after{
    height:3px;
  }
}


/* ===== AKSARA V1.1: cumulative responsive / accessibility refinements ===== */
:root {
  --aksara-primary: #176B45;
  --aksara-primary-dark: #125338;
  --aksara-accent: #C09A4B;
  --aksara-text: #26392F;
  --aksara-muted: #62766A;
  --aksara-line: #DBE8DF;
  --aksara-soft: #F5FAF6;
  --aksara-paper: #FFFFFF;
}
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
:where(.pkp_structure_main, .pkp_structure_sidebar) :where(img, video, iframe, svg) { max-width:100%; }
:where(.pkp_structure_main, .pkp_structure_sidebar) :where(pre, code) { overflow-wrap: anywhere; }
.pkp_structure_main :where(a, button, input, select, textarea):focus-visible,
.pkp_site_nav_menu :where(a, button):focus-visible {
  outline: 2px solid var(--aksara-accent) !important;
  outline-offset: 3px;
}
@media (max-width: 991px) {
  .pkp_structure_main, .pkp_structure_sidebar { min-width:0; }
  .pkp_structure_main :where(pre, .table-responsive) { max-width:100%; overflow-x:auto; }
  .pkp_structure_main :where(table) { max-width:100%; }
  .pkp_structure_main :where(td, th) { overflow-wrap:break-word; word-break:normal; }
  #navigationPrimary > li > a, .pkp_search { min-height:42px; }
}
@media (max-width:600px) {
  .pkp_structure_main :where(img, figure) { height:auto; }
  .obj_article_summary .title { overflow-wrap:break-word; }
  #navigationPrimary > li > a, .pkp_search { min-height:44px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; transition-duration:.01ms !important; }
}
/* Progressive enhancement: JS adds a small expand button beside parent links.
   Without JS, original CSS :focus-within accordion remains operational. */
@media (max-width:991px) {
  html.aksara-js-nav #navigationPrimary > li.aksara-has-submenu > ul { display:none !important; }
  html.aksara-js-nav #navigationPrimary > li.aksara-has-submenu.aksara-submenu-open > ul { display:block !important; }
  html.aksara-js-nav #navigationPrimary > li.aksara-has-submenu > a { padding-right:54px !important; }
  html.aksara-js-nav #navigationPrimary > li.aksara-has-submenu > a::after { display:none !important; }
  html.aksara-js-nav .aksara-submenu-toggle {
    position:absolute; z-index:2; top:3px; right:5px; width:42px; height:42px;
    padding:0; border:0; border-radius:7px; color:var(--aksara-primary-dark);
    background:transparent; font-size:18px; cursor:pointer;
  }
  html.aksara-js-nav .aksara-submenu-toggle:hover,
  html.aksara-js-nav .aksara-submenu-toggle:focus-visible { background:#EAF3ED; }
  html.aksara-js-nav .aksara-submenu-toggle[aria-expanded=true] { transform:rotate(180deg); }
}
@media (min-width:992px) { .aksara-submenu-toggle { display:none !important; } }