/* =====================================================================
   ABDIMAS - STYLESHEET (versi bersih + palet "Emerald Fresh" + animasi)
   ---------------------------------------------------------------------
   CARA PAKAI:
   Ganti seluruh isi styleSheet.css lama dengan file ini.
   URL gambar (background body, header) tetap sama seperti CSS asli.

   Palet (Opsi B):
     Primer        #1b5e47     Primer gelap  #124232
     Sekunder      #2e9e6f     Aksen emas    #f2c94c
     Hover lembut  #e6f4ec     Latar         #f5faf7
   ===================================================================== */

/* ---------- 1. Design tokens (ubah warna cukup di sini) ---------- */
:root {
  --ab-primary:       #1b5e47;
  --ab-primary-dark:  #124232;
  --ab-primary-light: #2e9e6f;
  --ab-gold:          #f2c94c;
  --ab-gold-soft:     #f7dc8a;
  --ab-gold-deep:     #8a6506;   /* emas untuk TEKS (kontras aman di atas putih) */
  --ab-soft:          #e6f4ec;
  --ab-soft-2:        #d2e9dc;
  --ab-bg:            #f5faf7;
  --ab-ink:           #1f2933;
  --ab-muted:         #5b6b79;
  --ab-line:          #dbe9e1;
  --ab-ease:          cubic-bezier(0.22, 0.8, 0.24, 1);
  --ab-shadow-1:      0 2px 10px rgba(18, 66, 50, 0.08);
  --ab-shadow-2:      0 14px 32px -12px rgba(18, 66, 50, 0.35);
}

/* ---------- 2. Keyframes ---------- */
@keyframes ab-rise       { from { opacity: 0; translate: 0 22px; } to { opacity: 1; translate: 0 0; } }
@keyframes ab-fade       { from { opacity: 0; } to { opacity: 1; } }
@keyframes ab-shimmer    { from { background-position: 0% 0; } to { background-position: 200% 0; } }
@keyframes ab-gold-slide { from { background-position: 0 100%; } to { background-position: 300px 100%; } }
@keyframes ab-float      { from { translate: 0 -4px; } to { translate: 0 6px; } }
@keyframes ab-reveal     { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
@keyframes ab-progress   { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes ab-grow       { from { width: 0; } to { width: 64px; } }

/* ---------- 3. Dasar halaman ---------- */
html {
  background: none;
}

body {
  height: 100%;
  display: block;
  color: var(--ab-ink);
  background-color: var(--ab-bg);
  background-image: url(https://jurnal.unmer.ac.id/public/site/images/sariabdimas/tanpa-judul-konten-facebook2.png);
  background-repeat: repeat;
}

a {
  color: var(--ab-primary);
  transition: color 0.25s ease, background-color 0.25s ease;
}

:focus-visible {
  outline: 2px solid var(--ab-gold);
  outline-offset: 3px;
}

.pkp_structure_content {
  padding-top: 2.143rem;
  background: #fcfefd;
}

.pkp_structure_main h2 {
  color: var(--ab-primary);
}

/* Judul halaman: aksen emas di bawahnya */
.page_title {
  position: relative;
  text-align: justify;
  padding: 0 0 0.6em 0;
  color: var(--ab-primary-dark);
}
.page_title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 4px;
  border-radius: 2px;
  background: var(--ab-gold);
}

section.item.keywords {
  font-style: italic;
  font-weight: bold;
}

.csl-entry {
  font-weight: bold;
}

.obj_article_details .abstract {
  text-align: justify;
}

.obj_article_details .item {
  padding-top: 1.43rem;
  padding-bottom: 1.43rem;
  text-align: justify;
}

/* ---------- 4. Header ---------- */
.pkp_site_name .is_img img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  margin-top: -35px;
  margin-bottom: -5px;
}

.pkp_site_name_wrapper {
  background-color: transparent;
}

.pkp_structure_head {
  background: center / cover no-repeat url("https://jurnal.unmer.ac.id/public/journals/17/");
  border-bottom: transparent;
}

/* ---------- 5. Navigasi ---------- */
.pkp_navigation_wrapper_primary_wrapper {
  width: 1180px;
  height: 0px;
  padding-left: 1em;
  padding-right: 1em;
}

.pkp_navigation_primary > li:first-child a {
  margin-left: 1em;
}

.pkp_site_nav_menu a {
  display: inline-block;
  text-decoration: none;
}

/* Menu user (Register / Login / nama user) */
.pkp_navigation_user a {
  padding-top: 0.5rem;
  padding-bottom: 0.357rem;
  margin-right: 0rem;
  line-height: 1rem;
  color: var(--ab-primary);
  border-radius: 999px;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.pkp_navigation_user > li > a:hover {
  background-color: var(--ab-soft);
  color: var(--ab-primary-dark);
}
.pkp_navigation_user > li:last-child > a {
  display: inline-block;
  margin-right: 2rem;
  color: var(--ab-primary);
}
.pkp_navigation_user ul {
  width: 10em;
  background: #fff;
  border-top: 3px solid var(--ab-gold);
  border-radius: 0 0 10px 10px;
  box-shadow: var(--ab-shadow-2);
}
.pkp_navigation_user ul a:hover {
  background-color: var(--ab-soft);
  color: var(--ab-primary-dark);
}

/* Ikon hamburger (mobile) */
.pkp_site_nav_toggle > span::before,
.pkp_site_nav_toggle > span::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--ab-primary);
}
.pkp_site_nav_toggle > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 19px;
  border-bottom: 3px solid var(--ab-primary);
  text-indent: -9999px;
  overflow: hidden;
}

/* Dropdown menu utama */
.pkp_navigation_primary ul {
  background: #fff;
  border-top: 3px solid var(--ab-gold);
  border-radius: 0 0 10px 10px;
  box-shadow: var(--ab-shadow-2);
}
.pkp_nav_list ul a {
  display: block;
  padding-left: 0.357rem;
  border-left: 0.357rem solid transparent;
  color: var(--ab-primary);
  transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.25s var(--ab-ease);
}
.pkp_nav_list ul a:hover {
  background-color: var(--ab-soft);
  color: var(--ab-primary-dark);
  padding-left: 0.9rem;
}

/* Panah dropdown */
.pkp_nav_list [aria-haspopup]::after {
  position: relative;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-left: 0.25em;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  vertical-align: middle;
  overflow: hidden;
}

/* Layar lebar: baris menu utama hijau solid + garis emas berkilau */
@media (min-width: 992px) {
  .pkp_navigation_primary_row {
    width: auto;
    height: auto;
    padding-left: 1.5em;
    padding-right: 1em;
    border-bottom: 0.3em solid transparent;
    background-color: var(--ab-primary);
    background-image: linear-gradient(90deg, var(--ab-gold) 0, var(--ab-gold-soft) 150px, var(--ab-gold) 300px);
    background-size: 300px 0.3em;
    background-repeat: repeat-x;
    background-position: 0 100%;
    background-origin: border-box;
    border-radius: 10px 10px 0 0;
  }

  .pkp_navigation_primary > li > a {
    color: #fff;
    border-radius: 8px;
    background-image: linear-gradient(var(--ab-gold), var(--ab-gold));
    background-repeat: no-repeat;
    background-position: 50% calc(100% - 4px);
    background-size: 0 2px;
    transition: background-size 0.45s var(--ab-ease), background-color 0.25s ease, color 0.25s ease;
  }
  .pkp_navigation_primary > li > a:hover,
  .pkp_navigation_primary > li > a:focus-visible {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.14);
    background-size: calc(100% - 2rem) 2px;
  }
  .pkp_navigation_primary > li > a[aria-haspopup]::after {
    color: var(--ab-gold);
  }

  /* Tombol Search */
  .pkp_navigation_search_wrapper a {
    padding: 0.4rem 1rem;
    border: 1.5px solid rgba(255, 255, 255, 0.5);
    border-radius: 999px;
    color: #fff;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
  }
  .pkp_navigation_search_wrapper a:hover {
    background-color: #fff;
    border-color: #fff;
    color: var(--ab-primary);
  }
}

/* Layar kecil: menu terbuka berlatar terang agar teks hijau tetap terbaca */
@media (max-width: 991px) {
  .pkp_site_nav_menu {
    background-color: var(--ab-soft);
  }
  .pkp_site_nav_menu a {
    color: var(--ab-primary);
  }
}

/* ---------- 6. Kartu "About the Journal" ---------- */
.homepage_about {
  position: relative;
  overflow: hidden;
  margin-bottom: 3em;
  padding: 1.25rem 1.25rem 2em;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-bottom: 4px solid var(--ab-primary);
  border-radius: 14px;
  box-shadow: var(--ab-shadow-1), 0 18px 40px -26px rgba(18, 66, 50, 0.4);
  font-size: 14px;
  text-align: justify;
  transition: box-shadow 0.45s var(--ab-ease);
}
.homepage_about:hover {
  box-shadow: var(--ab-shadow-1), 0 22px 44px -22px rgba(18, 66, 50, 0.5);
}
/* Garis atas berkilau */
.homepage_about::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--ab-primary) 0%, var(--ab-primary) 40%, #8fd1b3 50%, var(--ab-primary) 60%, var(--ab-primary) 100%);
  background-size: 200% 100%;
}

/* Judul section beranda: aksen emas memanjang saat kursor masuk */
.pkp_page_index .current_issue > h2,
.pkp_page_index .cmp_announcements > h2 {
  position: relative;
  padding-bottom: 0.55rem;
  color: var(--ab-primary-dark);
}
.pkp_page_index .current_issue > h2::after,
.pkp_page_index .cmp_announcements > h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 44px;
  height: 3px;
  border-radius: 3px;
  background: var(--ab-gold);
  transition: width 0.6s var(--ab-ease);
}
.pkp_page_index .current_issue:hover > h2::after,
.pkp_page_index .cmp_announcements:hover > h2::after {
  width: 96px;
}

/* ---------- 7. Tabel .hover ---------- */
.hover {
  width: 100%;
  border-collapse: collapse;
}
.hover th {
  height: 0px;
  background: transparent;
  color: var(--ab-primary);
}
.hover td {
  height: 0px;
  padding-top: 0px;
  vertical-align: middle;
  border-bottom: 0px solid #fff;
  text-align: center;
}
.hover td a {
  width: 100%;
  display: block;
}
.hover tr {
  background: var(--ab-soft);
  color: var(--ab-ink);
  transition: background-color 0.25s ease;
}
.hover tr:hover {
  background-color: var(--ab-soft-2);
}
.hover tr a {
  color: var(--ab-ink);
  padding-left: 1em;
}
.hover a:hover {
  color: var(--ab-primary-dark);
}

/* ---------- 8. Current Issue & daftar isi terbitan ---------- */
.pkp_page_index .current_issue {
  color: var(--ab-primary);
  margin-top: 1em;
}
.pkp_page_index .current_issue .read_more {
  display: inline-block;
  color: var(--ab-primary);
  font-weight: 700;
  text-decoration: none;
  transition: letter-spacing 0.35s var(--ab-ease), color 0.25s ease;
}
.pkp_page_index .current_issue .read_more:hover {
  letter-spacing: 0.04em;
  color: var(--ab-gold-deep);
}

.pkp_page_index .current_issue .current_issue_title {
  display: inline-block;
  margin: 1.43rem 0 1rem;
  padding: 0.35rem 1rem;
  border-radius: 999px;
  background: var(--ab-primary);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 6px 16px -6px rgba(27, 94, 71, 0.7);
}

.obj_issue_toc .published {
  margin: 1.43rem 0;
  color: var(--ab-primary);
}

.obj_issue_toc .description {
  text-align: justify;
}

.obj_issue_toc .sections:not(:first-child) {
  margin-top: 0;
}

/* Cover issue: pembungkus mengikuti lebar gambar, bayangan di gambarnya */
.obj_issue_toc .cover {
  display: block;
  float: left;
  width: fit-content;
  max-width: 40%;
  height: auto;
  margin-right: 1.43rem;
  margin-bottom: 1rem;
  transition: transform 0.6s var(--ab-ease);
}
.obj_issue_toc .cover:hover {
  transform: translateY(-6px) rotate(-1.2deg);
}
.obj_issue_toc .cover img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 360px;
  margin-bottom: 0;
  border-radius: 10px;
  box-shadow: 0 18px 36px -14px rgba(18, 66, 50, 0.55), 0 0 0 1px rgba(18, 66, 50, 0.1);
  transition: box-shadow 0.6s var(--ab-ease);
}
.obj_issue_toc .cover:hover img {
  box-shadow: 0 28px 48px -16px rgba(18, 66, 50, 0.6), 0 0 0 1px rgba(18, 66, 50, 0.1);
}

/* Garis pemisah antar seksi */
.obj_issue_toc .galleys::before,
.obj_issue_toc .section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid var(--ab-line);
}

/* Judul seksi (Articles, dll): bilah emas di kiri */
.obj_issue_toc .galleys > h2,
.obj_issue_toc .section > h2,
.obj_issue_toc .galleys > h3,
.obj_issue_toc .section > h3 {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  position: relative;
  left: 0;
  margin: 0 0 1rem;
  padding: 0 0 0.45rem;
  overflow: visible;
  border-bottom: 2px solid var(--ab-soft-2);
  border-radius: 0;
  box-shadow: none;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 2.143rem;
  color: var(--ab-primary);
}
.obj_issue_toc .galleys > h2::before,
.obj_issue_toc .section > h2::before,
.obj_issue_toc .galleys > h3::before,
.obj_issue_toc .section > h3::before {
  content: "";
  flex: none;
  width: 5px;
  height: 1.1em;
  border-radius: 3px;
  background: var(--ab-gold);
}

/* ---------- 9. Kartu artikel ---------- */
ul.galleys_links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.6rem 0 0;
  padding: 0;
  list-style: none;
}
ul.galleys_links li {
  margin: 0;
}

.obj_article_summary {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0.9rem;
  padding: 0.9em 1.25em;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-left: 4px solid transparent;
  border-radius: 12px;
  box-shadow: var(--ab-shadow-1);
  font-weight: 300;
  text-transform: none;
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease), background-color 0.3s ease, border-color 0.3s ease;
}
.obj_article_summary:hover {
  background-color: var(--ab-soft);
  border-left-color: var(--ab-gold);
  transform: translateY(-3px);
  box-shadow: var(--ab-shadow-2);
}

.obj_article_summary .cover {
  display: block;
  float: left;
  width: 70px;
  height: auto;
  margin-right: 15px;
  border-radius: 6px;
  box-shadow: 0 4px 14px rgba(18, 66, 50, 0.2);
}

/* Judul artikel: garis bawah emas "tergambar" dari kiri */
.obj_article_summary > .title {
  font-weight: 600;
  font-size: 16px;
  text-transform: none;
}
.obj_article_summary > .title a {
  display: inline;
  padding-bottom: 2px;
  font-size: 16px;
  color: var(--ab-primary);
  text-decoration: none;
  background: linear-gradient(var(--ab-gold), var(--ab-gold)) 0 100% / 0 2px no-repeat;
  transition: background-size 0.55s var(--ab-ease), color 0.25s ease;
}
.obj_article_summary > .title a:hover {
  color: var(--ab-primary-dark);
  background-size: 100% 2px;
}

.obj_article_summary .subtitle {
  color: var(--ab-muted);
  font-style: italic;
  box-shadow: none;
}

.obj_article_summary .authors {
  margin: 0.6em 0;
  color: var(--ab-muted);
  font-weight: 400;
  font-size: 14px;
  text-transform: none;
}

.obj_article_summary .pages {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--ab-soft);
  color: var(--ab-primary);
  font-size: 12px;
  font-weight: 600;
}

/* Tombol galley (PDF dll) */
.cmp_button_wire,
.obj_galley_link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0.2rem 1rem;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(120deg, var(--ab-primary), var(--ab-primary-dark));
  color: #fff;
  font-size: 0.93rem;
  font-weight: 600;
  line-height: 2rem;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 6px 14px -8px rgba(18, 66, 50, 0.8);
  transition: transform 0.35s var(--ab-ease), box-shadow 0.35s var(--ab-ease), filter 0.25s ease;
}
.cmp_button_wire:hover,
.obj_galley_link:hover {
  color: #fff;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 10px 18px -8px rgba(18, 66, 50, 0.9);
  filter: brightness(1.1);
}
.obj_galley_link.pdf::before {
  content: "";
  width: 13px;
  height: 13px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m-5-5 5 5 5-5M5 20h14'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m-5-5 5 5 5-5M5 20h14'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform 0.35s var(--ab-ease);
}
.obj_galley_link.pdf:hover::before {
  transform: translateY(2px);
}

/* ---------- 10. Issues Archive, breadcrumb, pagination ---------- */
.page_issue_archive .issues_archive {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
  gap: 1.25rem;
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
}
.page_issue_archive .issues_archive > li {
  margin: 0;
  padding: 0;
}
.obj_issue_summary {
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  padding: 1.1rem 1.25rem;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-left: 4px solid var(--ab-primary);
  border-radius: 12px;
  box-shadow: var(--ab-shadow-1);
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease), border-color 0.3s ease;
}
.obj_issue_summary::after {
  content: "";
  display: table;
  clear: both;
}
.obj_issue_summary:hover {
  border-left-color: var(--ab-gold);
  transform: translateY(-3px);
  box-shadow: var(--ab-shadow-2);
}
.obj_issue_summary .cover img {
  border-radius: 6px;
  box-shadow: 0 4px 14px rgba(18, 66, 50, 0.2);
  transition: transform 0.35s var(--ab-ease);
}
.obj_issue_summary:hover .cover img {
  transform: scale(1.04);
}

.cmp_breadcrumbs {
  margin-bottom: 1rem;
  font-size: 12.5px;
}
.cmp_breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cmp_breadcrumbs li {
  display: inline-flex;
  align-items: center;
  color: var(--ab-muted);
}
.cmp_breadcrumbs a {
  color: var(--ab-primary);
  text-decoration: none;
}
.cmp_breadcrumbs a:hover {
  color: var(--ab-primary-dark);
  text-decoration: underline;
}
.cmp_breadcrumbs .separator {
  margin: 0 8px;
  color: #b3c7bc;
}
.cmp_breadcrumbs .current {
  font-weight: 600;
  color: var(--ab-primary-dark);
}

.cmp_pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 1rem;
  font-size: 13px;
}
.cmp_pagination .current {
  padding: 6px 16px;
  border-radius: 999px;
  background: var(--ab-soft);
  color: var(--ab-primary);
  font-weight: 600;
}
.cmp_pagination a {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 999px;
  background: var(--ab-soft);
  color: var(--ab-primary);
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.3s var(--ab-ease), background-color 0.2s ease, color 0.2s ease, box-shadow 0.3s ease;
}
.cmp_pagination a:hover {
  background: var(--ab-primary);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 14px -8px rgba(18, 66, 50, 0.8);
}
.cmp_pagination .prev,
.cmp_pagination .next {
  background: var(--ab-primary);
  color: #fff;
}
.cmp_pagination .prev:hover,
.cmp_pagination .next:hover {
  background: var(--ab-primary-dark);
}

/* ---------- 11. Announcements ---------- */
.obj_announcement_summary {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 1rem;
  padding: 1.1rem 1.3rem;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-left: 4px solid var(--ab-primary);
  border-radius: 12px;
  box-shadow: var(--ab-shadow-1);
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease), border-color 0.3s ease;
}
.obj_announcement_summary:hover {
  border-left-color: var(--ab-gold);
  transform: translateY(-3px);
  box-shadow: var(--ab-shadow-2);
}
.obj_announcement_summary h2 a,
.obj_announcement_summary h3 a {
  color: var(--ab-primary-dark);
  text-decoration: none;
}
.obj_announcement_summary h3 {
  margin: 0;
  font-size: 1.5em;
  line-height: 2.143em;
}
.obj_announcement_summary .date {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--ab-soft);
  color: var(--ab-primary);
  font-size: 12px;
  font-weight: 700;
}
.obj_announcement_summary .summary {
  margin-top: 0.714rem;
  font-size: 0.93rem;
  line-height: 1.43rem;
  text-align: justify;
}
.obj_announcement_summary .summary img {
  border-radius: 8px;
  transition: transform 0.7s var(--ab-ease);
}
.obj_announcement_summary:hover .summary img {
  transform: scale(1.025);
}
.obj_announcement_summary .read_more {
  color: var(--ab-primary);
  font-weight: 700;
  transition: letter-spacing 0.35s var(--ab-ease), color 0.25s ease;
}
.obj_announcement_summary .read_more:hover {
  letter-spacing: 0.04em;
  color: var(--ab-gold-deep);
}

.pkp_page_index .cmp_announcements > .obj_announcement_summary {
  float: left;
  width: 100%;
}
.pkp_page_index .cmp_announcements .more {
  float: right;
  width: 100%;
  padding-top: 1.43rem;
  padding-bottom: 1.43rem;
}
.pkp_page_index .cmp_announcements .more h4 {
  margin-top: 15px;
  padding: 0.4rem;
  border: 2px solid var(--ab-gold);
  border-radius: 10px;
  font-size: 1.5em;
  line-height: 1.5em;
  text-align: center;
}

/* ---------- 12. Sidebar ---------- */
.pkp_structure_sidebar:before {
  border-left: 1px solid var(--ab-line);
}

.pkp_block {
  padding: 1px !important;
  margin: 0px 0px 15px !important;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px -10px rgba(18, 66, 50, 0.35) !important;
  text-align: center;
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease);
}
.pkp_block:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px -10px rgba(18, 66, 50, 0.4) !important;
}

/* Judul blok + kilau yang melintas saat hover */
.pkp_block .title {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 40px;
  margin-bottom: 0px !important;
  padding-top: 10px;
  padding-left: 10px;
  background: linear-gradient(100deg, var(--ab-primary), var(--ab-primary-dark));
  border-bottom: 3px solid var(--ab-gold);
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
}
.pkp_block .title::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 40%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.28), transparent);
  translate: -130% 0;
  pointer-events: none;
}
.pkp_block:hover .title::after {
  translate: 230% 0;
  transition: translate 0.9s var(--ab-ease);
}

.pkp_block .content {
  display: block;
  margin: 0;
  padding: 0;
  background-color: var(--ab-bg);
}
.pkp_block .content ul li {
  padding: 2px 0;
  background-color: #fff;
}
.pkp_block li {
  position: relative;
  display: block;
  border-radius: 0;
  background-color: #fff;
}
.pkp_block ul > li a {
  display: flex;
  padding: 0.5rem 1rem;
  color: var(--ab-primary);
  transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.25s var(--ab-ease), box-shadow 0.25s ease;
}
.pkp_block ul > li a:hover {
  text-decoration: none;
  background-color: var(--ab-soft);
  color: var(--ab-primary-dark);
  padding-left: 1.3rem;
  box-shadow: inset 3px 0 0 var(--ab-gold);
}

.block ul {
  padding: 0;
  list-style: none;
}
.block li:before {
  display: none;
}
.block li {
  padding: 0;
}

/* Tombol "Make a Submission": CTA utama dengan kilau */
.block_make_submission a {
  position: relative;
  overflow: hidden;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.8rem 1rem;
  border-radius: 0;
  background: linear-gradient(120deg, var(--ab-primary), var(--ab-primary-dark));
  color: #fff;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: filter 0.3s ease, letter-spacing 0.35s var(--ab-ease);
}
.block_make_submission a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 35%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.35), transparent);
  translate: -130% 0;
  pointer-events: none;
}
.block_make_submission a:hover {
  color: #fff;
  filter: brightness(1.12);
  letter-spacing: 0.03em;
}

/* Menu samping (sidemenu) */
ul.sidemenu {
  margin-top: 0;
  padding-left: 0 !important;
}
ul.sidemenu.full {
  margin: 0;
}
ul.sidemenu li:before {
  display: none;
}
ul.sidemenu li {
  padding: 0;
  margin-bottom: 6px;
}
ul.sidemenu li:last-child {
  margin-bottom: 0;
}
ul.sidemenu li a {
  display: block;
  padding: 0.5rem 0.85rem;
  border-left: 3px solid transparent;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(18, 66, 50, 0.07);
  font-family: 'Lato', Helvetica, sans-serif;
  font-size: 1em;
  color: var(--ab-primary);
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.35s var(--ab-ease), box-shadow 0.35s var(--ab-ease), border-color 0.25s ease;
}
ul.sidemenu li a:hover {
  background-color: var(--ab-soft);
  border-left-color: var(--ab-gold);
  color: var(--ab-primary-dark);
  text-decoration: none;
  transform: translateX(3px);
  box-shadow: 0 8px 16px -8px rgba(18, 66, 50, 0.4);
}

/* Legacy (OJS 2) */
#leftSidebar div.block span.blockTitle,
#rightSidebar div.block span.blockTitle {
  padding: 0;
  border-bottom: 0;
  background: var(--ab-primary);
  color: #fff;
  text-transform: none !important;
  font-size: 1em;
}

.tableContent {
  width: 399.5px;
  height: 114.5px;
}

/* ---------- 13. Footer ---------- */
.pkp_brand_footer {
  display: none;
}

.pkp_structure_footer_wrapper {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(34rem 18rem at 0% 100%, rgba(255, 255, 255, 0.10), transparent 70%),
    radial-gradient(28rem 16rem at 100% 0%, rgba(242, 201, 76, 0.16), transparent 70%),
    linear-gradient(135deg, var(--ab-primary) 0%, var(--ab-primary-dark) 100%);
  border-top: 0;
  border-bottom: 1.5rem solid var(--ab-primary-dark);
}
/* Garis emas berkilau di tepi atas footer */
.pkp_structure_footer_wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--ab-gold), var(--ab-gold-soft), var(--ab-gold));
  background-size: 200% 100%;
}
/* Lingkaran dekoratif */
.pkp_structure_footer_wrapper::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -110px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  border: 38px solid rgba(255, 255, 255, 0.05);
  pointer-events: none;
}
.pkp_structure_footer {
  background: transparent;
}
.pkp_footer_content {
  position: relative;
  z-index: 1;
  padding: 1em;
  background: transparent;
  color: var(--ab-soft);
}
.pkp_footer_content a {
  color: #fff;
  text-decoration: none;
}
.pkp_footer_content a:hover {
  color: var(--ab-gold);
  text-decoration: none;
}

/* ---------- 14. Editorial team (struktur lama) ---------- */
.editorial-list {
  position: relative;
}
.editorial-list li {
  margin-bottom: 1.125rem;
}
.editorial-list .img-profile {
  position: absolute;
  width: 95px;
  height: 105px;
  padding: 0.5rem;
  border: 1px solid var(--ab-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: var(--ab-shadow-1);
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease), border-color 0.3s ease;
}
.editorial-list li:hover .img-profile {
  transform: translateY(-3px);
  border-color: var(--ab-gold);
  box-shadow: var(--ab-shadow-2);
}
.editorial-list .img-profile .imgthumb {
  width: 80px;
  height: 90px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 8px;
  object-fit: fill;
}
.editorial-list .img-profile img {
  width: 100%;
  height: 100%;
}
.team-content {
  margin-left: 100px;
  min-height: 130px;
}
.team-content .ico-label {
  width: 18px;
  height: 18px;
  margin-right: 0.5rem;
}
.team-aff ul li {
  margin-bottom: 0;
}
.team-aff ul li .tm_label {
  display: inline-block;
  width: 80px;
  color: var(--ab-primary);
  font-weight: 600;
}
.team-aff ul li .ico-label {
  width: 18px;
  height: 18px;
  margin-right: 0.5rem;
}

/* ---------- 15. Halaman detail artikel ---------- */

/* Judul artikel: banner */
.page_article .obj_article_details .page_title {
  position: relative;
  overflow: hidden;
  margin: 0 0 1.4rem;
  padding: 1.5rem 1.7rem 1.6rem 1.9rem;
  background:
    radial-gradient(18rem 10rem at 100% 0%, rgba(255, 255, 255, 0.16), transparent 70%),
    linear-gradient(120deg, var(--ab-primary), var(--ab-primary-dark));
  border-bottom: 4px solid var(--ab-gold);
  border-radius: 14px;
  box-shadow: var(--ab-shadow-2);
  color: #fff;
  font-size: clamp(1.25rem, 2.3vw, 1.6rem);
  line-height: 1.4;
  text-align: left;
}
.page_article .obj_article_details .page_title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: linear-gradient(var(--ab-gold), var(--ab-gold-soft));
}
/* Menimpa garis emas global: jadi kilau saat hover */
.page_article .obj_article_details .page_title::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 40%;
  height: auto;
  border-radius: 0;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  translate: -130% 0;
  pointer-events: none;
}
.page_article .obj_article_details .page_title:hover::after {
  translate: 330% 0;
  transition: translate 1s var(--ab-ease);
}

.page_article .main_entry > .item {
  margin: 0 0 1.2rem;
}
.page_article .main_entry .item .label {
  text-align: left;
}

/* Penulis: kartu per penulis */
.page_article .item.authors ul.authors {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page_article .item.authors li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0.85rem 1rem 0.85rem 3.7rem;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-radius: 12px;
  box-shadow: var(--ab-shadow-1);
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease), border-color 0.3s ease;
}
.page_article .item.authors li::after {
  content: none;
}
.page_article .item.authors li::before {
  content: "\f007";
  position: absolute;
  left: 0.9rem;
  top: 0.85rem;
  display: grid;
  place-items: center;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ab-primary-light), var(--ab-primary));
  box-shadow: 0 0 0 3px var(--ab-soft);
  color: #fff;
  font: normal normal normal 1rem/1 FontAwesome;
}
.page_article .item.authors li:hover {
  transform: translateY(-3px);
  border-color: var(--ab-gold);
  box-shadow: var(--ab-shadow-2);
}
.page_article .item.authors .name,
.page_article .item.authors .affiliation,
.page_article .item.authors .orcid {
  display: block;
}
.page_article .item.authors .name {
  color: var(--ab-primary-dark);
  font-weight: 700;
  line-height: 1.35;
}
.page_article .item.authors .affiliation {
  margin-top: 2px;
  color: var(--ab-muted);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ORCID: tautan panjang diganti lencana */
.page_article .item.authors .orcid {
  margin-top: 8px;
}
.page_article .item.authors .orcid a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 11px;
  border-radius: 999px;
  background: #f1f8e4;
  border: 1px solid #cfe3a3;
  color: #5b7d12;
  font-size: 0;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.page_article .item.authors .orcid a::before {
  content: "\f2bb";
  font: normal normal normal 12px/1 FontAwesome;
}
.page_article .item.authors .orcid a::after {
  content: "ORCID iD";
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.3px;
}
.page_article .item.authors .orcid a:hover {
  background: #a6ce39;
  color: #fff;
}

/* Keywords */
.page_article .main_entry .item.keywords {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.8rem;
  padding: 0.9rem 1.2rem;
  background: linear-gradient(100deg, #fff8df, #fffdf5);
  border-left: 4px solid var(--ab-gold);
  border-radius: 0 12px 12px 0;
  font-style: normal;
  font-weight: 400;
}
.page_article .item.keywords > .label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  color: var(--ab-gold-deep);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.page_article .item.keywords > .label::before {
  content: "\f02c";
  color: var(--ab-gold);
  font: normal normal normal 0.95rem/1 FontAwesome;
}
.page_article .item.keywords > .value {
  color: var(--ab-primary-dark);
  font-style: italic;
  font-weight: 600;
  line-height: 1.7;
  text-align: left;
}

/* Kartu: Abstract, Downloads, References */
.page_article :is(.item.abstract, .item.downloads_chart, .item.references) {
  overflow: hidden;
  padding: 0 1.6rem 1.5rem;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-radius: 14px;
  box-shadow: var(--ab-shadow-1), 0 18px 40px -26px rgba(18, 66, 50, 0.4);
}
.page_article :is(.item.abstract, .item.downloads_chart, .item.references) > .label {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 0 -1.6rem 1.2rem;
  padding: 0.7rem 1.6rem;
  background: linear-gradient(100deg, var(--ab-primary), var(--ab-primary-dark));
  border-bottom: 3px solid var(--ab-gold);
  color: #fff;
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.4;
  text-transform: none;
}
.page_article :is(.item.abstract, .item.downloads_chart, .item.references) > .label::before {
  color: var(--ab-gold);
  font: normal normal normal 1rem/1 FontAwesome;
}
.page_article .item.abstract > .label::before        { content: "\f0f6"; }
.page_article .item.downloads_chart > .label::before { content: "\f080"; }
.page_article .item.references > .label::before      { content: "\f02d"; }

.page_article .item.abstract p {
  margin: 0;
  color: var(--ab-ink);
  font-size: 14.5px;
  line-height: 1.9;
  text-align: justify;
}

/* Downloads */
.page_article .item.downloads_chart .value {
  position: relative;
}
.page_article .item.downloads_chart canvas {
  max-width: 100%;
}
.page_article .usageStatsUnavailable {
  padding: 1rem 1.2rem;
  background: #f6faf8;
  border: 1px dashed var(--ab-soft-2);
  border-radius: 10px;
  color: var(--ab-muted);
  font-size: 13px;
  text-align: center;
}

/* References: bisa di-scroll */
.page_article .item.references .value {
  max-height: 460px;
  overflow-y: auto;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: var(--ab-primary-light) var(--ab-soft);
}
.page_article .item.references .value p {
  margin: 0 0 0.5rem;
  padding: 0.6rem 0.9rem;
  background: #f7fbf9;
  border-left: 3px solid var(--ab-soft-2);
  border-radius: 0 8px 8px 0;
  color: var(--ab-muted);
  font-size: 13px;
  line-height: 1.65;
  text-align: left;
  overflow-wrap: anywhere;
  transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.4s var(--ab-ease);
}
.page_article .item.references .value p:hover {
  background: var(--ab-soft);
  border-left-color: var(--ab-gold);
  transform: translateX(3px);
}
.page_article .item.references .value a {
  color: var(--ab-primary);
  font-weight: 600;
  text-decoration: none;
}
.page_article .item.references .value a:hover {
  color: var(--ab-gold-deep);
  text-decoration: underline;
}

/* Sidebar kanan artikel: cover */
.page_article .item.cover_image {
  margin: 0 0 1.1rem;
  text-align: center;
}
.page_article .item.cover_image a {
  display: inline-block;
  line-height: 0;
  border-radius: 10px;
}
.page_article .item.cover_image img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 18px 36px -14px rgba(18, 66, 50, 0.55), 0 0 0 1px rgba(18, 66, 50, 0.12);
  transition: transform 0.6s var(--ab-ease), box-shadow 0.6s var(--ab-ease);
}
.page_article .item.cover_image a:hover img {
  transform: translateY(-5px) rotate(-1.2deg);
  box-shadow: 0 28px 46px -16px rgba(18, 66, 50, 0.6), 0 0 0 1px rgba(18, 66, 50, 0.12);
}

/* Tombol galley selebar kolom */
.page_article .item.galleys {
  margin: 0 0 1.1rem;
}
.page_article .item.galleys :is(.galleys_links, .supplementary_galleys_links) {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page_article .item.galleys :is(.galleys_links, .supplementary_galleys_links) li {
  margin: 0;
}
.page_article .item.galleys a:is(.obj_galley_link, .obj_galley_link_supplementary) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  width: 100%;
  padding: 0.85rem 1rem;
  border-bottom: 3px solid var(--ab-gold);
  border-radius: 12px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 1.4;
}
.page_article .item.galleys a:is(.obj_galley_link, .obj_galley_link_supplementary)::before {
  content: "\f0f6";
  width: auto;
  height: auto;
  background: none;
  -webkit-mask: none;
          mask: none;
  font: normal normal normal 1.25rem/1 FontAwesome;
}
.page_article .item.galleys a.pdf::before {
  content: "\f1c1";
}
.page_article .item.galleys a:is(.obj_galley_link, .obj_galley_link_supplementary)::after {
  content: "\f019";
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  background: none;
  font: normal normal normal 0.95rem/1 FontAwesome;
  opacity: 0.75;
  transition: transform 0.35s var(--ab-ease), opacity 0.35s ease;
}
.page_article .item.galleys a:is(.obj_galley_link, .obj_galley_link_supplementary):hover::before {
  transform: none;
}
.page_article .item.galleys a:is(.obj_galley_link, .obj_galley_link_supplementary):hover::after {
  transform: translateY(3px);
  opacity: 1;
}

/* Kartu info sidebar kanan */
.page_article .entry_details > .item:not(.cover_image):not(.galleys) {
  margin: 0 0 1rem;
  padding: 1rem 1.15rem;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-radius: 12px;
  box-shadow: var(--ab-shadow-1);
  overflow: hidden;
  transition: box-shadow 0.4s var(--ab-ease), border-color 0.3s ease;
}
.page_article .entry_details > .item:not(.cover_image):not(.galleys):hover {
  border-color: var(--ab-soft-2);
  box-shadow: var(--ab-shadow-2);
}
.page_article .entry_details .label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 0.55rem;
  color: var(--ab-primary-dark);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.page_article .entry_details .label::before {
  color: var(--ab-gold);
  font: normal normal normal 0.9rem/1 FontAwesome;
}
.page_article .item.published .label::before                      { content: "\f073"; }
.page_article .item.citation > .sub_item > .label::before         { content: "\f10d"; }
.page_article .item.issue .sub_item:nth-of-type(1) .label::before { content: "\f1ea"; }
.page_article .item.issue .sub_item:nth-of-type(2) .label::before { content: "\f0ca"; }
.page_article .item.copyright > .label::before                    { content: "\f1f9"; }
.page_article .citation_formats_list .label::before               { content: "\f019"; }

.page_article .item.published .value {
  color: var(--ab-primary-dark);
  font-size: 1.02rem;
  font-weight: 700;
  text-align: left;
}
.page_article .item.issue .sub_item + .sub_item {
  margin-top: 0.8rem;
  padding-top: 0.8rem;
  border-top: 1px dashed var(--ab-line);
}
.page_article .item.issue .value {
  text-align: left;
}
.page_article .item.issue .value a.title {
  color: var(--ab-primary);
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}
.page_article .item.issue .value a.title:hover {
  color: var(--ab-gold-deep);
}

/* How to Cite */
.page_article .item.citation .csl-entry {
  padding: 0.8rem 1rem;
  background: #f6faf8;
  border-left: 3px solid var(--ab-gold);
  border-radius: 0 10px 10px 0;
  color: var(--ab-ink);
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.7;
  text-align: left;
  overflow-wrap: anywhere;
}
.page_article .citation_formats {
  margin-top: 0.8rem;
}
.page_article .citation_formats_button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 1.05rem;
  background: #fff;
  border: 1.5px solid var(--ab-primary);
  border-radius: 999px;
  color: var(--ab-primary);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.3s var(--ab-ease);
}
.page_article .citation_formats_button::after {
  content: "\f107";
  display: inline-block;
  font: normal normal normal 1rem/1 FontAwesome;
  transition: transform 0.35s var(--ab-ease);
}
.page_article .citation_formats_button[aria-expanded="true"]::after {
  transform: rotate(180deg);
}
.page_article .citation_formats_button:hover {
  background: var(--ab-primary);
  color: #fff;
  transform: translateY(-1px);
}
.page_article .citation_formats_list ul.citation_formats_styles {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0.9rem 0 0;
  padding: 0;
  list-style: none;
}
.page_article .citation_formats_list ul.citation_formats_styles li {
  margin: 0;
  padding: 0;
}
.page_article .citation_formats_list ul.citation_formats_styles a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 12px;
  background: var(--ab-soft);
  border-radius: 999px;
  color: var(--ab-primary);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.3s var(--ab-ease);
}
.page_article .citation_formats_list ul.citation_formats_styles a:hover {
  background: var(--ab-primary);
  color: #fff;
  transform: translateY(-2px);
}
.page_article .citation_formats_list .label {
  margin-top: 1.1rem;
  padding-top: 0.9rem;
  border-top: 1px dashed var(--ab-line);
}
.page_article .citation_formats_list .label ~ ul.citation_formats_styles {
  flex-direction: column;
}
.page_article .citation_formats_list .label ~ ul.citation_formats_styles a {
  display: flex;
  width: 100%;
  padding: 7px 12px;
  background: #f6faf8;
  border: 1px solid var(--ab-line);
  border-radius: 8px;
}
.page_article .citation_formats_list .label ~ ul.citation_formats_styles a:hover {
  background: var(--ab-primary);
  border-color: var(--ab-primary);
}
.page_article .citation_formats_list .label ~ ul.citation_formats_styles a .fa {
  color: var(--ab-gold);
}

/* License */
.page_article .item.copyright > a[rel="license"] {
  display: inline-block;
  margin-bottom: 0.6rem;
}
.page_article .item.copyright img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}
.page_article .item.copyright p {
  margin: 0 0 0.55rem;
  color: var(--ab-muted);
  font-size: 12.5px;
  line-height: 1.7;
  text-align: left;
}
.page_article .item.copyright a {
  color: var(--ab-primary);
  font-weight: 600;
  text-decoration: none;
}
.page_article .item.copyright a:hover {
  color: var(--ab-gold-deep);
  text-decoration: underline;
}

/* ---------- 16. Responsif ---------- */
@media (max-width: 600px) {
  .obj_issue_toc .cover {
    float: none;
    max-width: 70%;
    margin: 0 auto 1rem;
  }
  .obj_article_summary,
  .obj_announcement_summary {
    padding: 0.85em 1em;
  }
  .editorial-list .img-profile { width: 85px; height: 95px; }
  .team-content { margin-left: 92px; }

  .page_article .obj_article_details .page_title { padding: 1.2rem 1.1rem 1.3rem 1.4rem; }
  .page_article :is(.item.abstract, .item.downloads_chart, .item.references) {
    padding: 0 1.1rem 1.2rem;
  }
  .page_article :is(.item.abstract, .item.downloads_chart, .item.references) > .label {
    margin: 0 -1.1rem 1rem;
    padding: 0.65rem 1.1rem;
  }
  .page_article .item.abstract p {
    font-size: 14px;
    text-align: left;
  }
}

/* =====================================================================
   ANIMASI
   Hanya aktif jika pengunjung tidak memilih "reduce motion"
   ===================================================================== */
@media (prefers-reduced-motion: no-preference) {

  html { scroll-behavior: smooth; }

  /* Urutan pembuka beranda: About -> Current Issue -> Announcements */
  .pkp_page_index .homepage_about    { animation: ab-rise 0.9s var(--ab-ease) both; }
  .pkp_page_index .current_issue     { animation: ab-rise 0.9s var(--ab-ease) 0.12s both; }
  .pkp_page_index .cmp_announcements { animation: ab-rise 0.9s var(--ab-ease) 0.24s both; }

  /* Sidebar menyusul satu per satu */
  .pkp_structure_sidebar .pkp_block { animation: ab-fade 1s ease both; }
  .pkp_structure_sidebar .pkp_block:nth-child(1)   { animation-delay: 0.25s; }
  .pkp_structure_sidebar .pkp_block:nth-child(2)   { animation-delay: 0.32s; }
  .pkp_structure_sidebar .pkp_block:nth-child(3)   { animation-delay: 0.39s; }
  .pkp_structure_sidebar .pkp_block:nth-child(4)   { animation-delay: 0.46s; }
  .pkp_structure_sidebar .pkp_block:nth-child(n+5) { animation-delay: 0.5s; }

  /* Garis emas navbar, atas kartu About, dan atas footer berkilau pelan */
  @media (min-width: 992px) {
    .pkp_navigation_primary_row { animation: ab-gold-slide 6s linear infinite; }
  }
  .homepage_about::before               { animation: ab-shimmer 9s linear infinite; }
  .pkp_structure_footer_wrapper::before { animation: ab-shimmer 7s linear infinite; }

  /* Kilau tombol Make a Submission (jeda panjang agar tidak mengganggu) */
  .block_make_submission a::after { animation: ab-sheen 5s ease-in-out infinite; }
  .block_make_submission a:hover::after { animation-play-state: paused; }

  /* Cover issue di beranda melayang sangat pelan */
  .pkp_page_index .obj_issue_toc .cover { animation: ab-float 5s ease-in-out infinite alternate; }
  .pkp_page_index .obj_issue_toc .cover:hover { animation-play-state: paused; }

  /* Judul halaman: garis emas "tumbuh" */
  .page_title::after { animation: ab-grow 1s var(--ab-ease) 0.35s both; }
  .page_article .obj_article_details .page_title::after { animation: none; }
  .page_article .obj_article_details .page_title { animation: ab-rise 0.8s var(--ab-ease) both; }

  /* Animasi mengikuti scroll (Chrome, Edge, Safari 26+).
     Browser yang belum mendukung otomatis menampilkan konten biasa. */
  @supports (animation-timeline: view()) {

    /* Kartu artikel, terbitan, pengumuman muncul saat masuk layar */
    .obj_article_summary,
    .page_issue_archive .obj_issue_summary,
    .obj_announcement_summary,
    .page_article .item.authors li,
    .page_article .main_entry > .item,
    .page_article .entry_details > .item,
    .page_article .item.references .value p {
      animation: ab-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 28%;
    }

    /* Garis progres baca di paling atas layar */
    body::before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      z-index: 9999;
      background: var(--ab-gold);
      transform-origin: 0 50%;
      transform: scaleX(0);
      animation: ab-progress linear both;
      animation-timeline: scroll(root);
      pointer-events: none;
    }
  }
}

@keyframes ab-sheen {
  0%, 70% { translate: -130% 0; }
  100%    { translate: 230% 0; }
}

/* =====================================================================
   PERBAIKAN SIDEBAR
   ===================================================================== */

/* 1. Teks item menu rata kiri (Author Information & Online Submission) */
.pkp_block .sidemenu li a {
  text-align: left;
  justify-content: flex-start;
}

/* 2. Judul tersembunyi untuk screen reader harus tetap tersembunyi
      (kemarin tertimpa gaya .pkp_block .title) */
.pkp_block .title.pkp_screen_reader {
  position: absolute !important;
  left: -9999px;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
}

/* 3. Blok di dalam blok (customblock-sidebar ada di dalam .content blok luar):
      jangan dijadikan kartu lagi, cukup jadi pita judul di dalam kartu luar */
.pkp_block .content .pkp_block {
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none;
  animation: none;
}
.pkp_block .content .pkp_block:hover {
  transform: none;
  box-shadow: none !important;
}

/* =====================================================================
   BERANDA - TABEL INFO JURNAL (Publisher, ISSN, Frequency, Indexing)
   ===================================================================== */

/* Tabel jadi kartu baris */
.homepage_about table.data,
.homepage_about table.data tbody {
  display: block;
  width: 100% !important;
}
.homepage_about table.data {
  margin: 1.2rem 0 1.4rem;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(18, 66, 50, 0.07);
}
.homepage_about table.data tr {
  display: grid;
  grid-template-columns: 12.5rem 1fr;
  border-bottom: 1px solid var(--ab-line);
  transition: background-color 0.3s ease;
}
.homepage_about table.data tr:last-child {
  border-bottom: 0;
}
.homepage_about table.data td {
  width: auto !important;
  margin: 0;
  border: 0;
  text-align: left;
}

/* Label di kiri + ikon bulat */
.homepage_about table.data td:first-child {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.8rem 1rem;
  background: var(--ab-soft);
  color: var(--ab-primary-dark);
  font-size: 13px;
  font-weight: 700;
  transition: box-shadow 0.35s var(--ab-ease), background-color 0.3s ease;
}
.homepage_about table.data td:first-child::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  background: #fff;
  color: var(--ab-primary);
  font: normal normal normal 0.85rem/1 FontAwesome;
  box-shadow: 0 2px 6px rgba(18, 66, 50, 0.12);
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.45s var(--ab-ease);
}
.homepage_about table.data tr:nth-child(1) td:first-child::before { content: "\f19c"; } /* Publisher */
.homepage_about table.data tr:nth-child(2) td:first-child::before { content: "\f02f"; } /* Print ISSN */
.homepage_about table.data tr:nth-child(3) td:first-child::before { content: "\f0ac"; } /* Online ISSN */
.homepage_about table.data tr:nth-child(4) td:first-child::before { content: "\f073"; } /* Frequency */
.homepage_about table.data tr:nth-child(5) td:first-child::before { content: "\f1c0"; } /* Indexing */

/* Isi di kanan */
.homepage_about table.data td:last-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 0.5rem;
  padding: 0.8rem 1rem;
  color: var(--ab-ink);
  line-height: 1.6;
  transition: background-color 0.3s ease;
}
.homepage_about table.data tr:nth-child(even) td:last-child {
  background: #f8fcfa;
}

/* Hover baris: penanda emas di kiri, ikon berputar */
.homepage_about table.data tr:hover td:last-child {
  background: var(--ab-soft);
}
.homepage_about table.data tr:hover td:first-child {
  background: var(--ab-soft-2);
  box-shadow: inset 4px 0 0 var(--ab-gold);
}
.homepage_about table.data tr:hover td:first-child::before {
  background: var(--ab-primary);
  color: #fff;
  transform: rotate(-8deg);
}

/* Tautan: label bulat (ISSN dan indeks) */
.homepage_about table.data td a {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 2px 12px;
  background: var(--ab-soft);
  border: 1px solid var(--ab-soft-2);
  border-radius: 999px;
  color: var(--ab-primary);
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.35s var(--ab-ease), box-shadow 0.35s var(--ab-ease);
}
.homepage_about table.data td a::after {
  content: "\f08e";
  font: normal normal normal 0.7em/1 FontAwesome;
  opacity: 0.6;
  transition: transform 0.35s var(--ab-ease), opacity 0.25s ease;
}
.homepage_about table.data td a:hover {
  background: var(--ab-primary);
  border-color: var(--ab-primary);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 16px -8px rgba(18, 66, 50, 0.7);
}
.homepage_about table.data td a:hover::after {
  opacity: 1;
  transform: translate(2px, -2px);
}

/* Nomor ISSN: lebih tegas */
.homepage_about table.data tr:nth-child(2) td a,
.homepage_about table.data tr:nth-child(3) td a {
  letter-spacing: 1px;
  font-weight: 700;
}

/* HP: label di atas, isi di bawahnya */
@media (max-width: 600px) {
  .homepage_about table.data tr {
    grid-template-columns: 1fr;
  }
  .homepage_about table.data td:first-child {
    padding: 0.55rem 0.9rem;
  }
  .homepage_about table.data td:last-child {
    padding: 0.6rem 0.9rem 0.8rem;
  }
}

/* Animasi: tiap baris muncul saat di-scroll (mati jika "reduce motion") */
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .homepage_about table.data tr {
      animation: ab-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* =====================================================================
   BERANDA - KARTU "ABOUT THE JOURNAL": bagian selain tabel info
   (judul, paragraf, Focus & Scope, daftar scope, tabel logo)
   ===================================================================== */

/* ---------- Judul "About the Journal" ---------- */
.pkp_structure_main .homepage_about > h2 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1.4rem;
  padding: 0 0 0.9rem;
  color: var(--ab-primary-dark);
  font-size: 1.5rem;
  line-height: 1.3;
  text-align: left;
}
.pkp_structure_main .homepage_about > h2::before {
  content: "\f02d";
  flex: none;
  display: grid;
  place-items: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ab-primary-light), var(--ab-primary));
  color: #fff;
  font: normal normal normal 1.05rem/1 FontAwesome;
  box-shadow: 0 6px 14px -6px rgba(27, 94, 71, 0.8), 0 0 0 4px var(--ab-soft);
  transition: transform 0.5s var(--ab-ease);
}
.pkp_structure_main .homepage_about:hover > h2::before {
  transform: rotate(-8deg) scale(1.05);
}
.pkp_structure_main .homepage_about > h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 4px;
  border-radius: 2px;
  background: var(--ab-gold);
  transition: width 0.6s var(--ab-ease);
}
.pkp_structure_main .homepage_about:hover > h2::after {
  width: 120px;
}

/* ---------- Paragraf pembuka: kotak sorotan ---------- */
.pkp_structure_main .homepage_about > p:nth-of-type(1) {
  margin: 0 0 1.2rem;
  padding: 1.1rem 1.3rem;
  background: linear-gradient(100deg, var(--ab-soft), #f8fcfa);
  border-left: 4px solid var(--ab-gold);
  border-radius: 0 12px 12px 0;
  color: var(--ab-ink);
  font-size: 14.5px;
  line-height: 1.85;
}
.pkp_structure_main .homepage_about > p:nth-of-type(1) strong {
  padding: 0 2px;
  background: linear-gradient(transparent 58%, rgba(242, 201, 76, 0.45) 58%);
  color: var(--ab-primary-dark);
}

/* ---------- Focus and Scope: label jadi pil hijau ---------- */
.pkp_structure_main .homepage_about > p:nth-of-type(2) {
  margin: 1.8rem 0 1rem;
  color: var(--ab-ink);
  line-height: 1.85;
}
.pkp_structure_main .homepage_about > p:nth-of-type(2) > strong {
  display: inline-block;
  margin-right: 0.35rem;
  padding: 0.15rem 0.95rem 0.15rem 0.8rem;
  background: linear-gradient(120deg, var(--ab-primary), var(--ab-primary-dark));
  border-bottom: 2px solid var(--ab-gold);
  border-radius: 999px;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.03em;
  box-shadow: 0 6px 14px -8px rgba(18, 66, 50, 0.8);
}
.pkp_structure_main .homepage_about > p:nth-of-type(2) > strong::before {
  content: "\f140";
  margin-right: 0.45rem;
  color: var(--ab-gold);
  font: normal normal normal 0.9em/1 FontAwesome;
}

/* ---------- Daftar scope: grid kartu berikon ---------- */
.pkp_structure_main .homepage_about > ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pkp_structure_main .homepage_about > ol > ol {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
  gap: 0.8rem;
  margin: 0 0 1.3rem;
  padding: 0;
  list-style: none;
}
.pkp_structure_main .homepage_about > ol > ol > li {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin: 0;
  padding: 0.8rem 1rem;
  background: #f6faf8;
  border: 1px solid var(--ab-line);
  border-left: 3px solid var(--ab-primary);
  border-radius: 0 12px 12px 0;
  color: var(--ab-primary-dark);
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
  transition: transform 0.4s var(--ab-ease), background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.4s var(--ab-ease);
}
.pkp_structure_main .homepage_about > ol > ol > li::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: #fff;
  color: var(--ab-primary);
  font: normal normal normal 0.95rem/1 FontAwesome;
  box-shadow: 0 2px 6px rgba(18, 66, 50, 0.12);
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.45s var(--ab-ease);
}
.pkp_structure_main .homepage_about > ol > ol > li:hover {
  background: var(--ab-primary);
  border-left-color: var(--ab-gold);
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 14px 24px -14px rgba(18, 66, 50, 0.7);
}
.pkp_structure_main .homepage_about > ol > ol > li:hover::before {
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  transform: rotate(-8deg);
}
.pkp_structure_main .homepage_about > ol > ol > li:nth-child(1)::before { content: "\f0c0"; } /* Community-Based Development */
.pkp_structure_main .homepage_about > ol > ol > li:nth-child(2)::before { content: "\f06c"; } /* Sustainable Livelihoods */
.pkp_structure_main .homepage_about > ol > ol > li:nth-child(3)::before { content: "\f19d"; } /* Education and Training */
.pkp_structure_main .homepage_about > ol > ol > li:nth-child(4)::before { content: "\f21e"; } /* Health and Well-Being */
.pkp_structure_main .homepage_about > ol > ol > li:nth-child(5)::before { content: "\f0eb"; } /* Social Innovation */
.pkp_structure_main .homepage_about > ol > ol > li:nth-child(6)::before { content: "\f109"; } /* Technology for Empowerment */
.pkp_structure_main .homepage_about > ol > ol > li:nth-child(7)::before { content: "\f071"; } /* Disaster Risk Reduction */
.pkp_structure_main .homepage_about > ol > ol > li:nth-child(8)::before { content: "\f2b5"; } /* Partnership and Collaboration */
.pkp_structure_main .homepage_about > ol > ol > li:nth-child(9)::before { content: "\f1fc"; } /* Cultural and Local Wisdom */

/* ---------- Paragraf penutup: kotak info berikon ---------- */
.pkp_structure_main .homepage_about > p:nth-of-type(3) {
  position: relative;
  margin: 0 0 1.6rem;
  padding: 1.1rem 1.3rem 1.1rem 4.3rem;
  background: var(--ab-soft);
  border-radius: 12px;
  color: var(--ab-ink);
  line-height: 1.8;
}
.pkp_structure_main .homepage_about > p:nth-of-type(3)::before {
  content: "\f1d8";
  position: absolute;
  left: 1.1rem;
  top: 1rem;
  display: grid;
  place-items: center;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  background: #fff;
  color: var(--ab-primary);
  font: normal normal normal 1rem/1 FontAwesome;
  box-shadow: 0 4px 10px -4px rgba(18, 66, 50, 0.35);
}

/* Paragraf kosong ( ) di akhir disembunyikan */
.pkp_structure_main .homepage_about > p:nth-of-type(4) {
  display: none;
}

/* ---------- Tabel logo: grid kartu dengan keterangan ---------- */
.pkp_structure_main .homepage_about table:not(.data),
.pkp_structure_main .homepage_about table:not(.data) tbody {
  display: block;
  width: 100%;
  border: 0;
}
.pkp_structure_main .homepage_about table:not(.data) {
  margin: 0.4rem 0 0;
}
.pkp_structure_main .homepage_about table:not(.data) tbody {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  gap: 0.9rem;
}
.pkp_structure_main .homepage_about table:not(.data) tr {
  display: contents;
}
.pkp_structure_main .homepage_about table:not(.data) td {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  width: auto !important;
  min-height: 7.5rem;
  margin: 0;
  padding: 1.2rem 1rem 1rem;
  background: linear-gradient(160deg, #fff, #f7fbf9);
  border: 1px solid var(--ab-line);
  border-radius: 14px;
  box-shadow: var(--ab-shadow-1);
  text-align: center;
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease), border-color 0.3s ease;
}
/* Garis emas di atas kartu "tergambar" saat hover */
.pkp_structure_main .homepage_about table:not(.data) td::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--ab-primary), var(--ab-gold));
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform 0.6s var(--ab-ease);
}
.pkp_structure_main .homepage_about table:not(.data) td:hover {
  transform: translateY(-4px);
  border-color: var(--ab-gold);
  box-shadow: var(--ab-shadow-2);
}
.pkp_structure_main .homepage_about table:not(.data) td:hover::before {
  transform: scaleX(1);
}

/* Logo */
.pkp_structure_main .homepage_about table:not(.data) td a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.pkp_structure_main .homepage_about table:not(.data) td img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 58px;
  margin: 0 auto;
  opacity: 0.92;
  transition: transform 0.5s var(--ab-ease), opacity 0.3s ease;
}
.pkp_structure_main .homepage_about table:not(.data) td:hover img {
  transform: scale(1.07);
  opacity: 1;
}

/* Keterangan kecil di bawah logo */
.pkp_structure_main .homepage_about table:not(.data) td::after {
  display: block;
  color: var(--ab-muted);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.pkp_structure_main .homepage_about table:not(.data) td:hover::after {
  color: var(--ab-primary);
}
.pkp_structure_main .homepage_about table:not(.data) td:nth-child(1)::after { content: "Accredited SINTA 3"; }
.pkp_structure_main .homepage_about table:not(.data) td:nth-child(2)::after { content: "ISSN Portal"; }
.pkp_structure_main .homepage_about table:not(.data) td:nth-child(3)::after { content: "COPE Ethics"; }
.pkp_structure_main .homepage_about table:not(.data) td:nth-child(4)::after { content: "CC BY-SA 4.0"; }

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .homepage_about > h2 {
    font-size: 1.25rem;
  }
  .pkp_structure_main .homepage_about > p:nth-of-type(3) {
    padding-left: 3.7rem;
  }
  .pkp_structure_main .homepage_about > p:nth-of-type(3)::before {
    left: 0.8rem;
    width: 2rem;
    height: 2rem;
  }
  .pkp_structure_main .homepage_about table:not(.data) tbody {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ---------- Animasi (mati jika pengunjung memilih "reduce motion") ---------- */
@media (prefers-reduced-motion: no-preference) {

  /* Logo melayang sangat pelan, bergantian */
  .pkp_structure_main .homepage_about table:not(.data) td img {
    animation: ab-float 4.5s ease-in-out infinite alternate;
  }
  .pkp_structure_main .homepage_about table:not(.data) td:nth-child(2) img { animation-delay: -1.1s; }
  .pkp_structure_main .homepage_about table:not(.data) td:nth-child(3) img { animation-delay: -2.2s; }
  .pkp_structure_main .homepage_about table:not(.data) td:nth-child(4) img { animation-delay: -3.3s; }
  .pkp_structure_main .homepage_about table:not(.data) td:hover img { animation-play-state: paused; }

  /* Tiap bagian muncul saat di-scroll (Chrome, Edge, Safari 26+) */
  @supports (animation-timeline: view()) {
    .pkp_structure_main .homepage_about > p,
    .pkp_structure_main .homepage_about > ol > ol > li,
    .pkp_structure_main .homepage_about table:not(.data) td {
      animation: ab-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* =====================================================================
   FOOTER: logo | alamat | kontak + baris ISSN, DOI, lisensi
   (melengkapi bagian "13. Footer" yang sudah ada; tanpa ubah HTML)
   ===================================================================== */

/* ---------- Teks hitam inline dinetralkan ---------- */
.pkp_footer_content span[style*="color"] {
  color: inherit !important;
}
.pkp_footer_content span[style*="border-bottom"] {
  border-bottom: 0 !important;
}

.pkp_footer_content {
  padding: 2.4rem 1.5rem 2rem;
  color: var(--ab-soft);
  font-size: 14px;
  line-height: 1.8;
}

/* ---------- Tabel -> grid 3 kolom ---------- */
.pkp_footer_content table {
  display: block;
  width: 100%;
  margin: 0;
  border: 0;
}
.pkp_footer_content table tbody {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr);
  gap: 1.2rem;
  align-items: stretch;
}
.pkp_footer_content table tr {
  display: contents;
}
.pkp_footer_content table td {
  width: auto !important;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
}

/* ---------- Kolom 1: logo dalam kartu putih ---------- */
.pkp_footer_content table td:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pkp_footer_content table td:nth-child(1) h4 {
  margin: 0;
}
.pkp_footer_content table td:nth-child(1) a {
  display: block;
  line-height: 0;
}
.pkp_footer_content table td:nth-child(1) img {
  display: block;
  width: auto;
  height: auto;
  max-width: 120px;
  max-height: 140px;
  padding: 12px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 18px 34px -14px rgba(0, 0, 0, 0.55), 0 0 0 4px rgba(255, 255, 255, 0.14);
  transition: transform 0.6s var(--ab-ease), box-shadow 0.6s var(--ab-ease);
}
.pkp_footer_content table td:nth-child(1) a:hover img {
  transform: translateY(-6px) rotate(-1.5deg);
  box-shadow: 0 28px 44px -16px rgba(0, 0, 0, 0.6), 0 0 0 4px rgba(242, 201, 76, 0.6);
}

/* ---------- Kolom 2 & 3: kartu kaca ---------- */
.pkp_footer_content table td:nth-child(n+2) {
  position: relative;
  overflow: hidden;
  padding: 1.3rem 1.5rem 1.1rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 14px;
  box-shadow: 0 14px 28px -18px rgba(0, 0, 0, 0.55);
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease), border-color 0.3s ease, background-color 0.3s ease;
}
.pkp_footer_content table td:nth-child(n+2):hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: var(--ab-gold);
  transform: translateY(-4px);
  box-shadow: 0 22px 36px -18px rgba(0, 0, 0, 0.65);
}

/* Judul kartu: ikon bulat + garis emas yang memanjang saat hover */
.pkp_footer_content table td:nth-child(n+2) h4 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 0 0 1rem;
  padding: 0 0 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
}
.pkp_footer_content table td:nth-child(n+2) h4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 48px;
  height: 3px;
  border-radius: 2px;
  background: var(--ab-gold);
  transition: width 0.6s var(--ab-ease);
}
.pkp_footer_content table td:nth-child(n+2):hover h4::after {
  width: 96px;
}
.pkp_footer_content table td:nth-child(n+2) h4 span::before {
  display: inline-grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  margin-right: 0.7rem;
  vertical-align: middle;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  color: var(--ab-gold-soft);
  font: normal normal normal 0.95rem/1 FontAwesome;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.45s var(--ab-ease);
}
.pkp_footer_content table td:nth-child(2) h4 span::before { content: "\f041"; } /* Mailing Address */
.pkp_footer_content table td:nth-child(3) h4 span::before { content: "\f095"; } /* Contact Info */
.pkp_footer_content table td:nth-child(n+2):hover h4 span::before {
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  transform: rotate(-8deg);
}

.pkp_footer_content table td p {
  margin: 0 0 0.6rem;
  color: var(--ab-soft);
}
.pkp_footer_content table td p:last-child {
  margin-bottom: 0;
}

/* ---------- Kontak: email & website jadi pil berikon ---------- */
.pkp_footer_content table td:nth-child(3) a {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 1px 12px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.4s var(--ab-ease);
}
.pkp_footer_content table td:nth-child(3) a::before {
  color: var(--ab-gold-soft);
  font: normal normal normal 0.85rem/1 FontAwesome;
  transition: color 0.3s ease;
}
.pkp_footer_content table td:nth-child(3) a[href^="mailto:"]::before { content: "\f0e0"; }
.pkp_footer_content table td:nth-child(3) a[href^="http"]::before    { content: "\f0ac"; }
.pkp_footer_content table td:nth-child(3) a:hover {
  background: #fff;
  border-color: #fff;
  color: var(--ab-primary-dark);
  transform: translateY(-2px);
}
.pkp_footer_content table td:nth-child(3) a:hover::before {
  color: var(--ab-primary);
}
/* Nomor telepon */
.pkp_footer_content .value {
  color: var(--ab-gold-soft);
  font-weight: 700;
  letter-spacing: 0.03em;
}

/* ---------- Baris bawah: nama jurnal, ISSN, DOI, lisensi ---------- */
.pkp_footer_content p[style*="text-align: center"] {
  margin: 1.6rem 0 0;
  padding-top: 1.2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--ab-soft);
  font-size: 13.5px;
  line-height: 2.3;
  text-align: center !important;
}

/* Nama jurnal: garis emas "tergambar" saat hover */
.pkp_footer_content p[style*="text-align: center"] > a:first-child {
  padding-bottom: 2px;
  background: linear-gradient(var(--ab-gold), var(--ab-gold)) 0 100% / 0 2px no-repeat;
  color: #fff;
  font-size: 1.05rem;
  font-weight: 700;
  transition: background-size 0.55s var(--ab-ease), color 0.25s ease;
}
.pkp_footer_content p[style*="text-align: center"] > a:first-child:hover {
  background-size: 100% 2px;
  color: #fff;
}

/* ISSN dan DOI: pil */
.pkp_footer_content p[style*="text-align: center"] a[href*="issn.brin.go.id"],
.pkp_footer_content p[style*="text-align: center"] a[href*="crossref"] {
  display: inline-block;
  padding: 1px 14px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.06em;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.4s var(--ab-ease);
}
.pkp_footer_content p[style*="text-align: center"] a[href*="issn.brin.go.id"]:hover,
.pkp_footer_content p[style*="text-align: center"] a[href*="crossref"]:hover {
  background: #fff;
  border-color: #fff;
  color: var(--ab-primary-dark);
  transform: translateY(-2px);
}

/* Lisensi CC: pil putih agar ikon hitamnya terbaca */
.pkp_footer_content a[rel~="license"] {
  margin-left: 0.4rem;
  padding: 4px 14px;
  vertical-align: middle;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.55);
  font-size: 12.5px;
  line-height: 1.7;
  transition: transform 0.4s var(--ab-ease), box-shadow 0.4s var(--ab-ease);
}
.pkp_footer_content a[rel~="license"],
.pkp_footer_content a[rel~="license"] span {
  color: var(--ab-primary-dark) !important;
}
.pkp_footer_content a[rel~="license"]:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 26px -12px rgba(0, 0, 0, 0.6);
}

/* ---------- Layar kecil: tumpuk, rata tengah ---------- */
@media (max-width: 767px) {
  .pkp_footer_content {
    padding: 2rem 1.1rem 1.6rem;
  }
  .pkp_footer_content table tbody {
    grid-template-columns: 1fr;
  }
  .pkp_footer_content table td:nth-child(1) {
    justify-self: center;
  }
  .pkp_footer_content p[style*="text-align: center"] {
    line-height: 2.1;
  }
}

/* ---------- Animasi (mati jika pengunjung memilih "reduce motion") ---------- */
@media (prefers-reduced-motion: no-preference) {

  /* Logo melayang sangat pelan */
  .pkp_footer_content table td:nth-child(1) img {
    animation: ab-float 5s ease-in-out infinite alternate;
  }
  .pkp_footer_content table td:nth-child(1) a:hover img {
    animation-play-state: paused;
  }

  /* Kartu dan baris bawah muncul halus saat footer masuk layar (Chrome, Edge, Safari 26+) */
  @supports (animation-timeline: view()) {
    .pkp_footer_content table td:nth-child(n+2),
    .pkp_footer_content p[style*="text-align: center"] {
      animation: ab-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 60%;
    }
  }
}

/* =====================================================================
   HALAMAN ABOUT THE JOURNAL (page_about)
   ===================================================================== */

@keyframes ab-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(192, 70, 61, 0.45); }
  70%  { box-shadow: 0 0 0 12px rgba(192, 70, 61, 0); }
  100% { box-shadow: 0 0 0 0 rgba(192, 70, 61, 0); }
}

/* ---------- Kartu halaman ---------- */
.pkp_structure_main .page_about {
  position: relative;
  overflow: hidden;
  padding: 2.2rem 2.4rem 1.8rem;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-radius: 14px;
  box-shadow: var(--ab-shadow-1), 0 18px 40px -26px rgba(18, 66, 50, 0.4);
  color: var(--ab-ink);
  line-height: 1.75;
}
.pkp_structure_main .page_about::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--ab-primary) 0%, var(--ab-primary) 40%, #8fd1b3 50%, var(--ab-primary) 60%, var(--ab-primary) 100%);
  background-size: 200% 100%;
}

.pkp_structure_main .page_about p { margin: 0 0 1rem; }
.pkp_structure_main .page_about strong { color: var(--ab-primary-dark); }

/* Gaya inline bawaan editor (warna hitam, font, ukuran 2em) dinetralkan */
.pkp_structure_main .page_about span[style*="color"] { color: inherit !important; }
.pkp_structure_main .page_about span[style*="font-family"] {
  font-family: inherit !important;
  font-size: inherit !important;
}
.pkp_structure_main .page_about span[style*="font-size: 2em"] { font-size: inherit !important; }

/* Tautan di paragraf: garis emas "tergambar" saat hover */
.pkp_structure_main .page_about p a,
.pkp_structure_main .page_about #CopyrightNotice li a,
.pkp_structure_main .page_about #JournalHistory li a {
  color: var(--ab-primary);
  font-weight: 600;
  text-decoration: none;
  background: linear-gradient(var(--ab-gold), var(--ab-gold)) 0 100% / 0 2px no-repeat;
  transition: background-size 0.5s var(--ab-ease), color 0.25s ease;
}
.pkp_structure_main .page_about p a:hover,
.pkp_structure_main .page_about #CopyrightNotice li a:hover,
.pkp_structure_main .page_about #JournalHistory li a:hover {
  color: var(--ab-primary-dark);
  background-size: 100% 2px;
}
.pkp_structure_main .page_about a:has(img) { background: none !important; }

.pkp_structure_main .page_about hr {
  height: 1px;
  margin: 1.6rem 0 0;
  border: 0;
  background: linear-gradient(90deg, var(--ab-line), transparent);
}

/* Tombol Edit (hanya tampil untuk admin) */
.pkp_structure_main .page_about > .cmp_edit_link {
  position: absolute;
  top: 1.4rem;
  right: 1.6rem;
  padding: 0.2rem 0.9rem;
  border-radius: 999px;
  background: var(--ab-soft);
  color: var(--ab-primary);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.pkp_structure_main .page_about > .cmp_edit_link:hover {
  background: var(--ab-primary);
  color: #fff;
}

/* ---------- Judul halaman ---------- */
.pkp_structure_main .page_about > nav + h1 {
  position: relative;
  margin: 0 0 1.4rem;
  padding: 0 0 0.9rem;
  color: var(--ab-primary-dark);
  font-size: 1.9rem;
  line-height: 1.25;
}
.pkp_structure_main .page_about > nav + h1::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 64px; height: 4px;
  border-radius: 2px;
  background: var(--ab-gold);
}

/* ---------- Judul kelompok: Summary, ISSN Number, Editorial Policies ---------- */
.pkp_structure_main .page_about > p:nth-of-type(1),
.pkp_structure_main .page_about > p:nth-of-type(5),
.pkp_structure_main .page_about > h1:nth-of-type(3) {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 2rem 0 1rem;
  padding: 0.7rem 1.1rem;
  background: linear-gradient(90deg, var(--ab-soft), transparent);
  border-left: 4px solid var(--ab-primary);
  border-radius: 0 10px 10px 0;
  color: var(--ab-primary-dark);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}
.pkp_structure_main .page_about > p:nth-of-type(1) { margin-top: 0; }
.pkp_structure_main .page_about > p:nth-of-type(1)::before,
.pkp_structure_main .page_about > p:nth-of-type(5)::before,
.pkp_structure_main .page_about > h1:nth-of-type(3)::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background: var(--ab-primary);
  color: #fff;
  font: normal normal normal 0.95rem/1 FontAwesome;
}
.pkp_structure_main .page_about > p:nth-of-type(1)::before  { content: "\f15c"; }
.pkp_structure_main .page_about > p:nth-of-type(5)::before  { content: "\f02a"; }
.pkp_structure_main .page_about > h1:nth-of-type(3)::before { content: "\f0e3"; }

/* Paragraf/judul kosong ( ) disembunyikan */
.pkp_structure_main .page_about > p:nth-of-type(4),
.pkp_structure_main .page_about > h1:nth-of-type(2),
.pkp_structure_main .page_about div > h1:first-child { display: none; }

/* ---------- Summary ---------- */
.pkp_structure_main .page_about > p:nth-of-type(2) {
  padding: 1.1rem 1.3rem;
  background: linear-gradient(100deg, var(--ab-soft), #f8fcfa);
  border-left: 4px solid var(--ab-gold);
  border-radius: 0 12px 12px 0;
}
.pkp_structure_main .page_about > p:nth-of-type(2) strong,
.pkp_structure_main .page_about > p:nth-of-type(3) strong {
  padding: 0 2px;
  background: linear-gradient(transparent 58%, rgba(242, 201, 76, 0.45) 58%);
}

/* ---------- ISSN Number: panel logo + kartu hijau ---------- */
.pkp_structure_main .page_about > p:nth-of-type(6) {
  display: grid;
  place-items: center;
  padding: 1.2rem;
  background: linear-gradient(135deg, #f7fbf9, #fff);
  border: 1px solid var(--ab-line);
  border-radius: 14px;
}
.pkp_structure_main .page_about > p:nth-of-type(6) img {
  display: block;
  max-width: min(100%, 220px);
  height: auto;
  border-radius: 8px;
  transition: transform 0.6s var(--ab-ease);
}
.pkp_structure_main .page_about > p:nth-of-type(6):hover img { transform: scale(1.05); }

.pkp_structure_main .page_about > p:nth-of-type(7) {
  position: relative;
  overflow: hidden;
  margin: 0 0 1rem;
  padding: 1.3rem 1.5rem 1.3rem 5.2rem;
  background: linear-gradient(135deg, var(--ab-primary) 0%, var(--ab-primary-dark) 100%);
  border-radius: 14px;
  box-shadow: 0 16px 30px -16px rgba(18, 66, 50, 0.75);
  color: var(--ab-soft);
  line-height: 2.2;
  text-align: left;
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease);
}
.pkp_structure_main .page_about > p:nth-of-type(7):hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 36px -16px rgba(18, 66, 50, 0.85);
}
.pkp_structure_main .page_about > p:nth-of-type(7)::before {
  content: "\f1ea";
  position: absolute;
  left: 1.3rem;
  top: 1.3rem;
  display: grid;
  place-items: center;
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 12px;
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  font: normal normal normal 1.2rem/1 FontAwesome;
  box-shadow: 0 6px 14px -6px rgba(0, 0, 0, 0.45);
}
.pkp_structure_main .page_about > p:nth-of-type(7)::after {
  content: "";
  position: absolute;
  right: -4rem;
  top: -5rem;
  width: 13rem;
  height: 13rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.07);
  pointer-events: none;
}
.pkp_structure_main .page_about > p:nth-of-type(7) a {
  display: inline-block;
  padding: 0 14px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.06em;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.4s var(--ab-ease);
}
.pkp_structure_main .page_about > p:nth-of-type(7) a:hover {
  background: #fff;
  border-color: #fff;
  color: var(--ab-primary-dark);
  transform: translateY(-2px);
}
/* Nama jurnal (tautan pertama) tampil sebagai judul, bukan pil */
.pkp_structure_main .page_about > p:nth-of-type(7) a:first-child {
  padding: 0 0 2px;
  background: linear-gradient(var(--ab-gold), var(--ab-gold)) 0 100% / 0 2px no-repeat;
  border: 0;
  border-radius: 0;
  font-size: 1.05rem;
  letter-spacing: 0;
  transition: background-size 0.55s var(--ab-ease);
}
.pkp_structure_main .page_about > p:nth-of-type(7) a:first-child:hover {
  background: linear-gradient(var(--ab-gold), var(--ab-gold)) 0 100% / 100% 2px no-repeat;
  color: #fff;
  transform: none;
}

/* ---------- Editorial Policies: deretan pil berikon ---------- */
.pkp_structure_main .page_about #tabs > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 0 0 0.4rem;
  padding: 0;
  list-style: none;
}
.pkp_structure_main .page_about #tabs > ul > li {
  margin: 0;
  padding: 0;
}
.pkp_structure_main .page_about #tabs > ul > li::before { content: none; }
.pkp_structure_main .page_about #tabs > ul > li > a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 1rem;
  border-radius: 999px;
  background: var(--ab-soft);
  color: var(--ab-primary);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.35s var(--ab-ease), box-shadow 0.35s var(--ab-ease);
}
.pkp_structure_main .page_about #tabs > ul > li > a::before {
  color: var(--ab-primary-light);
  font: normal normal normal 0.9rem/1 FontAwesome;
  transition: color 0.25s ease;
}
.pkp_structure_main .page_about #tabs > ul > li > a:hover {
  background: var(--ab-primary);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 16px -8px rgba(18, 66, 50, 0.7);
}
.pkp_structure_main .page_about #tabs > ul > li > a:hover::before { color: var(--ab-gold); }
.pkp_structure_main .page_about #tabs > ul > li:nth-child(1)  > a::before { content: "\f140"; }
.pkp_structure_main .page_about #tabs > ul > li:nth-child(2)  > a::before { content: "\f073"; }
.pkp_structure_main .page_about #tabs > ul > li:nth-child(3)  > a::before { content: "\f023"; }
.pkp_structure_main .page_about #tabs > ul > li:nth-child(4)  > a::before { content: "\f13e"; }
.pkp_structure_main .page_about #tabs > ul > li:nth-child(5)  > a::before { content: "\f0c5"; }
.pkp_structure_main .page_about #tabs > ul > li:nth-child(6)  > a::before { content: "\f1f9"; }
.pkp_structure_main .page_about #tabs > ul > li:nth-child(7)  > a::before { content: "\f187"; }
.pkp_structure_main .page_about #tabs > ul > li:nth-child(8)  > a::before { content: "\f0c0"; }
.pkp_structure_main .page_about #tabs > ul > li:nth-child(9)  > a::before { content: "\f24e"; }
.pkp_structure_main .page_about #tabs > ul > li:nth-child(10) > a::before { content: "\f09d"; }
.pkp_structure_main .page_about #tabs > ul > li:nth-child(11) > a::before { content: "\f1c0"; }
.pkp_structure_main .page_about #tabs > ul > li:nth-child(12) > a::before { content: "\f1da"; }

.pkp_structure_main .page_about [id^="tabs-"] { scroll-margin-top: 1rem; }

/* =====================================================================
   JUDUL SETIAP KEBIJAKAN: pita hijau selebar kartu
   ===================================================================== */
.pkp_structure_main .page_about div > h1:not(:first-child) {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin: 2.8rem -2.4rem 1.2rem;
  padding: 0.8rem 2.4rem;
  background: linear-gradient(100deg, var(--ab-primary), var(--ab-primary-dark));
  border-bottom: 3px solid var(--ab-gold);
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.4;
}
.pkp_structure_main .page_about div > h1:not(:first-child)::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background: #fff;
  color: var(--ab-primary);
  font: normal normal normal 0.95rem/1 FontAwesome;
}
#FocusandScope > h1:not(:first-child)::before          { content: "\f140"; }
#PublicationFrequency > h1:not(:first-child)::before   { content: "\f073"; }
#PrivacyStatement > h1:not(:first-child)::before       { content: "\f023"; }
#OpenAccesPolicy > h1:not(:first-child)::before        { content: "\f09c"; }
#PlagiarismPolicy > h1:not(:first-child)::before       { content: "\f0c5"; }
#CopyrightNotice > h1:not(:first-child)::before        { content: "\f1f9"; }
#Archiving > h1:not(:first-child)::before              { content: "\f187"; }
#PeerReviewProcess > h1:not(:first-child)::before      { content: "\f0c0"; }
#PublicationEthics > h1:not(:first-child)::before      { content: "\f24e"; }
#AuthorFees > h1:not(:first-child)::before             { content: "\f09d"; }
#IndexingandAbstracting > h1:not(:first-child)::before { content: "\f1c0"; }
#JournalHistory > h1:not(:first-child)::before         { content: "\f1da"; }

/* ---------- Panel gambar (logo di bawah judul) ---------- */
.pkp_structure_main .page_about :is(#FocusandScope, #PublicationFrequency, #PrivacyStatement, #OpenAccesPolicy) > h1:not(:first-child) + p,
.pkp_structure_main .page_about #PublicationEthics > p:nth-of-type(3),
.pkp_structure_main .page_about #CopyrightNotice > h1:not(:first-child) + p {
  display: grid;
  place-items: center;
  padding: 1.2rem;
  background: linear-gradient(135deg, #f7fbf9, #fff);
  border: 1px solid var(--ab-line);
  border-radius: 14px;
  text-align: center !important;
}
.pkp_structure_main .page_about :is(#FocusandScope, #PublicationFrequency, #PrivacyStatement, #OpenAccesPolicy) > h1:not(:first-child) + p img,
.pkp_structure_main .page_about #PublicationEthics > p:nth-of-type(3) img {
  display: block;
  max-width: min(100%, 360px);
  height: auto;
  border-radius: 8px;
  transition: transform 0.6s var(--ab-ease);
}
.pkp_structure_main .page_about :is(#FocusandScope, #PublicationFrequency, #PrivacyStatement, #OpenAccesPolicy) > h1:not(:first-child) + p:hover img,
.pkp_structure_main .page_about #PublicationEthics > p:nth-of-type(3):hover img {
  transform: scale(1.04);
}

/* ---------- Paragraf pembuka tiap bagian: kotak sorotan berikon ---------- */
.pkp_structure_main .page_about :is(#PublicationEthics, #PlagiarismPolicy, #Archiving, #PeerReviewProcess, #AuthorFees, #IndexingandAbstracting) > h1:not(:first-child) + p,
.pkp_structure_main .page_about :is(#FocusandScope, #PublicationFrequency, #PrivacyStatement, #OpenAccesPolicy) > h1:not(:first-child) + p + p {
  position: relative;
  padding: 1.1rem 1.3rem 1.1rem 4.5rem;
  background: linear-gradient(100deg, var(--ab-soft), #f8fcfa);
  border-left: 4px solid var(--ab-gold);
  border-radius: 0 12px 12px 0;
  font-size: 1.02rem;
}
.pkp_structure_main .page_about :is(#PublicationEthics, #PlagiarismPolicy, #Archiving, #PeerReviewProcess, #AuthorFees, #IndexingandAbstracting) > h1:not(:first-child) + p::before,
.pkp_structure_main .page_about :is(#FocusandScope, #PublicationFrequency, #PrivacyStatement, #OpenAccesPolicy) > h1:not(:first-child) + p + p::before {
  position: absolute;
  left: 1.1rem;
  top: 1rem;
  display: grid;
  place-items: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: #fff;
  color: var(--ab-primary);
  font: normal normal normal 1.05rem/1 FontAwesome;
  box-shadow: 0 4px 10px -4px rgba(18, 66, 50, 0.35);
}
#FocusandScope > h1:not(:first-child) + p + p::before        { content: "\f140"; }
#PublicationFrequency > h1:not(:first-child) + p + p::before { content: "\f073"; }
#PrivacyStatement > h1:not(:first-child) + p + p::before     { content: "\f023"; }
#OpenAccesPolicy > h1:not(:first-child) + p + p::before      { content: "\f09c"; }
#PlagiarismPolicy > h1:not(:first-child) + p::before         { content: "\f0c5"; }
#Archiving > h1:not(:first-child) + p::before                { content: "\f187"; }
#PeerReviewProcess > h1:not(:first-child) + p::before        { content: "\f0c0"; }
#PublicationEthics > h1:not(:first-child) + p::before        { content: "\f24e"; }
#AuthorFees > h1:not(:first-child) + p::before               { content: "\f09d"; }
#IndexingandAbstracting > h1:not(:first-child) + p::before   { content: "\f1c0"; }

/* =====================================================================
   FOCUS AND SCOPE: grid kartu berikon
   ===================================================================== */
#FocusandScope > ol {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  gap: 0.8rem;
  margin: 1.1rem 0;
  padding: 0;
  list-style: none;
}
#FocusandScope > ol > li {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin: 0;
  padding: 0.8rem 1rem;
  background: #f6faf8;
  border: 1px solid var(--ab-line);
  border-left: 3px solid var(--ab-primary);
  border-radius: 0 12px 12px 0;
  color: var(--ab-primary-dark);
  font-weight: 600;
  line-height: 1.4;
  transition: transform 0.4s var(--ab-ease), background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.4s var(--ab-ease);
}
#FocusandScope > ol > li::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: #fff;
  color: var(--ab-primary);
  font: normal normal normal 0.95rem/1 FontAwesome;
  box-shadow: 0 2px 6px rgba(18, 66, 50, 0.12);
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.45s var(--ab-ease);
}
#FocusandScope > ol > li:hover {
  background: var(--ab-primary);
  border-left-color: var(--ab-gold);
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 14px 24px -14px rgba(18, 66, 50, 0.7);
}
#FocusandScope > ol > li:hover::before {
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  transform: rotate(-8deg);
}
#FocusandScope > ol > li:nth-child(1)::before { content: "\f0c0"; }
#FocusandScope > ol > li:nth-child(2)::before { content: "\f06c"; }
#FocusandScope > ol > li:nth-child(3)::before { content: "\f19d"; }
#FocusandScope > ol > li:nth-child(4)::before { content: "\f21e"; }
#FocusandScope > ol > li:nth-child(5)::before { content: "\f0eb"; }
#FocusandScope > ol > li:nth-child(6)::before { content: "\f109"; }
#FocusandScope > ol > li:nth-child(7)::before { content: "\f071"; }
#FocusandScope > ol > li:nth-child(8)::before { content: "\f2b5"; }
#FocusandScope > ol > li:nth-child(9)::before { content: "\f1fc"; }

/* =====================================================================
   PLAGIARISM POLICY (paragraf kosong disembunyikan, 3 kartu bernuansa)
   ===================================================================== */
#PlagiarismPolicy > p:nth-of-type(2),
#PlagiarismPolicy > p:nth-of-type(4),
#PlagiarismPolicy > p:nth-of-type(7) { display: none; }

#PlagiarismPolicy > p { margin: 0 0 1rem !important; }

#PlagiarismPolicy > p:nth-of-type(3),
#PlagiarismPolicy > p:nth-of-type(5),
#PlagiarismPolicy > p:nth-of-type(8) {
  position: relative;
  padding: 1rem 1.25rem 1rem 4.4rem;
  border: 1px solid var(--ab-line);
  border-left: 4px solid;
  border-radius: 0 12px 12px 0;
  overflow-wrap: anywhere;
  transition: transform 0.4s var(--ab-ease), box-shadow 0.4s var(--ab-ease);
}
#PlagiarismPolicy > p:nth-of-type(3)::before,
#PlagiarismPolicy > p:nth-of-type(5)::before,
#PlagiarismPolicy > p:nth-of-type(8)::before {
  position: absolute;
  left: 1.1rem;
  top: 0.9rem;
  display: grid;
  place-items: center;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  font: normal normal normal 1rem/1 FontAwesome;
}
#PlagiarismPolicy > p:nth-of-type(3):hover,
#PlagiarismPolicy > p:nth-of-type(5):hover,
#PlagiarismPolicy > p:nth-of-type(8):hover {
  transform: translateX(5px);
  box-shadow: 0 12px 24px -14px rgba(18, 66, 50, 0.5);
}
/* Keaslian naskah: peringatan amber */
#PlagiarismPolicy > p:nth-of-type(3) { background: #fff8e6; border-color: #f3dca0; border-left-color: var(--ab-gold); }
#PlagiarismPolicy > p:nth-of-type(3)::before { content: "\f071"; background: #fff1cc; color: var(--ab-gold-deep); }
/* Turnitin: info */
#PlagiarismPolicy > p:nth-of-type(5) { background: var(--ab-soft); border-color: var(--ab-soft-2); border-left-color: var(--ab-primary); }
#PlagiarismPolicy > p:nth-of-type(5)::before { content: "\f05a"; background: #fff; color: var(--ab-primary); }
/* Manajemen referensi */
#PlagiarismPolicy > p:nth-of-type(8) { background: #f6faf8; border-left-color: var(--ab-primary); }
#PlagiarismPolicy > p:nth-of-type(8)::before { content: "\f02d"; background: var(--ab-soft); color: var(--ab-primary); }
/* Catatan afiliasi Turnitin */
#PlagiarismPolicy > p:nth-of-type(6) {
  padding-left: 0.6rem;
  color: var(--ab-muted);
  font-size: 13px;
  font-style: italic;
}

/* =====================================================================
   COPYRIGHT NOTICE
   ===================================================================== */
#CopyrightNotice > h1:not(:first-child) + p strong {
  display: inline-block;
  margin-top: 0.4rem;
  color: var(--ab-muted);
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
#CopyrightNotice > h1:not(:first-child) + p img { transition: transform 0.25s var(--ab-ease); }
#CopyrightNotice > h1:not(:first-child) + p:hover img { transform: translateY(-2px); }

/* Label kecil dengan garis memanjang */
#CopyrightNotice > p:nth-of-type(2),
#PeerReviewProcess > p:nth-of-type(3) {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin: 1.6rem 0 0.9rem;
  color: var(--ab-primary-dark);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
#CopyrightNotice > p:nth-of-type(2)::after,
#PeerReviewProcess > p:nth-of-type(3)::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, var(--ab-line), transparent);
}

/* Tiga poin: kartu bernomor */
#CopyrightNotice > ol {
  counter-reset: cp;
  margin: 0;
  padding: 0;
  list-style: none;
}
#CopyrightNotice > ol > li {
  counter-increment: cp;
  position: relative;
  margin: 0 0 0.75rem;
  padding: 0.95rem 1.2rem 0.95rem 4.3rem;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-radius: 12px;
  transition: transform 0.4s var(--ab-ease), box-shadow 0.4s var(--ab-ease), border-color 0.3s ease;
}
#CopyrightNotice > ol > li::before {
  content: counter(cp);
  position: absolute;
  left: 1.1rem;
  top: 0.85rem;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: var(--ab-primary);
  box-shadow: 0 0 0 5px var(--ab-soft);
  color: #fff;
  font-weight: 700;
}
#CopyrightNotice > ol > li:hover {
  transform: translateX(5px);
  border-color: var(--ab-gold);
  box-shadow: 0 12px 24px -14px rgba(18, 66, 50, 0.45);
}

/* =====================================================================
   PEER REVIEW PROCESS: timeline
   ===================================================================== */
#PeerReviewProcess > ol {
  counter-reset: pr;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}
#PeerReviewProcess > ol > li {
  counter-increment: pr;
  position: relative;
  margin: 0;
  padding: 0.25rem 0 1.4rem 3.4rem;
}
#PeerReviewProcess > ol > li::before {
  content: counter(pr);
  position: absolute;
  left: 0; top: 0;
  display: grid;
  place-items: center;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  background: var(--ab-primary);
  box-shadow: 0 0 0 5px var(--ab-soft);
  color: #fff;
  font-weight: 700;
}
#PeerReviewProcess > ol > li::after {
  content: "";
  position: absolute;
  left: 1.15rem;
  top: 2.6rem;
  bottom: 0.1rem;
  width: 2px;
  background: linear-gradient(var(--ab-primary), var(--ab-soft-2));
}
#PeerReviewProcess > ol > li:last-child { padding-bottom: 0.4rem; }
#PeerReviewProcess > ol > li:last-child::after { display: none; }
#PeerReviewProcess > ol > li strong {
  padding: 0 2px;
  background: linear-gradient(transparent 58%, rgba(242, 201, 76, 0.45) 58%);
}

/* =====================================================================
   PUBLICATION ETHICS
   (isinya satu paragraf panjang: yang bisa dipercantik hanya
    label tebal dan label "Duties of ...")
   ===================================================================== */
#PublicationEthics > p:nth-of-type(4),
#PublicationEthics > p:nth-of-type(5) {
  margin: 0 0 0.7rem;
  padding: 1.2rem 1.4rem;
  background: #fbfdfc;
  border: 1px solid var(--ab-line);
  border-radius: 12px;
  line-height: 1.9;
  overflow-wrap: anywhere;
}

/* Label "Duties for Editors / Reviewers / Authors": pita hijau */
#PublicationEthics > p:nth-of-type(4) > span[style*="underline"] {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0.6rem 0 0.3rem;
  padding: 0.45rem 1.1rem;
  background: linear-gradient(100deg, var(--ab-primary-light), var(--ab-primary));
  border-radius: 10px;
  box-shadow: 0 10px 20px -14px rgba(18, 66, 50, 0.7);
  color: #fff;
  text-decoration: none !important;
}
#PublicationEthics > p:nth-of-type(4) > span[style*="underline"] strong { color: #fff; }
#PublicationEthics > p:nth-of-type(4) > span[style*="underline"]::before {
  color: var(--ab-gold-soft);
  font: normal normal normal 0.95rem/1 FontAwesome;
}
#PublicationEthics > p:nth-of-type(4) > span[style*="underline"]:nth-of-type(1)::before { content: "\f040"; }
#PublicationEthics > p:nth-of-type(4) > span[style*="underline"]:nth-of-type(2)::before { content: "\f06e"; }
#PublicationEthics > p:nth-of-type(4) > span[style*="underline"]:nth-of-type(3)::before { content: "\f007"; }

/* Judul butir etika: tanda centang emas */
#PublicationEthics > p > strong {
  color: var(--ab-primary-dark);
}
#PublicationEthics > p > strong::before {
  content: "\f00c";
  margin-right: 0.45rem;
  color: var(--ab-gold-deep);
  font: normal normal normal 0.85em/1 FontAwesome;
}

/* =====================================================================
   AUTHOR FEES
   ===================================================================== */
/* Tiga kartu biaya */
#AuthorFees > p:nth-of-type(n+2):nth-of-type(-n+4) {
  position: relative;
  margin: 0 0 0.9rem;
  padding: 1rem 1.25rem 1rem 4.4rem;
  border: 1px solid var(--ab-line);
  border-left: 4px solid;
  border-radius: 0 12px 12px 0;
  transition: transform 0.4s var(--ab-ease), box-shadow 0.4s var(--ab-ease);
}
#AuthorFees > p:nth-of-type(n+2):nth-of-type(-n+4)::before {
  position: absolute;
  left: 1.1rem;
  top: 0.9rem;
  display: grid;
  place-items: center;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  font: normal normal normal 1rem/1 FontAwesome;
}
#AuthorFees > p:nth-of-type(n+2):nth-of-type(-n+4):hover {
  transform: translateX(5px);
  box-shadow: 0 12px 24px -14px rgba(18, 66, 50, 0.5);
}
/* Baris pertama (nama biaya + nominal) ditebalkan */
#AuthorFees > p:nth-of-type(n+2):nth-of-type(-n+4)::first-line {
  color: var(--ab-primary-dark);
  font-size: 1.06rem;
  font-weight: 700;
}
/* Submission: gratis (hijau) */
#AuthorFees > p:nth-of-type(2) { background: #edf7f1; border-color: #cfe8da; border-left-color: var(--ab-primary-light); }
#AuthorFees > p:nth-of-type(2)::before { content: "\f06b"; background: #fff; color: var(--ab-primary-light); }
/* APC reguler */
#AuthorFees > p:nth-of-type(3) { background: #f6faf8; border-left-color: var(--ab-primary); }
#AuthorFees > p:nth-of-type(3)::before { content: "\f1ea"; background: var(--ab-soft); color: var(--ab-primary); }
/* APC fast-track (emas) */
#AuthorFees > p:nth-of-type(4) { background: #fff8e6; border-color: #f3dca0; border-left-color: var(--ab-gold); }
#AuthorFees > p:nth-of-type(4)::before { content: "\f0e7"; background: var(--ab-gold); color: var(--ab-primary-dark); }

/* Rincian pembayaran fast-track: kotak info */
#AuthorFees > p:nth-of-type(5) {
  position: relative;
  padding: 1rem 1.25rem 1rem 4.3rem;
  background: var(--ab-soft);
  border-radius: 12px;
}
#AuthorFees > p:nth-of-type(5)::before {
  content: "\f05a";
  position: absolute;
  left: 1.1rem;
  top: 0.9rem;
  color: var(--ab-primary);
  font: normal normal normal 1.6rem/1 FontAwesome;
}

/* Banner peringatan penipuan */
#AuthorFees > p:nth-of-type(6) {
  display: flex;
  align-items: center;
  gap: 0.95rem;
  margin: 2.2rem 0 1.1rem;
  padding: 1rem 1.25rem;
  background: linear-gradient(100deg, #fff1cc, #fffaf0);
  border: 1px solid #f3dca0;
  border-left: 5px solid #c0463d;
  border-radius: 0 14px 14px 0;
  color: #7a4b00;
  font-size: 1.05rem;
  box-shadow: 0 8px 20px -14px rgba(122, 75, 0, 0.5);
}
#AuthorFees > p:nth-of-type(6) strong { color: inherit; }
#AuthorFees > p:nth-of-type(6)::before {
  content: "\f071";
  flex: none;
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #c0463d;
  color: #fff;
  font: normal normal normal 1.1rem/1 FontAwesome;
}
#AuthorFees > p:nth-of-type(7),
#AuthorFees > p:nth-of-type(8) {
  color: var(--ab-primary-dark);
  font-weight: 500;
}

/* Kartu rekening bank */
#AuthorFees > p:nth-of-type(9) {
  position: relative;
  overflow: hidden;
  margin: 0.2rem 0 1.2rem;
  padding: 1.3rem 1.5rem 1.3rem 5.2rem;
  background: linear-gradient(135deg, var(--ab-primary) 0%, var(--ab-primary-dark) 100%);
  border-radius: 14px;
  box-shadow: 0 16px 30px -16px rgba(18, 66, 50, 0.75);
  color: var(--ab-soft);
  line-height: 2;
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease);
}
#AuthorFees > p:nth-of-type(9):hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 36px -16px rgba(18, 66, 50, 0.85);
}
#AuthorFees > p:nth-of-type(9)::before {
  content: "\f19c";
  position: absolute;
  left: 1.3rem;
  top: 1.3rem;
  display: grid;
  place-items: center;
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 12px;
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  font: normal normal normal 1.2rem/1 FontAwesome;
  box-shadow: 0 6px 14px -6px rgba(0, 0, 0, 0.45);
}
#AuthorFees > p:nth-of-type(9)::after {
  content: "";
  position: absolute;
  right: -4rem;
  top: -5rem;
  width: 13rem;
  height: 13rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.07);
  pointer-events: none;
}
#AuthorFees > p:nth-of-type(9) strong { color: var(--ab-gold-soft); }

/* =====================================================================
   INDEXING AND ABSTRACTING: grid kartu (seluruh kartu bisa diklik)
   ===================================================================== */
#IndexingandAbstracting > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  gap: 0.8rem;
  margin: 0.4rem 0 0;
  padding: 0;
  list-style: none;
}
#IndexingandAbstracting > ul > li {
  position: relative;
  margin: 0;
  padding: 0.95rem 1rem 0.95rem 4rem;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-radius: 12px;
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease), border-color 0.3s ease;
}
#IndexingandAbstracting > ul > li::before {
  position: absolute;
  left: 1rem;
  top: 50%;
  translate: 0 -50%;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: var(--ab-soft);
  color: var(--ab-primary);
  font: normal normal normal 0.95rem/1 FontAwesome;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.45s var(--ab-ease);
}
#IndexingandAbstracting > ul > li:hover {
  transform: translateY(-3px);
  border-color: var(--ab-gold);
  box-shadow: var(--ab-shadow-2);
}
#IndexingandAbstracting > ul > li:hover::before {
  background: var(--ab-primary);
  color: #fff;
  transform: translateY(0) rotate(-8deg);
}
#IndexingandAbstracting > ul > li a {
  color: var(--ab-primary-dark);
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}
#IndexingandAbstracting > ul > li a::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
}
#IndexingandAbstracting > ul > li:nth-child(1)::before { content: "\f0ac"; } /* Garuda */
#IndexingandAbstracting > ul > li:nth-child(2)::before { content: "\f091"; } /* SINTA */
#IndexingandAbstracting > ul > li:nth-child(3)::before { content: "\f19d"; } /* Google Scholar */
#IndexingandAbstracting > ul > li:nth-child(4)::before { content: "\f1b2"; } /* Dimensions */
#IndexingandAbstracting > ul > li:nth-child(5)::before { content: "\f02d"; } /* ICI */
#IndexingandAbstracting > ul > li:nth-child(6)::before { content: "\f09c"; } /* DOAJ */

/* =====================================================================
   JOURNAL HISTORY: timeline
   ===================================================================== */
#JournalHistory > ul {
  margin: 1.2rem 0 1rem 1rem;
  padding: 0 0 0 1.8rem;
  border-left: 2px solid var(--ab-soft-2);
  list-style: none;
}
#JournalHistory > ul > li {
  position: relative;
  margin: 0 0 0.8rem;
  padding: 0.8rem 1.1rem;
  background: #f6faf8;
  border: 1px solid var(--ab-line);
  border-radius: 12px;
  transition: transform 0.4s var(--ab-ease), box-shadow 0.4s var(--ab-ease), border-color 0.3s ease;
}
#JournalHistory > ul > li::before {
  content: "";
  position: absolute;
  left: calc(-1.8rem - 0.45rem - 1px);
  top: 1.05rem;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background: var(--ab-primary);
  box-shadow: 0 0 0 4px var(--ab-soft);
}
#JournalHistory > ul > li:hover {
  transform: translateX(5px);
  border-color: var(--ab-gold);
  box-shadow: 0 12px 24px -14px rgba(18, 66, 50, 0.45);
}
/* Poin terakhir (akreditasi terkini) disorot */
#JournalHistory > ul > li:last-child {
  background: #fff8e6;
  border-color: #f3dca0;
  border-left: 4px solid var(--ab-gold);
}
#JournalHistory > ul > li:last-child::before {
  background: var(--ab-gold);
  box-shadow: 0 0 0 4px #fff1cc;
}

/* =====================================================================
   LAYAR KECIL
   ===================================================================== */
@media (max-width: 600px) {
  .pkp_structure_main .page_about { padding: 1.4rem 1.1rem 1.2rem; }
  .pkp_structure_main .page_about > nav + h1 { font-size: 1.5rem; }
  .pkp_structure_main .page_about > .cmp_edit_link { top: 0.9rem; right: 1rem; }

  .pkp_structure_main .page_about div > h1:not(:first-child) {
    margin: 2.2rem -1.1rem 1rem;
    padding: 0.7rem 1.1rem;
    font-size: 1.12rem;
  }

  .pkp_structure_main .page_about :is(#PublicationEthics, #PlagiarismPolicy, #Archiving, #PeerReviewProcess, #AuthorFees, #IndexingandAbstracting) > h1:not(:first-child) + p,
  .pkp_structure_main .page_about :is(#FocusandScope, #PublicationFrequency, #PrivacyStatement, #OpenAccesPolicy) > h1:not(:first-child) + p + p,
  #PlagiarismPolicy > p:nth-of-type(3),
  #PlagiarismPolicy > p:nth-of-type(5),
  #PlagiarismPolicy > p:nth-of-type(8),
  #AuthorFees > p:nth-of-type(n+2):nth-of-type(-n+5) { padding-left: 3.7rem; }

  .pkp_structure_main .page_about :is(#PublicationEthics, #PlagiarismPolicy, #Archiving, #PeerReviewProcess, #AuthorFees, #IndexingandAbstracting) > h1:not(:first-child) + p::before,
  .pkp_structure_main .page_about :is(#FocusandScope, #PublicationFrequency, #PrivacyStatement, #OpenAccesPolicy) > h1:not(:first-child) + p + p::before,
  #PlagiarismPolicy > p:nth-of-type(3)::before,
  #PlagiarismPolicy > p:nth-of-type(5)::before,
  #PlagiarismPolicy > p:nth-of-type(8)::before,
  #AuthorFees > p:nth-of-type(n+2):nth-of-type(-n+4)::before { left: 0.8rem; width: 2rem; height: 2rem; }

  #CopyrightNotice > ol > li { padding-left: 3.7rem; }
  #CopyrightNotice > ol > li::before { left: 0.8rem; width: 2rem; height: 2rem; }

  .pkp_structure_main .page_about > p:nth-of-type(7),
  #AuthorFees > p:nth-of-type(9) { padding: 1.2rem 1.1rem 1.2rem 4.3rem; }
  .pkp_structure_main .page_about > p:nth-of-type(7)::before,
  #AuthorFees > p:nth-of-type(9)::before { left: 0.9rem; width: 2.4rem; height: 2.4rem; }

  #AuthorFees > p:nth-of-type(6) { padding: 0.9rem 1rem; font-size: 1rem; }
  #JournalHistory > ul { margin-left: 0.6rem; padding-left: 1.4rem; }
  #JournalHistory > ul > li::before { left: calc(-1.4rem - 0.45rem - 1px); }
}

/* =====================================================================
   ANIMASI (otomatis mati jika pengunjung memilih "reduce motion")
   ===================================================================== */
@media (prefers-reduced-motion: no-preference) {

  .pkp_structure_main .page_about { animation: ab-rise 0.9s var(--ab-ease) both; }
  .pkp_structure_main .page_about::before { animation: ab-shimmer 9s linear infinite; }
  .pkp_structure_main .page_about > nav + h1::after { animation: ab-grow 1s var(--ab-ease) 0.35s both; }

  /* Ikon peringatan penipuan berdenyut pelan */
  #AuthorFees > p:nth-of-type(6)::before { animation: ab-pulse 2.6s ease-out infinite; }

  /* Tiap bagian muncul saat di-scroll (Chrome, Edge, Safari 26+) */
  @supports (animation-timeline: view()) {
    .pkp_structure_main .page_about > p,
    .pkp_structure_main .page_about > h1:nth-of-type(3),
    .pkp_structure_main .page_about div > h1:not(:first-child),
    .pkp_structure_main .page_about div > p,
    #FocusandScope > ol > li,
    #CopyrightNotice > ol > li,
    #PeerReviewProcess > ol > li,
    #IndexingandAbstracting > ul > li,
    #JournalHistory > ul > li {
      animation: ab-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* =====================================================================
   HALAMAN EDITORIAL TEAM
   ===================================================================== */

/* ---------- Kartu halaman ---------- */
.pkp_structure_main .page_editorial_team {
  position: relative;
  overflow: hidden;
  padding: 2.2rem 2.4rem 1.8rem;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-radius: 14px;
  box-shadow: var(--ab-shadow-1), 0 18px 40px -26px rgba(18, 66, 50, 0.4);
  color: var(--ab-ink);
  line-height: 1.7;
}
.pkp_structure_main .page_editorial_team::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--ab-primary) 0%, var(--ab-primary) 40%, #8fd1b3 50%, var(--ab-primary) 60%, var(--ab-primary) 100%);
  background-size: 200% 100%;
}

/* ---------- Judul halaman ---------- */
.page_editorial_team > nav + h1 {
  position: relative;
  margin: 0 0 1.6rem;
  padding: 0 0 0.9rem;
  color: var(--ab-primary-dark);
  font-size: 1.9rem;
  line-height: 1.25;
}
.page_editorial_team > nav + h1::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 64px; height: 4px;
  border-radius: 2px;
  background: var(--ab-gold);
}

/* Tombol Edit (hanya tampil untuk admin) */
.page_editorial_team > .cmp_edit_link {
  position: absolute;
  top: 1.4rem;
  right: 1.6rem;
  padding: 0.2rem 0.9rem;
  border-radius: 999px;
  background: var(--ab-soft);
  color: var(--ab-primary);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.page_editorial_team > .cmp_edit_link:hover {
  background: var(--ab-primary);
  color: #fff;
}

/* ---------- Tiap grup (Editor in Chief, Managing, Associate, Assistant): grid kartu ---------- */
.page_editorial_team > div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 0.8rem;
  margin: 0 0 0.4rem;
}
/* Pembungkus dibuat "transparan" agar semua <li> masuk satu grid */
.page_editorial_team > div > .member,
.page_editorial_team > div > .member > ul {
  display: contents;
}

/* ---------- Pita judul peran ---------- */
.page_editorial_team > div > h4 {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 1.6rem 0 0.2rem;
  padding: 0.7rem 1.1rem;
  background: linear-gradient(100deg, var(--ab-primary), var(--ab-primary-dark));
  border-bottom: 3px solid var(--ab-gold);
  border-radius: 10px;
  box-shadow: 0 10px 20px -14px rgba(18, 66, 50, 0.7);
  color: #fff;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.02em;
}
.page_editorial_team > div:first-of-type > h4 { margin-top: 0; }
.page_editorial_team > div > h4::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background: #fff;
  color: var(--ab-primary);
  font: normal normal normal 0.95rem/1 FontAwesome;
}
.page_editorial_team > div:nth-of-type(1) > h4::before { content: "\f091"; } /* Editor in Chief: piala */
.page_editorial_team > div:nth-of-type(2) > h4::before { content: "\f085"; } /* Managing Editor: gear */
.page_editorial_team > div:nth-of-type(3) > h4::before { content: "\f0c0"; } /* Associate Editor: grup */
.page_editorial_team > div:nth-of-type(4) > h4::before { content: "\f040"; } /* Assistant Editor: pensil */

/* ---------- Kartu anggota ---------- */
.page_editorial_team .member > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page_editorial_team .member > ul > li {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  padding: 1rem 1.2rem 1rem 4.6rem;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-left: 4px solid var(--ab-primary);
  border-radius: 0 12px 12px 0;
  box-shadow: var(--ab-shadow-1);
  color: var(--ab-ink);
  font-size: 14px;
  line-height: 1.65;
  overflow-wrap: anywhere;
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease), border-color 0.3s ease, background-color 0.3s ease;
}
/* Avatar bulat */
.page_editorial_team .member > ul > li::before {
  content: "\f007";
  position: absolute;
  left: 1.1rem;
  top: 1rem;
  display: grid;
  place-items: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: var(--ab-soft);
  color: var(--ab-primary);
  font: normal normal normal 1.05rem/1 FontAwesome;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.45s var(--ab-ease);
}
.page_editorial_team .member > ul > li:hover {
  background: var(--ab-soft);
  border-left-color: var(--ab-gold);
  transform: translateY(-3px);
  box-shadow: var(--ab-shadow-2);
}
.page_editorial_team .member > ul > li:hover::before {
  background: var(--ab-primary);
  color: #fff;
  transform: rotate(-8deg);
}

/* Nama (tag <a> tanpa href): tampil menonjol di baris sendiri */
.page_editorial_team .member > ul > li > a {
  display: block;
  margin-bottom: 0.15rem;
  color: var(--ab-primary-dark);
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  cursor: default;
}
/* Jika suatu saat nama diberi tautan (href), garis emas "tergambar" saat hover */
.page_editorial_team .member > ul > li > a[href] {
  cursor: pointer;
  background: linear-gradient(var(--ab-gold), var(--ab-gold)) 0 100% / 0 2px no-repeat;
  transition: background-size 0.5s var(--ab-ease), color 0.25s ease;
}
.page_editorial_team .member > ul > li > a[href]:hover {
  color: var(--ab-primary);
  background-size: 100% 2px;
}

/* Editor in Chief: kartu emas */
.page_editorial_team > div:nth-of-type(1) .member > ul > li {
  padding: 1.2rem 1.4rem 1.2rem 5rem;
  background: linear-gradient(100deg, #fff8e6, #fffdf6);
  border-color: #f3dca0;
  border-left-color: var(--ab-gold);
  font-size: 15px;
}
.page_editorial_team > div:nth-of-type(1) .member > ul > li::before {
  content: "\f005";
  top: 1.2rem;
  width: 2.7rem;
  height: 2.7rem;
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  box-shadow: 0 6px 14px -6px rgba(138, 101, 6, 0.7);
}
.page_editorial_team > div:nth-of-type(1) .member > ul > li:hover {
  background: #fff3d1;
}
.page_editorial_team > div:nth-of-type(1) .member > ul > li:hover::before {
  background: var(--ab-gold-deep);
  color: #fff;
}

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .page_editorial_team { padding: 1.4rem 1.1rem 1.2rem; }
  .page_editorial_team > nav + h1 { font-size: 1.5rem; }
  .page_editorial_team > .cmp_edit_link { top: 0.9rem; right: 1rem; }

  .page_editorial_team > div > h4 {
    margin-top: 1.8rem;
    padding: 0.6rem 0.9rem;
    font-size: 1.05rem;
  }
  .page_editorial_team .member > ul > li,
  .page_editorial_team > div:nth-of-type(1) .member > ul > li { padding-left: 3.8rem; }
  .page_editorial_team .member > ul > li::before {
    left: 0.8rem;
    width: 2.1rem;
    height: 2.1rem;
  }
  .page_editorial_team > div:nth-of-type(1) .member > ul > li::before {
    width: 2.3rem;
    height: 2.3rem;
  }
}

/* ---------- Animasi (mati jika pengunjung memilih "reduce motion") ---------- */
@media (prefers-reduced-motion: no-preference) {

  .pkp_structure_main .page_editorial_team { animation: ab-rise 0.9s var(--ab-ease) both; }
  .pkp_structure_main .page_editorial_team::before { animation: ab-shimmer 9s linear infinite; }
  .page_editorial_team > nav + h1::after { animation: ab-grow 1s var(--ab-ease) 0.35s both; }

  /* Pita dan kartu muncul saat di-scroll (Chrome, Edge, Safari 26+) */
  @supports (animation-timeline: view()) {
    .page_editorial_team > div > h4,
    .page_editorial_team .member > ul > li {
      animation: ab-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* ---------- Tambahan: afiliasi & badge Scopus ---------- */
.page_editorial_team .member .ab-aff {
  display: block;
  color: var(--ab-muted);
  font-size: 0.88rem;
  line-height: 1.55;
}
.page_editorial_team .member .ab-id {
  display: block;
  margin-top: 0.55rem;
}
.page_editorial_team .member a.ab-scopus {
  display: inline-block;
  margin: 0;
  padding: 2px 12px;
  background: var(--ab-soft);
  border: 1px solid var(--ab-soft-2);
  border-radius: 999px;
  color: var(--ab-primary);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.7;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.page_editorial_team .member a.ab-scopus::after {
  content: " \2197"; /* panah ↗ */
}
.page_editorial_team .member a.ab-scopus:hover,
.page_editorial_team .member a.ab-scopus:focus-visible {
  background: var(--ab-gold-soft);
  border-color: var(--ab-gold);
  color: var(--ab-primary-dark);
}
/* Saat kartu di-hover, latar kartu jadi hijau muda: badge dibuat putih agar tetap terbaca */
.page_editorial_team .member > ul > li:hover a.ab-scopus:not(:hover) {
  background: #fff;
}

/* =====================================================================
   HALAMAN PEER REVIEWER
   ===================================================================== */
.pkp_structure_main ul.ab-reviewers {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 0.8rem;
  margin: 1.4rem 0 0;
  padding: 0;
  list-style: none;
}

/* Kartu reviewer */
.pkp_structure_main ul.ab-reviewers > li {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  padding: 1rem 1.2rem 1rem 4.6rem;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-left: 4px solid var(--ab-primary);
  border-radius: 0 12px 12px 0;
  box-shadow: var(--ab-shadow-1);
  color: var(--ab-ink);
  font-size: 14px;
  line-height: 1.65;
  overflow-wrap: anywhere;
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease),
              border-color 0.3s ease, background-color 0.3s ease;
}

/* Avatar bulat */
.pkp_structure_main ul.ab-reviewers > li::before {
  content: "\f007";
  position: absolute;
  left: 1.1rem;
  top: 1rem;
  display: grid;
  place-items: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: var(--ab-soft);
  color: var(--ab-primary);
  font: normal normal normal 1.05rem/1 FontAwesome;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.45s var(--ab-ease);
}

.pkp_structure_main ul.ab-reviewers > li:hover {
  background: var(--ab-soft);
  border-left-color: var(--ab-gold);
  transform: translateY(-3px);
  box-shadow: var(--ab-shadow-2);
}
.pkp_structure_main ul.ab-reviewers > li:hover::before {
  background: var(--ab-primary);
  color: #fff;
  transform: rotate(-8deg);
}

/* Nama */
.ab-reviewers .ab-name {
  display: block;
  margin-bottom: 0.15rem;
  color: var(--ab-primary-dark);
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.4;
}

/* Afiliasi */
.ab-reviewers .ab-aff {
  display: block;
  color: var(--ab-muted);
  font-size: 0.88rem;
  line-height: 1.55;
}

/* Badge Scopus */
.ab-reviewers .ab-id {
  display: block;
  margin-top: 0.55rem;
}
.ab-reviewers a.ab-scopus {
  display: inline-block;
  padding: 2px 12px;
  background: var(--ab-soft);
  border: 1px solid var(--ab-soft-2);
  border-radius: 999px;
  color: var(--ab-primary);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.7;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.ab-reviewers a.ab-scopus::after {
  content: " \2197"; /* panah ↗ */
}
.ab-reviewers a.ab-scopus:hover,
.ab-reviewers a.ab-scopus:focus-visible {
  background: var(--ab-gold-soft);
  border-color: var(--ab-gold);
  color: var(--ab-primary-dark);
}
/* Saat kartu di-hover, latarnya hijau muda: badge dibuat putih agar tetap terbaca */
.pkp_structure_main ul.ab-reviewers > li:hover a.ab-scopus:not(:hover) {
  background: #fff;
}

/* Layar kecil */
@media (max-width: 600px) {
  .pkp_structure_main ul.ab-reviewers > li { padding-left: 3.8rem; }
  .pkp_structure_main ul.ab-reviewers > li::before {
    left: 0.8rem;
    width: 2.1rem;
    height: 2.1rem;
    font-size: 0.95rem;
  }
}

/* =====================================================================
   HALAMAN CONTACT
   ===================================================================== */

/* ---------- Keyframes khusus halaman ini ---------- */
@keyframes ab-ct-ring {
  0%   { box-shadow: 0 0 0 0 rgba(242, 201, 76, 0.6); }
  70%  { box-shadow: 0 0 0 18px rgba(242, 201, 76, 0); }
  100% { box-shadow: 0 0 0 0 rgba(242, 201, 76, 0); }
}
@keyframes ab-ct-drift {
  from { background-position: 0% 0, 100% 100%; }
  to   { background-position: 100% 0, 0% 100%; }
}
@keyframes ab-ct-sheen {
  from { background-position: 150% 0; }
  to   { background-position: -50% 0; }
}

/* ---------- Kartu halaman ---------- */
.pkp_structure_main .page_contact {
  position: relative;
  overflow: hidden;
  padding: 2.2rem 2.4rem 2rem;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-radius: 14px;
  box-shadow: var(--ab-shadow-1), 0 18px 40px -26px rgba(18, 66, 50, 0.4);
  color: var(--ab-ink);
  line-height: 1.7;
}
.pkp_structure_main .page_contact::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--ab-primary) 0%, var(--ab-primary) 40%, #8fd1b3 50%, var(--ab-primary) 60%, var(--ab-primary) 100%);
  background-size: 200% 100%;
}

/* ---------- Judul halaman ---------- */
.page_contact > nav + h1 {
  position: relative;
  margin: 0 0 1.6rem;
  padding: 0 0 0.9rem;
  color: var(--ab-primary-dark);
  font-size: 1.9rem;
  line-height: 1.25;
}
.page_contact > nav + h1::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 64px; height: 4px;
  border-radius: 2px;
  background: var(--ab-gold);
}

/* Tombol Edit (hanya tampil untuk admin) */
.page_contact > .cmp_edit_link {
  position: absolute;
  top: 1.4rem;
  right: 1.6rem;
  padding: 0.2rem 0.9rem;
  border-radius: 999px;
  background: var(--ab-soft);
  color: var(--ab-primary);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.page_contact > .cmp_edit_link:hover {
  background: var(--ab-primary);
  color: #fff;
}

/* ---------- Grid ---------- */
.page_contact .contact_section {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 1.1rem;
  margin: 0;
  padding: 0;
}

/* ---------- Banner alamat ---------- */
.page_contact .address {
  grid-column: 1 / -1;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  float: none;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 1.7rem 1.8rem 1.7rem 6.2rem;
  background: linear-gradient(120deg, var(--ab-primary-dark) 0%, var(--ab-primary) 60%, #1f7a58 100%);
  border-radius: 14px;
  box-shadow: inset 0 -4px 0 var(--ab-gold), var(--ab-shadow-2);
  color: #fff;
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease);
}
.page_contact .address:hover {
  transform: translateY(-3px);
  box-shadow: inset 0 -4px 0 var(--ab-gold), 0 22px 40px -14px rgba(18, 66, 50, 0.5);
}
/* Cahaya dekoratif di latar */
.page_contact .address::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 85% 0%, rgba(242, 201, 76, 0.30), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(255, 255, 255, 0.14), transparent 38%);
  background-size: 160% 100%, 160% 100%;
  background-repeat: no-repeat;
}
/* Pin lokasi emas */
.page_contact .address::before {
  content: "\f041";
  position: absolute;
  left: 1.7rem;
  top: 50%;
  margin-top: -1.5rem;
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  font: normal normal normal 1.35rem/1 FontAwesome;
}
.page_contact .address p {
  margin: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 15px;
  line-height: 1.65;
}
.page_contact .address p:first-child {
  margin-bottom: 0.15rem;
  color: var(--ab-gold-soft);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4;
}

/* ---------- Kartu kontak ---------- */
.page_contact .contact {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  float: none;
  width: auto;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 1.6rem 1.5rem 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  background: linear-gradient(160deg, #fff 0%, var(--ab-bg) 100%);
  border: 1px solid var(--ab-line);
  border-left: 4px solid var(--ab-primary);
  border-radius: 0 14px 14px 0;
  box-shadow: var(--ab-shadow-1);
  font-size: 14px;
  overflow-wrap: anywhere;
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease), border-color 0.3s ease;
}
.page_contact .contact > * { position: relative; z-index: 1; }
.page_contact .contact:hover {
  border-left-color: var(--ab-gold);
  transform: translateY(-4px);
  box-shadow: var(--ab-shadow-2);
}

/* Bar warna di atas kartu: melebar saat hover */
.page_contact .contact::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  z-index: 2;
  height: 4px;
  background: linear-gradient(90deg, var(--ab-primary), var(--ab-primary-light));
  transform: scaleX(0.28);
  transform-origin: left;
  transition: transform 0.7s var(--ab-ease);
}
.page_contact .contact:hover::before { transform: scaleX(1); }

/* Ikon watermark besar di sudut kanan bawah */
.page_contact .contact::after {
  content: "\f1cd"; /* pelampung (support) */
  position: absolute;
  right: -0.6rem;
  bottom: -1.2rem;
  z-index: 0;
  color: rgba(27, 94, 71, 0.07);
  font: normal normal normal 8rem/1 FontAwesome;
  pointer-events: none;
  transition: transform 0.9s var(--ab-ease), color 0.4s ease;
}
.page_contact .contact:hover::after {
  color: rgba(27, 94, 71, 0.12);
  transform: rotate(60deg) scale(1.08);
}

/* Principal Contact: kartu emas */
.page_contact .contact.primary {
  background: linear-gradient(160deg, #fff8e6 0%, #fffdf6 100%);
  border-color: #f3dca0;
  border-left-color: var(--ab-gold);
}
.page_contact .contact.primary:hover { border-left-color: var(--ab-gold-deep); }
.page_contact .contact.primary::before {
  background: linear-gradient(90deg, var(--ab-gold), var(--ab-gold-soft));
}
.page_contact .contact.primary::after {
  content: "\f2c2"; /* kartu identitas */
  color: rgba(242, 201, 76, 0.22);
}
.page_contact .contact.primary:hover::after {
  color: rgba(242, 201, 76, 0.38);
  transform: rotate(-10deg) scale(1.1);
}

/* Label jenis kontak (pill dengan ikon) */
.page_contact .contact h3 {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  width: auto;
  margin: 0 0 0.3rem;
  padding: 0.3rem 1rem 0.3rem 0.8rem;
  background: linear-gradient(110deg, var(--ab-primary) 35%, var(--ab-primary-light) 50%, var(--ab-primary) 65%);
  background-size: 250% 100%;
  border: 0;
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.5;
  text-transform: uppercase;
  white-space: nowrap;
}
.page_contact .contact h3::before {
  content: "\f025"; /* headphone */
  font: normal normal normal 1em/1 FontAwesome;
}
.page_contact .contact.primary h3 {
  background-image: linear-gradient(110deg, var(--ab-gold) 35%, var(--ab-gold-soft) 50%, var(--ab-gold) 65%);
  color: var(--ab-primary-dark);
}
.page_contact .contact.primary h3::before { content: "\f005"; } /* bintang */

/* Nama & afiliasi */
.page_contact .contact .name {
  margin: 0;
  padding: 0;
  color: var(--ab-primary-dark);
  font-size: 1.28rem;
  font-weight: 700;
  line-height: 1.35;
}
.page_contact .contact .affiliation {
  margin: -0.2rem 0 0;
  padding: 0;
  color: var(--ab-muted);
  font-size: 0.88rem;
  line-height: 1.6;
}

/* ---------- Chip telepon & email ---------- */
.page_contact .contact .phone,
.page_contact .contact .email {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  box-sizing: border-box;
  margin: 0;
  padding: 0.4rem 1.1rem 0.4rem 0.4rem;
  background: rgba(27, 94, 71, 0.07);
  border: 1px solid var(--ab-line);
  border-radius: 999px;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.35;
  transition: transform 0.35s var(--ab-ease), background-color 0.3s ease,
              border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.page_contact .contact .phone { margin-top: auto; } /* chip rata di dasar kartu */

.page_contact .contact .phone::before,
.page_contact .contact .email::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: #fff;
  color: var(--ab-primary);
  box-shadow: 0 2px 6px rgba(18, 66, 50, 0.15);
  font: normal normal normal 0.95rem/1 FontAwesome;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.45s var(--ab-ease);
}
.page_contact .contact .phone::before { content: "\f095"; } /* telepon */
.page_contact .contact .email::before { content: "\f0e0"; } /* amplop */

.page_contact .contact .phone:hover,
.page_contact .contact .email:hover {
  background: var(--ab-primary);
  border-color: var(--ab-primary);
  color: #fff;
  transform: translateX(6px);
  box-shadow: var(--ab-shadow-1);
}
.page_contact .contact .phone:hover::before,
.page_contact .contact .email:hover::before {
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  transform: rotate(-12deg) scale(1.08);
}

/* Varian emas untuk Principal Contact */
.page_contact .contact.primary .phone,
.page_contact .contact.primary .email {
  background: rgba(242, 201, 76, 0.16);
  border-color: #f3dca0;
}
.page_contact .contact.primary .phone::before,
.page_contact .contact.primary .email::before { color: var(--ab-gold-deep); }
.page_contact .contact.primary .phone:hover,
.page_contact .contact.primary .email:hover {
  background: var(--ab-gold-deep);
  border-color: var(--ab-gold-deep);
}

/* Label "Phone" disembunyikan secara visual, tetap terbaca screen reader */
.page_contact .contact .phone .label {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.page_contact .contact .phone .value { color: inherit; }

/* Link email: seluruh chip bisa diklik */
.page_contact .contact .email a {
  color: inherit;
  text-decoration: none;
}
.page_contact .contact .email a::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.page_contact .contact .email a:focus-visible::after {
  outline: 2px solid var(--ab-gold);
  outline-offset: 2px;
}
/* Pengaman: kalau email muncul dua kali (hasil script + link cadangan), tampilkan satu saja */
.page_contact .contact .email > a ~ a { display: none; }

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .page_contact { padding: 1.4rem 1.1rem 1.2rem; }
  .page_contact > nav + h1 { font-size: 1.5rem; }
  .page_contact > .cmp_edit_link { top: 0.9rem; right: 1rem; }
  .page_contact .contact_section { gap: 0.8rem; }
  .page_contact .address { padding: 1.3rem 1.1rem 1.3rem 4.7rem; }
  .page_contact .address::before {
    left: 1rem;
    width: 2.6rem;
    height: 2.6rem;
    margin-top: -1.3rem;
    font-size: 1.15rem;
  }
  .page_contact .address p:first-child { font-size: 1.05rem; }
  .page_contact .contact { padding: 1.3rem 1.1rem 1.2rem; }
}

/* ---------- Animasi (mati jika pengunjung memilih "reduce motion") ---------- */
@media (prefers-reduced-motion: no-preference) {

  .pkp_structure_main .page_contact { animation: ab-rise 0.9s var(--ab-ease) both; }
  .pkp_structure_main .page_contact::before { animation: ab-shimmer 9s linear infinite; }
  .page_contact > nav + h1::after { animation: ab-grow 1s var(--ab-ease) 0.35s both; }

  /* Muncul bertahap: alamat, lalu kedua kartu */
  .page_contact .address            { animation: ab-rise 0.9s var(--ab-ease) 0.25s both; }
  .page_contact .contact.primary    { animation: ab-rise 0.9s var(--ab-ease) 0.40s both; }
  .page_contact .contact.support    { animation: ab-rise 0.9s var(--ab-ease) 0.55s both; }

  /* Pin melayang + cincin berdenyut, cahaya latar bergeser pelan */
  .page_contact .address::before {
    animation: ab-float 2.6s ease-in-out infinite alternate,
               ab-ct-ring 2.4s ease-out infinite;
  }
  .page_contact .address::after { animation: ab-ct-drift 14s ease-in-out infinite alternate; }

  /* Kilau menyapu pada label pill */
  .page_contact .contact h3 { animation: ab-ct-sheen 3.6s linear infinite; }

  /* Saat di-scroll (Chrome, Edge, Safari 26+): menggantikan animasi berdasar waktu di atas */
  @supports (animation-timeline: view()) {
    .page_contact .address,
    .page_contact .contact {
      animation: ab-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* ---------- Perbaikan kolom label tabel info jurnal (homepage) ---------- */
.homepage_about table.data tr {
  grid-template-columns: 13.5rem 1fr; /* sebelumnya 12.5rem: label panjang tidak muat */
}
.homepage_about table.data td:first-child {
  min-width: 0;                 /* izinkan teks menyusut dan turun baris, tidak keluar kolom */
  line-height: 1.35;
  overflow-wrap: break-word;
}
/* <p> di dalam sel tidak boleh menambah margin */
.homepage_about table.data td p {
  margin: 0;
  padding: 0;
}

/* HP: tetap satu kolom (menimpa aturan kolom di atas) */
@media (max-width: 600px) {
  .homepage_about table.data tr {
    grid-template-columns: 1fr;
  }
}

/* =====================================================================
   HALAMAN SUBMISSIONS
   ===================================================================== */

@keyframes ab-sm-ring {
  0%   { box-shadow: 0 0 0 0 rgba(242, 201, 76, 0.6); }
  70%  { box-shadow: 0 0 0 16px rgba(242, 201, 76, 0); }
  100% { box-shadow: 0 0 0 0 rgba(242, 201, 76, 0); }
}
@keyframes ab-sm-pop {
  0%   { transform: scale(0.4); opacity: 0; }
  70%  { transform: scale(1.15); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes ab-sm-sheen {
  from { background-position: 150% 0; }
  to   { background-position: -50% 0; }
}

/* ---------- Kartu halaman ---------- */
.pkp_structure_main .page_submissions {
  position: relative;
  overflow: hidden;
  padding: 2.2rem 2.4rem 1.8rem;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-radius: 14px;
  box-shadow: var(--ab-shadow-1), 0 18px 40px -26px rgba(18, 66, 50, 0.4);
  color: var(--ab-ink);
  line-height: 1.75;
}
.pkp_structure_main .page_submissions::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--ab-primary) 0%, var(--ab-primary) 40%, #8fd1b3 50%, var(--ab-primary) 60%, var(--ab-primary) 100%);
  background-size: 200% 100%;
}

/* Judul halaman */
.page_submissions > nav + h1 {
  position: relative;
  margin: 0 0 1.6rem;
  padding: 0 0 0.9rem;
  color: var(--ab-primary-dark);
  font-size: 1.9rem;
  line-height: 1.25;
}
.page_submissions > nav + h1::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 64px; height: 4px;
  border-radius: 2px;
  background: var(--ab-gold);
}

/* Pengaman: tag <a> kosong/nyasar akibat HTML yang tidak ditutup */
.page_submissions > a,
.page_submissions .submission_checklist > a { display: none; }
.page_submissions .author_guidelines > a,
.page_submissions .author_guidelines a[href$="/peerreviewprocess"] {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
  background: none;
  pointer-events: none;
}

/* ---------- Banner "Make a new submission" ---------- */
.page_submissions .cmp_notification {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 0 0 1.8rem;
  padding: 1.2rem 1.5rem 1.2rem 5.2rem;
  background: linear-gradient(120deg, var(--ab-primary-dark) 0%, var(--ab-primary) 65%, #1f7a58 100%);
  border-radius: 14px;
  box-shadow: inset 0 -4px 0 var(--ab-gold), var(--ab-shadow-2);
  color: #fff;
  font-size: 14px;
  line-height: 2.6;
}
.page_submissions .cmp_notification::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 88% 0%, rgba(242, 201, 76, 0.28), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(255, 255, 255, 0.14), transparent 38%);
}
.page_submissions .cmp_notification::before {
  content: "\f1d8"; /* pesawat kertas */
  position: absolute;
  left: 1.3rem;
  top: 50%;
  margin-top: -1.4rem;
  display: grid;
  place-items: center;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  font: normal normal normal 1.2rem/1 FontAwesome;
}

/* Tombol di dalam banner */
.page_submissions .cmp_notification a {
  display: inline-block;
  margin: 0.15rem 0.3rem;
  padding: 0.5rem 1.2rem;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  transition: transform 0.35s var(--ab-ease), box-shadow 0.35s var(--ab-ease),
              background-color 0.25s ease, color 0.25s ease;
}
.page_submissions .cmp_notification a:first-of-type {
  background: linear-gradient(110deg, var(--ab-gold) 35%, var(--ab-gold-soft) 50%, var(--ab-gold) 65%);
  background-size: 250% 100%;
  color: var(--ab-primary-dark);
}
.page_submissions .cmp_notification a:first-of-type::after {
  content: "\f061"; /* panah */
  display: inline-block;
  margin-left: 0.5rem;
  font: normal normal normal 0.8em/1 FontAwesome;
  transition: transform 0.35s var(--ab-ease);
}
.page_submissions .cmp_notification a:first-of-type:hover::after { transform: translateX(4px); }
.page_submissions .cmp_notification a:not(:first-of-type) {
  border: 1px solid rgba(255, 255, 255, 0.55);
  color: #fff;
}
.page_submissions .cmp_notification a:not(:first-of-type):hover {
  background: #fff;
  color: var(--ab-primary-dark);
}
.page_submissions .cmp_notification a:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 18px -8px rgba(0, 0, 0, 0.55);
}

/* ---------- Panel bagian ---------- */
.page_submissions .submission_checklist,
.page_submissions .author_guidelines,
.page_submissions .copyright_notice,
.page_submissions .privacy_statement {
  position: relative;
  margin: 0 0 1.5rem;
  padding: 1.5rem 1.7rem 1.4rem;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-left: 4px solid var(--ab-primary);
  border-radius: 0 14px 14px 0;
  box-shadow: var(--ab-shadow-1);
  transition: box-shadow 0.45s var(--ab-ease), border-color 0.3s ease;
}
.page_submissions .submission_checklist:hover,
.page_submissions .author_guidelines:hover,
.page_submissions .copyright_notice:hover,
.page_submissions .privacy_statement:hover {
  border-left-color: var(--ab-gold);
  box-shadow: var(--ab-shadow-2);
}
.page_submissions .submission_checklist,
.page_submissions .privacy_statement {
  background: linear-gradient(160deg, #fff 0%, #f3faf6 100%);
}
.page_submissions .copyright_notice {
  background: linear-gradient(160deg, #fff8e6 0%, #fffdf6 100%);
  border-color: #f3dca0;
  border-left-color: var(--ab-gold);
}
.page_submissions .copyright_notice:hover { border-left-color: var(--ab-gold-deep); }

/* Judul bagian dengan ikon bulat */
.page_submissions h2 {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 0 0 1rem;
  padding: 0 0 0.85rem;
  background: linear-gradient(var(--ab-gold), var(--ab-gold)) 0 100% / 48px 3px no-repeat;
  color: var(--ab-primary-dark);
  font-size: 1.3rem;
  line-height: 1.3;
  transition: background-size 0.6s var(--ab-ease);
}
.page_submissions .submission_checklist:hover h2,
.page_submissions .author_guidelines:hover h2,
.page_submissions .copyright_notice:hover h2,
.page_submissions .privacy_statement:hover h2 { background-size: 110px 3px; }

.page_submissions h2::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: var(--ab-primary);
  color: #fff;
  font: normal normal normal 1.05rem/1 FontAwesome;
  box-shadow: 0 4px 10px -3px rgba(18, 66, 50, 0.5);
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.45s var(--ab-ease);
}
.page_submissions .submission_checklist h2::before { content: "\f046"; } /* centang */
.page_submissions .author_guidelines h2::before    { content: "\f040"; } /* pensil */
.page_submissions .copyright_notice h2::before     { content: "\f1f9"; } /* copyright */
.page_submissions .privacy_statement h2::before    { content: "\f023"; } /* gembok */
.page_submissions .submission_checklist:hover h2::before,
.page_submissions .author_guidelines:hover h2::before,
.page_submissions .copyright_notice:hover h2::before,
.page_submissions .privacy_statement:hover h2::before {
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  transform: rotate(-8deg) scale(1.06);
}

/* ---------- Checklist ---------- */
.page_submissions .submission_checklist ul {
  display: grid;
  gap: 0.6rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}
.page_submissions .submission_checklist li {
  position: relative;
  margin: 0;
  padding: 0.75rem 1rem 0.75rem 3.4rem;
  background: #fff;
  border: 1px solid var(--ab-line);
  border-radius: 10px;
  line-height: 1.65;
  transition: transform 0.4s var(--ab-ease), background-color 0.3s ease,
              border-color 0.3s ease, box-shadow 0.4s var(--ab-ease);
}
.page_submissions .submission_checklist li:hover {
  transform: translateX(6px);
  background: var(--ab-soft);
  border-color: var(--ab-primary);
  box-shadow: var(--ab-shadow-1);
}
.page_submissions .submission_checklist li .fa-check {
  position: absolute;
  left: 0.9rem;
  top: 0.8rem;
  display: grid;
  place-items: center;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  background: var(--ab-primary);
  color: #fff;
  font-size: 0.8rem;
  box-shadow: 0 3px 8px -2px rgba(18, 66, 50, 0.5);
  transition: background-color 0.3s ease, color 0.3s ease, rotate 0.4s var(--ab-ease);
}
.page_submissions .submission_checklist li:hover .fa-check {
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  rotate: -12deg;
}

/* ---------- Author Guidelines ---------- */
.page_submissions .author_guidelines p { margin: 0 0 0.8rem; }
.page_submissions .author_guidelines strong { color: var(--ab-primary-dark); }

/* Sub-judul (paragraf yang isinya hanya teks tebal) menjadi pita emas */
.page_submissions .author_guidelines p:has(> strong) {
  margin: 1.5rem 0 0.6rem;
  padding: 0.45rem 0.9rem;
  background: var(--ab-soft);
  border-left: 4px solid var(--ab-gold);
  border-radius: 0 8px 8px 0;
  font-size: 1rem;
}

.page_submissions .author_guidelines ul {
  margin: 0.2rem 0 1rem;
  padding: 0;
  list-style: none;
}
.page_submissions .author_guidelines li {
  position: relative;
  margin: 0;
  padding: 0.3rem 0 0.3rem 1.6rem;
  line-height: 1.7;
}
.page_submissions .author_guidelines li::before {
  content: "";
  position: absolute;
  left: 0.25rem;
  top: 0.95em;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 2px;
  background: var(--ab-gold);
  transform: rotate(45deg);
  transition: transform 0.4s var(--ab-ease), background-color 0.3s ease;
}
.page_submissions .author_guidelines li:hover::before {
  background: var(--ab-primary);
  transform: rotate(135deg) scale(1.3);
}

/* Link Google Drive menjadi tombol Download */
.page_submissions .author_guidelines li > a[href*="drive.google.com"] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-left: 0.3rem;
  padding: 3px 14px;
  background: var(--ab-primary);
  border-radius: 999px;
  box-shadow: 0 6px 12px -8px rgba(18, 66, 50, 0.8);
  color: #fff;
  font-size: 0; /* teks asli ("here") disembunyikan, diganti label di bawah */
  text-decoration: none;
  transition: transform 0.35s var(--ab-ease), background-color 0.25s ease, color 0.25s ease;
}
.page_submissions .author_guidelines li > a[href*="drive.google.com"]::before {
  content: "\f019";
  font: normal normal normal 0.85rem/1 FontAwesome;
}
.page_submissions .author_guidelines li > a[href*="drive.google.com"]::after {
  content: "Download";
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 1.6;
}
.page_submissions .author_guidelines li > a[href*="drive.google.com"]:hover {
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  transform: translateY(-2px);
}

/* ---------- Link biasa di dalam konten: garis emas "tergambar" saat hover ---------- */
.page_submissions .submission_checklist li a,
.page_submissions .author_guidelines p a,
.page_submissions .author_guidelines li > a:not([href*="drive.google.com"]):not([href$="/peerreviewprocess"]),
.page_submissions .copyright_notice li a {
  color: var(--ab-primary);
  font-weight: 600;
  text-decoration: none;
  background: linear-gradient(var(--ab-gold), var(--ab-gold)) 0 100% / 0 2px no-repeat;
  transition: background-size 0.5s var(--ab-ease), color 0.25s ease;
}
.page_submissions .submission_checklist li a:hover,
.page_submissions .author_guidelines p a:hover,
.page_submissions .author_guidelines li > a:not([href*="drive.google.com"]):not([href$="/peerreviewprocess"]):hover,
.page_submissions .copyright_notice li a:hover {
  color: var(--ab-primary-dark);
  background-size: 100% 2px;
}

/* ---------- Copyright Notice ---------- */
.page_submissions .copyright_notice p { margin: 0 0 0.9rem; }
.page_submissions .copyright_notice span[style*="color"] { color: inherit !important; }

/* Kartu lisensi CC */
.page_submissions .copyright_notice > p:first-of-type {
  padding: 0.8rem 1rem;
  background: #fff;
  border: 1px solid #f3dca0;
  border-radius: 12px;
  transition: box-shadow 0.4s var(--ab-ease), transform 0.4s var(--ab-ease);
}
.page_submissions .copyright_notice > p:first-of-type:hover {
  transform: translateY(-2px);
  box-shadow: var(--ab-shadow-1);
}
.page_submissions .copyright_notice > p:first-of-type a {
  color: var(--ab-primary);
  font-weight: 700;
  text-decoration: none;
}
.page_submissions .copyright_notice > p:first-of-type a:hover { color: var(--ab-primary-dark); }

/* Daftar bernomor dengan lingkaran emas */
.page_submissions .copyright_notice ol {
  display: grid;
  gap: 0.6rem;
  margin: 0.5rem 0 0;
  padding: 0;
  list-style: none;
  counter-reset: ab-cr;
}
.page_submissions .copyright_notice ol li {
  position: relative;
  margin: 0;
  padding: 0.75rem 1rem 0.75rem 3.3rem;
  background: #fff;
  border: 1px solid #f3dca0;
  border-radius: 10px;
  line-height: 1.65;
  counter-increment: ab-cr;
  transition: transform 0.4s var(--ab-ease), border-color 0.3s ease, box-shadow 0.4s var(--ab-ease);
}
.page_submissions .copyright_notice ol li::before {
  content: counter(ab-cr);
  position: absolute;
  left: 0.85rem;
  top: 0.75rem;
  display: grid;
  place-items: center;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  font-size: 0.85rem;
  font-weight: 700;
  transition: background-color 0.3s ease, color 0.3s ease, rotate 0.4s var(--ab-ease);
}
.page_submissions .copyright_notice ol li:hover {
  transform: translateX(6px);
  border-color: var(--ab-gold);
  box-shadow: var(--ab-shadow-1);
}
.page_submissions .copyright_notice ol li:hover::before {
  background: var(--ab-primary);
  color: #fff;
  rotate: -12deg;
}

/* ---------- Privacy Statement ---------- */
.page_submissions .privacy_statement { margin-bottom: 0.4rem; color: var(--ab-ink); }

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .page_submissions { padding: 1.4rem 1.1rem 1.2rem; }
  .page_submissions > nav + h1 { font-size: 1.5rem; }
  .page_submissions .cmp_notification { padding: 1.1rem 1rem 1.1rem 4.3rem; }
  .page_submissions .cmp_notification::before {
    left: 0.9rem;
    width: 2.4rem;
    height: 2.4rem;
    margin-top: -1.2rem;
    font-size: 1.05rem;
  }
  .page_submissions .submission_checklist,
  .page_submissions .author_guidelines,
  .page_submissions .copyright_notice,
  .page_submissions .privacy_statement { padding: 1.2rem 1rem 1.1rem; }
  .page_submissions h2 { font-size: 1.15rem; }
}

/* ---------- Animasi (mati jika pengunjung memilih "reduce motion") ---------- */
@media (prefers-reduced-motion: no-preference) {

  .pkp_structure_main .page_submissions { animation: ab-rise 0.9s var(--ab-ease) both; }
  .pkp_structure_main .page_submissions::before { animation: ab-shimmer 9s linear infinite; }
  .page_submissions > nav + h1::after { animation: ab-grow 1s var(--ab-ease) 0.35s both; }

  /* Banner: ikon melayang + cincin berdenyut, tombol utama berkilau */
  .page_submissions .cmp_notification::before {
    animation: ab-float 2.6s ease-in-out infinite alternate,
               ab-sm-ring 2.4s ease-out infinite;
  }
  .page_submissions .cmp_notification a:first-of-type {
    animation: ab-sm-sheen 3.6s linear infinite;
  }

  /* Panel muncul bertahap */
  .page_submissions .cmp_notification     { animation: ab-rise 0.9s var(--ab-ease) 0.25s both; }
  .page_submissions .submission_checklist { animation: ab-rise 0.9s var(--ab-ease) 0.40s both; }
  .page_submissions .author_guidelines    { animation: ab-rise 0.9s var(--ab-ease) 0.50s both; }
  .page_submissions .copyright_notice     { animation: ab-rise 0.9s var(--ab-ease) 0.60s both; }
  .page_submissions .privacy_statement    { animation: ab-rise 0.9s var(--ab-ease) 0.70s both; }

  /* Ikon centang muncul satu per satu */
  .page_submissions .submission_checklist li .fa-check {
    animation: ab-sm-pop 0.6s var(--ab-ease) both;
  }
  .page_submissions .submission_checklist li:nth-child(1) .fa-check { animation-delay: 0.60s; }
  .page_submissions .submission_checklist li:nth-child(2) .fa-check { animation-delay: 0.72s; }
  .page_submissions .submission_checklist li:nth-child(3) .fa-check { animation-delay: 0.84s; }
  .page_submissions .submission_checklist li:nth-child(4) .fa-check { animation-delay: 0.96s; }
  .page_submissions .submission_checklist li:nth-child(5) .fa-check { animation-delay: 1.08s; }
  .page_submissions .submission_checklist li:nth-child(6) .fa-check { animation-delay: 1.20s; }

  /* Saat di-scroll (Chrome, Edge, Safari 26+): menggantikan animasi berdasar waktu di atas */
  @supports (animation-timeline: view()) {
    .page_submissions .cmp_notification,
    .page_submissions .submission_checklist,
    .page_submissions .author_guidelines,
    .page_submissions .copyright_notice,
    .page_submissions .privacy_statement {
      animation: ab-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* =====================================================================
   HALAMAN FOCUS AND SCOPE
   ===================================================================== */

@keyframes ab-sc-ring {
  0%   { box-shadow: 0 0 0 0 rgba(242, 201, 76, 0.6); }
  70%  { box-shadow: 0 0 0 16px rgba(242, 201, 76, 0); }
  100% { box-shadow: 0 0 0 0 rgba(242, 201, 76, 0); }
}

.pkp_structure_main .ab-scope { margin-top: 0.4rem; }

/* ---------- Paragraf pembuka: kotak sorotan ---------- */
.pkp_structure_main .ab-scope .ab-scope-intro {
  position: relative;
  margin: 1.2rem 0 0;
  padding: 1.3rem 1.5rem 1.3rem 5.2rem;
  background: var(--ab-soft);
  border: 1px solid var(--ab-soft-2);
  border-left: 4px solid var(--ab-gold);
  border-radius: 0 14px 14px 0;
  color: var(--ab-primary-dark);
  font-size: 1.05rem;
  line-height: 1.75;
  text-align: left;
}
.pkp_structure_main .ab-scope .ab-scope-intro::before {
  content: "\f140"; /* target */
  position: absolute;
  left: 1.3rem;
  top: 50%;
  margin-top: -1.4rem;
  display: grid;
  place-items: center;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  font: normal normal normal 1.3rem/1 FontAwesome;
}

/* ---------- Grid kartu scope ---------- */
.pkp_structure_main .ab-scope ol.ab-scope-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
  gap: 1rem;
  margin: 1.4rem 0 0;
  padding: 0;
  list-style: none;
  counter-reset: ab-sc;
}

.pkp_structure_main .ab-scope ol.ab-scope-list > li {
  --sc: var(--ab-primary);       /* warna aksen kartu */
  --sc-ink: #fff;                /* warna ikon di atas aksen */
  counter-increment: ab-sc;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  min-height: 9.5rem;
  margin: 0;
  padding: 1.4rem 1.3rem 1.2rem;
  /* lapisan 1: bar aksen di atas (melebar saat hover), lapisan 2: latar kartu */
  background:
    linear-gradient(var(--sc), var(--sc)) 0 0 / 30% 4px no-repeat,
    linear-gradient(160deg, #fff 0%, var(--ab-bg) 100%) 0 0 / 100% 100% no-repeat;
  border: 1px solid var(--ab-line);
  border-radius: 14px;
  box-shadow: var(--ab-shadow-1);
  color: var(--ab-primary-dark);
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease),
              border-color 0.3s ease, background-size 0.7s var(--ab-ease);
}
.pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(3n+2) {
  --sc: var(--ab-gold);
  --sc-ink: var(--ab-primary-dark);
}
.pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(3n) {
  --sc: var(--ab-primary-light);
}
.pkp_structure_main .ab-scope ol.ab-scope-list > li:hover {
  border-color: var(--sc);
  background-size: 100% 4px, 100% 100%;
  transform: translateY(-6px);
  box-shadow: var(--ab-shadow-2);
}

/* Ikon bulat */
.pkp_structure_main .ab-scope ol.ab-scope-list > li::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: var(--sc);
  color: var(--sc-ink);
  font: normal normal normal 1.25rem/1 FontAwesome;
  box-shadow: 0 6px 14px -6px rgba(18, 66, 50, 0.55);
  transition: transform 0.5s var(--ab-ease);
}
.pkp_structure_main .ab-scope ol.ab-scope-list > li:hover::before {
  transform: rotate(-10deg) scale(1.1);
}
.pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(1)::before { content: "\f0c0"; } /* Community-Based Development */
.pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(2)::before { content: "\f06c"; } /* Sustainable Livelihoods */
.pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(3)::before { content: "\f19d"; } /* Education and Training */
.pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(4)::before { content: "\f21e"; } /* Health and Well-Being */
.pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(5)::before { content: "\f0eb"; } /* Social Innovation */
.pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(6)::before { content: "\f109"; } /* Technology for Empowerment */
.pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(7)::before { content: "\f132"; } /* Disaster Risk Reduction */
.pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(8)::before { content: "\f2b5"; } /* Partnership and Collaboration */
.pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(9)::before { content: "\f02d"; } /* Cultural and Local Wisdom */

/* Nomor besar samar di pojok kanan atas */
.pkp_structure_main .ab-scope ol.ab-scope-list > li::after {
  content: counter(ab-sc, decimal-leading-zero);
  position: absolute;
  right: 1rem;
  top: 0.7rem;
  z-index: -1;
  color: rgba(27, 94, 71, 0.08);
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 1;
  transition: transform 0.6s var(--ab-ease), color 0.4s ease;
}
.pkp_structure_main .ab-scope ol.ab-scope-list > li:hover::after {
  color: rgba(27, 94, 71, 0.16);
  transform: translateY(-4px) scale(1.12);
}

/* ---------- HP: ikon di kiri, teks di kanan ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .ab-scope .ab-scope-intro {
    padding: 1.1rem 1.1rem 1.1rem 4.4rem;
    font-size: 1rem;
  }
  .pkp_structure_main .ab-scope .ab-scope-intro::before {
    left: 0.9rem;
    width: 2.4rem;
    height: 2.4rem;
    margin-top: -1.2rem;
    font-size: 1.1rem;
  }
  .pkp_structure_main .ab-scope ol.ab-scope-list > li {
    flex-direction: row;
    align-items: center;
    min-height: 0;
    padding: 1rem 1.1rem;
  }
  .pkp_structure_main .ab-scope ol.ab-scope-list > li::after { font-size: 2.2rem; }
}

/* ---------- Animasi (mati jika pengunjung memilih "reduce motion") ---------- */
@media (prefers-reduced-motion: no-preference) {

  .pkp_structure_main .ab-scope .ab-scope-intro {
    animation: ab-rise 0.9s var(--ab-ease) 0.2s both;
  }
  /* Ikon target melayang + cincin berdenyut */
  .pkp_structure_main .ab-scope .ab-scope-intro::before {
    animation: ab-float 2.6s ease-in-out infinite alternate,
               ab-sc-ring 2.4s ease-out infinite;
  }

  /* Kartu muncul bergantian */
  .pkp_structure_main .ab-scope ol.ab-scope-list > li {
    animation: ab-rise 0.8s var(--ab-ease) both;
  }
  .pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(1) { animation-delay: 0.35s; }
  .pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(2) { animation-delay: 0.42s; }
  .pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(3) { animation-delay: 0.49s; }
  .pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(4) { animation-delay: 0.56s; }
  .pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(5) { animation-delay: 0.63s; }
  .pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(6) { animation-delay: 0.70s; }
  .pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(7) { animation-delay: 0.77s; }
  .pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(8) { animation-delay: 0.84s; }
  .pkp_structure_main .ab-scope ol.ab-scope-list > li:nth-child(9) { animation-delay: 0.91s; }
}

/* =====================================================================
   HALAMAN AUTHOR FEES
   ===================================================================== */

.pkp_structure_main .ab-fees {
  --wr: #b42318;        /* merah peringatan */
  --wr-dark: #8f1d14;
  --wr-soft: #fdeceb;
  margin-top: 0.4rem;
}

@keyframes ab-fe-ring-gold {
  0%   { box-shadow: 0 0 0 0 rgba(242, 201, 76, 0.6); }
  70%  { box-shadow: 0 0 0 16px rgba(242, 201, 76, 0); }
  100% { box-shadow: 0 0 0 0 rgba(242, 201, 76, 0); }
}
@keyframes ab-fe-ring-red {
  0%   { box-shadow: 0 0 0 0 rgba(180, 35, 24, 0.5); }
  70%  { box-shadow: 0 0 0 16px rgba(180, 35, 24, 0); }
  100% { box-shadow: 0 0 0 0 rgba(180, 35, 24, 0); }
}
@keyframes ab-fe-tape {
  from { background-position: 0 0; }
  to   { background-position: 23px 0; }
}
@keyframes ab-fe-bolt {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.3); }
}
@keyframes ab-fe-drift {
  from { background-position: 0% 0, 100% 100%; }
  to   { background-position: 100% 0, 0% 100%; }
}
@keyframes ab-fe-sheen {
  from { background-position: 150% 0; }
  to   { background-position: -50% 0; }
}

/* ---------- Kalimat pembuka ---------- */
.pkp_structure_main .ab-fees .ab-fees-intro {
  position: relative;
  margin: 1.2rem 0 0;
  padding: 1.2rem 1.5rem 1.2rem 5.2rem;
  background: var(--ab-soft);
  border: 1px solid var(--ab-soft-2);
  border-left: 4px solid var(--ab-gold);
  border-radius: 0 14px 14px 0;
  color: var(--ab-primary-dark);
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.7;
  text-align: left;
}
.pkp_structure_main .ab-fees .ab-fees-intro::before {
  content: "\f0d6"; /* uang */
  position: absolute;
  left: 1.3rem;
  top: 50%;
  margin-top: -1.4rem;
  display: grid;
  place-items: center;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  font: normal normal normal 1.25rem/1 FontAwesome;
}

/* ---------- Kartu biaya ---------- */
.pkp_structure_main .ab-fees .ab-fee-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  gap: 1.1rem;
  margin: 1.4rem 0 0;
}

.pkp_structure_main .ab-fees .ab-fee {
  --fc: var(--ab-primary);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  padding: 1.6rem 1.4rem 1.4rem;
  /* lapisan 1: bar di atas (melebar saat hover), lapisan 2: latar kartu */
  background:
    linear-gradient(var(--fc), var(--fc)) 0 0 / 30% 4px no-repeat,
    linear-gradient(160deg, #fff 0%, var(--ab-bg) 100%) 0 0 / 100% 100% no-repeat;
  border: 1px solid var(--ab-line);
  border-radius: 14px;
  box-shadow: var(--ab-shadow-1);
  color: var(--ab-ink);
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease),
              border-color 0.3s ease, background-size 0.7s var(--ab-ease);
}
.pkp_structure_main .ab-fees .ab-fee:hover {
  border-color: var(--fc);
  background-size: 100% 4px, 100% 100%;
  transform: translateY(-6px);
  box-shadow: var(--ab-shadow-2);
}
.pkp_structure_main .ab-fees .ab-fee-free { --fc: var(--ab-primary-light); }

/* Ikon watermark di sudut */
.pkp_structure_main .ab-fees .ab-fee::after {
  content: "\f1ea"; /* koran */
  position: absolute;
  right: -0.4rem;
  bottom: -1rem;
  z-index: -1;
  color: rgba(27, 94, 71, 0.07);
  font: normal normal normal 7.5rem/1 FontAwesome;
  pointer-events: none;
  transition: transform 0.8s var(--ab-ease), color 0.4s ease;
}
.pkp_structure_main .ab-fees .ab-fee-free::after { content: "\f06b"; } /* hadiah */
.pkp_structure_main .ab-fees .ab-fee:hover::after {
  color: rgba(27, 94, 71, 0.13);
  transform: rotate(-10deg) scale(1.1);
}

/* Label kecil di atas kartu */
.pkp_structure_main .ab-fees .ab-fee-tag {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.2rem 0.85rem 0.2rem 0.7rem;
  background: var(--ab-soft);
  border-radius: 999px;
  color: var(--ab-primary);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-transform: uppercase;
}
.pkp_structure_main .ab-fees .ab-fee-tag::before {
  content: "\f1ea";
  font: normal normal normal 1em/1 FontAwesome;
}
.pkp_structure_main .ab-fees .ab-fee-free .ab-fee-tag::before { content: "\f06b"; }
.pkp_structure_main .ab-fees .ab-fee-fast .ab-fee-tag::before { content: "\f0e7"; } /* petir */

.pkp_structure_main .ab-fees .ab-fee h3 {
  margin: 0.2rem 0 0;
  color: var(--ab-primary-dark);
  font-size: 1.1rem;
  line-height: 1.35;
}

/* Harga */
.pkp_structure_main .ab-fees .ab-fee-price {
  display: flex;
  align-items: baseline;
  gap: 0.45rem;
  margin: 0.1rem 0;
  color: var(--ab-primary-dark);
  font-size: 2.4rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}
.pkp_structure_main .ab-fees .ab-fee-price small {
  color: var(--ab-muted);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.pkp_structure_main .ab-fees .ab-fee p {
  margin: 0;
  color: var(--ab-muted);
  font-size: 0.9rem;
  line-height: 1.7;
  text-align: left;
}

/* Kartu Fast-Track: hijau gelap, harga emas */
.pkp_structure_main .ab-fees .ab-fee-fast {
  --fc: var(--ab-gold);
  background:
    linear-gradient(var(--fc), var(--fc)) 0 0 / 30% 4px no-repeat,
    linear-gradient(135deg, var(--ab-primary-dark) 0%, var(--ab-primary) 100%) 0 0 / 100% 100% no-repeat;
  border-color: var(--ab-primary-dark);
  box-shadow: 0 18px 36px -18px rgba(18, 66, 50, 0.65);
}
.pkp_structure_main .ab-fees .ab-fee-fast::after { content: "\f0e7"; color: rgba(242, 201, 76, 0.14); }
.pkp_structure_main .ab-fees .ab-fee-fast:hover::after { color: rgba(242, 201, 76, 0.26); }
.pkp_structure_main .ab-fees .ab-fee-fast .ab-fee-tag {
  background: linear-gradient(110deg, var(--ab-gold) 35%, var(--ab-gold-soft) 50%, var(--ab-gold) 65%);
  background-size: 250% 100%;
  color: var(--ab-primary-dark);
}
.pkp_structure_main .ab-fees .ab-fee-fast h3 { color: #fff; }
.pkp_structure_main .ab-fees .ab-fee-fast .ab-fee-price { color: var(--ab-gold-soft); }
.pkp_structure_main .ab-fees .ab-fee-fast .ab-fee-price small { color: rgba(255, 255, 255, 0.7); }
.pkp_structure_main .ab-fees .ab-fee-fast p { color: rgba(255, 255, 255, 0.88); }

/* ---------- Tahap pembayaran Fast-Track ---------- */
.pkp_structure_main .ab-fees .ab-fee-steps {
  margin: 1.6rem 0 0;
  padding: 1.4rem 1.6rem 1.6rem;
  background: var(--ab-soft);
  border: 1px solid var(--ab-soft-2);
  border-left: 4px solid var(--ab-gold);
  border-radius: 0 14px 14px 0;
}
.pkp_structure_main .ab-fees .ab-fee-steps h3 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 0.5rem;
  color: var(--ab-primary-dark);
  font-size: 1.15rem;
}
.pkp_structure_main .ab-fees .ab-fee-steps h3::before {
  content: "\f0ae"; /* daftar tugas */
  flex: none;
  display: grid;
  place-items: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  font: normal normal normal 1rem/1 FontAwesome;
}
.pkp_structure_main .ab-fees .ab-fee-steps-lead {
  margin: 0 0 1.3rem;
  color: var(--ab-ink);
  text-align: left;
}
.pkp_structure_main .ab-fees .ab-fee-steps ol {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: ab-st;
}
.pkp_structure_main .ab-fees .ab-fee-steps li {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin: 0;
  padding: 1rem 1.3rem 1.1rem;
  background: #fff;
  border: 1px solid var(--ab-soft-2);
  border-radius: 12px;
  counter-increment: ab-st;
  transition: transform 0.4s var(--ab-ease), box-shadow 0.4s var(--ab-ease), border-color 0.3s ease;
}
.pkp_structure_main .ab-fees .ab-fee-steps li:hover {
  transform: translateY(-4px);
  border-color: var(--ab-primary);
  box-shadow: var(--ab-shadow-1);
}
.pkp_structure_main .ab-fees .ab-fee-steps li::before {
  content: "Stage " counter(ab-st);
  color: var(--ab-gold-deep);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pkp_structure_main .ab-fees .ab-pct {
  color: var(--ab-primary);
  font-size: 2.2rem;
  font-weight: 800;
  line-height: 1.15;
}
.pkp_structure_main .ab-fees .ab-amt {
  color: var(--ab-primary-dark);
  font-size: 1.05rem;
  font-weight: 700;
}
.pkp_structure_main .ab-fees .ab-when {
  margin-top: 0.3rem;
  color: var(--ab-muted);
  font-size: 0.88rem;
  line-height: 1.6;
}
/* Panah penghubung antar tahap */
.pkp_structure_main .ab-fees .ab-fee-steps li:first-child::after {
  content: "\f178";
  position: absolute;
  right: -2.05rem;
  top: 50%;
  margin-top: -0.85rem;
  display: grid;
  place-items: center;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  font: normal normal normal 0.85rem/1 FontAwesome;
}

/* ---------- Peringatan penipuan ---------- */
.pkp_structure_main .ab-fees .ab-fee-alert {
  position: relative;
  overflow: hidden;
  margin: 1.6rem 0 0;
  padding: 1.6rem 1.6rem 1.4rem 5.3rem;
  background: linear-gradient(120deg, var(--wr-soft) 0%, #fff8ea 100%);
  border: 1px solid #f4c7c3;
  border-radius: 14px;
  box-shadow: var(--ab-shadow-1);
}
/* Pita "caution tape" di atas */
.pkp_structure_main .ab-fees .ab-fee-alert::after {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 5px;
  background: repeating-linear-gradient(135deg, var(--wr) 0 8px, var(--ab-gold) 8px 16px);
  background-size: 23px 100%;
}
.pkp_structure_main .ab-fees .ab-fee-alert::before {
  content: "\f071"; /* segitiga peringatan */
  position: absolute;
  left: 1.4rem;
  top: 1.5rem;
  display: grid;
  place-items: center;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  background: var(--wr);
  color: #fff;
  font: normal normal normal 1.2rem/1 FontAwesome;
}
.pkp_structure_main .ab-fees .ab-fee-alert h3 {
  margin: 0 0 0.45rem;
  color: var(--wr-dark);
  font-size: 1.1rem;
  line-height: 1.4;
}
.pkp_structure_main .ab-fees .ab-fee-alert p {
  margin: 0;
  color: var(--ab-ink);
  text-align: left;
}

/* ---------- Kartu rekening resmi ---------- */
.pkp_structure_main .ab-fees .ab-fee-bank {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 1.6rem 0 0.4rem;
  padding: 1.6rem 1.8rem 1.5rem;
  background: linear-gradient(125deg, var(--ab-primary-dark) 0%, var(--ab-primary) 65%, #1f7a58 100%);
  border-radius: 16px;
  box-shadow: inset 0 -4px 0 var(--ab-gold), var(--ab-shadow-2);
  color: #fff;
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease);
}
.pkp_structure_main .ab-fees .ab-fee-bank:hover {
  transform: translateY(-3px);
  box-shadow: inset 0 -4px 0 var(--ab-gold), 0 22px 40px -14px rgba(18, 66, 50, 0.5);
}
/* Cahaya dekoratif */
.pkp_structure_main .ab-fees .ab-fee-bank::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 88% 0%, rgba(242, 201, 76, 0.26), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(255, 255, 255, 0.14), transparent 38%);
  background-size: 160% 100%, 160% 100%;
  background-repeat: no-repeat;
}
/* Ikon bank besar di pojok kanan atas */
.pkp_structure_main .ab-fees .ab-fee-bank::before {
  content: "\f19c";
  position: absolute;
  right: 1.4rem;
  top: 1rem;
  z-index: -1;
  color: rgba(255, 255, 255, 0.1);
  font: normal normal normal 4.8rem/1 FontAwesome;
  transition: transform 0.8s var(--ab-ease), color 0.4s ease;
}
.pkp_structure_main .ab-fees .ab-fee-bank:hover::before {
  color: rgba(242, 201, 76, 0.22);
  transform: rotate(-8deg) scale(1.1);
}
.pkp_structure_main .ab-fees .ab-bank-note {
  margin: 0 0 1rem;
  padding-right: 4.5rem;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.95rem;
  line-height: 1.65;
  text-align: left;
}
.pkp_structure_main .ab-fees .ab-bank-note::before {
  content: "\f058"; /* centang resmi */
  margin-right: 0.5rem;
  color: var(--ab-gold);
  font: normal normal normal 1.1em/1 FontAwesome;
  vertical-align: -1px;
}
.pkp_structure_main .ab-fees .ab-bank-row {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  padding: 0.75rem 0;
  border-top: 1px dashed rgba(255, 255, 255, 0.28);
}
.pkp_structure_main .ab-fees .ab-bank-label {
  flex: 0 0 9.5rem;
  color: var(--ab-gold-soft);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pkp_structure_main .ab-fees .ab-bank-value {
  min-width: 0;
  color: #fff;
  font-size: 1.15rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}
/* Nomor rekening: paling besar dan emas */
.pkp_structure_main .ab-fees .ab-bank-row:nth-of-type(2) .ab-bank-value {
  color: var(--ab-gold-soft);
  font-size: 1.6rem;
  letter-spacing: 0.12em;
  font-variant-numeric: tabular-nums;
}

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .ab-fees .ab-fees-intro { padding: 1.1rem 1.1rem 1.1rem 4.4rem; font-size: 1rem; }
  .pkp_structure_main .ab-fees .ab-fees-intro::before {
    left: 0.9rem;
    width: 2.4rem;
    height: 2.4rem;
    margin-top: -1.2rem;
    font-size: 1.05rem;
  }
  .pkp_structure_main .ab-fees .ab-fee-price { font-size: 2.1rem; }

  /* Tahap pembayaran: tersusun ke bawah, panah menghadap bawah */
  .pkp_structure_main .ab-fees .ab-fee-steps { padding: 1.2rem 1rem 1.3rem; }
  .pkp_structure_main .ab-fees .ab-fee-steps ol { grid-template-columns: 1fr; gap: 2.2rem; }
  .pkp_structure_main .ab-fees .ab-fee-steps li:first-child::after {
    right: auto;
    left: 50%;
    top: auto;
    bottom: -1.95rem;
    margin: 0 0 0 -0.85rem;
    rotate: 90deg;
  }

  .pkp_structure_main .ab-fees .ab-fee-alert { padding: 1.4rem 1.1rem 1.2rem 4.4rem; }
  .pkp_structure_main .ab-fees .ab-fee-alert::before {
    left: 0.9rem;
    top: 1.3rem;
    width: 2.4rem;
    height: 2.4rem;
    font-size: 1.05rem;
  }

  .pkp_structure_main .ab-fees .ab-fee-bank { padding: 1.4rem 1.2rem 1.3rem; }
  .pkp_structure_main .ab-fees .ab-bank-note { padding-right: 0; }
  .pkp_structure_main .ab-fees .ab-bank-row { flex-direction: column; gap: 0.1rem; }
  .pkp_structure_main .ab-fees .ab-bank-label { flex: none; }
  .pkp_structure_main .ab-fees .ab-bank-row:nth-of-type(2) .ab-bank-value { font-size: 1.35rem; letter-spacing: 0.08em; }
}

/* ---------- Animasi (mati jika pengunjung memilih "reduce motion") ---------- */
@media (prefers-reduced-motion: no-preference) {

  /* Muncul bertahap */
  .pkp_structure_main .ab-fees .ab-fees-intro       { animation: ab-rise 0.9s var(--ab-ease) 0.20s both; }
  .pkp_structure_main .ab-fees .ab-fee:nth-child(1) { animation: ab-rise 0.9s var(--ab-ease) 0.30s both; }
  .pkp_structure_main .ab-fees .ab-fee:nth-child(2) { animation: ab-rise 0.9s var(--ab-ease) 0.40s both; }
  .pkp_structure_main .ab-fees .ab-fee:nth-child(3) { animation: ab-rise 0.9s var(--ab-ease) 0.50s both; }
  .pkp_structure_main .ab-fees .ab-fee-steps        { animation: ab-rise 0.9s var(--ab-ease) 0.60s both; }
  .pkp_structure_main .ab-fees .ab-fee-alert        { animation: ab-rise 0.9s var(--ab-ease) 0.70s both; }
  .pkp_structure_main .ab-fees .ab-fee-bank         { animation: ab-rise 0.9s var(--ab-ease) 0.80s both; }

  /* Ikon pembuka melayang + cincin emas */
  .pkp_structure_main .ab-fees .ab-fees-intro::before {
    animation: ab-float 2.6s ease-in-out infinite alternate,
               ab-fe-ring-gold 2.4s ease-out infinite;
  }
  /* Label Fast-Track berkilau, petirnya berdenyut */
  .pkp_structure_main .ab-fees .ab-fee-fast .ab-fee-tag { animation: ab-fe-sheen 3.6s linear infinite; }
  .pkp_structure_main .ab-fees .ab-fee-fast .ab-fee-tag::before { animation: ab-fe-bolt 1.4s ease-in-out infinite; }

  /* Peringatan: pita bergerak + ikon berdenyut merah */
  .pkp_structure_main .ab-fees .ab-fee-alert::after  { animation: ab-fe-tape 1.2s linear infinite; }
  .pkp_structure_main .ab-fees .ab-fee-alert::before { animation: ab-fe-ring-red 2.2s ease-out infinite; }

  /* Kartu rekening: cahaya bergeser pelan */
  .pkp_structure_main .ab-fees .ab-fee-bank::after { animation: ab-fe-drift 14s ease-in-out infinite alternate; }

  /* Bagian di bawah layar: muncul saat di-scroll (Chrome, Edge, Safari 26+) */
  @supports (animation-timeline: view()) {
    .pkp_structure_main .ab-fees .ab-fee-steps,
    .pkp_structure_main .ab-fees .ab-fee-alert,
    .pkp_structure_main .ab-fees .ab-fee-bank {
      animation: ab-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* =====================================================================
   HALAMAN INDEXING AND ABSTRACTING
   ===================================================================== */

@keyframes ab-ix-ring {
  0%   { box-shadow: 0 0 0 0 rgba(242, 201, 76, 0.6); }
  70%  { box-shadow: 0 0 0 16px rgba(242, 201, 76, 0); }
  100% { box-shadow: 0 0 0 0 rgba(242, 201, 76, 0); }
}

.pkp_structure_main .ab-index { margin-top: 0.4rem; }

/* ---------- Paragraf pembuka: kotak sorotan ---------- */
.pkp_structure_main .ab-index .ab-index-intro {
  position: relative;
  margin: 1.2rem 0 0;
  padding: 1.3rem 1.5rem 1.3rem 5.2rem;
  background: var(--ab-soft);
  border: 1px solid var(--ab-soft-2);
  border-left: 4px solid var(--ab-gold);
  border-radius: 0 14px 14px 0;
  color: var(--ab-primary-dark);
  font-size: 1.05rem;
  line-height: 1.75;
  text-align: left;
}
.pkp_structure_main .ab-index .ab-index-intro::before {
  content: "\f002"; /* kaca pembesar */
  position: absolute;
  left: 1.3rem;
  top: 50%;
  margin-top: -1.4rem;
  display: grid;
  place-items: center;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  font: normal normal normal 1.2rem/1 FontAwesome;
}

/* ---------- Grid kartu indeks ---------- */
.pkp_structure_main .ab-index ul.ab-index-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 1rem;
  margin: 1.4rem 0 0;
  padding: 0;
  list-style: none;
  counter-reset: ab-ix;
}

/* <li> = pembungkus yang bergerak saat hover (agar nomor & ikon ikut naik) */
.pkp_structure_main .ab-index ul.ab-index-list > li {
  --ic: var(--ab-primary);      /* warna aksen */
  --ic-ink: #fff;               /* warna ikon di atas aksen */
  counter-increment: ab-ix;
  position: relative;
  margin: 0;
  padding: 0;
  transition: transform 0.45s var(--ab-ease);
}
.pkp_structure_main .ab-index ul.ab-index-list > li:nth-child(3n+2) {
  --ic: var(--ab-gold);
  --ic-ink: var(--ab-primary-dark);
}
.pkp_structure_main .ab-index ul.ab-index-list > li:nth-child(3n) {
  --ic: var(--ab-primary-light);
}
.pkp_structure_main .ab-index ul.ab-index-list > li:hover,
.pkp_structure_main .ab-index ul.ab-index-list > li:focus-within {
  transform: translateY(-6px);
}

/* Kartu = seluruh tautan */
.pkp_structure_main .ab-index ul.ab-index-list > li > a {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  box-sizing: border-box;
  height: 100%;
  min-height: 12.5rem;
  padding: 1.4rem 1.3rem 1.2rem;
  /* lapisan 1: bar aksen di atas (melebar saat hover), lapisan 2: latar kartu */
  background:
    linear-gradient(var(--ic), var(--ic)) 0 0 / 30% 4px no-repeat,
    linear-gradient(160deg, #fff 0%, var(--ab-bg) 100%) 0 0 / 100% 100% no-repeat;
  border: 1px solid var(--ab-line);
  border-radius: 14px;
  box-shadow: var(--ab-shadow-1);
  color: var(--ab-primary-dark);
  text-decoration: none;
  transition: box-shadow 0.45s var(--ab-ease), border-color 0.3s ease,
              background-size 0.7s var(--ab-ease);
}
.pkp_structure_main .ab-index ul.ab-index-list > li:hover > a,
.pkp_structure_main .ab-index ul.ab-index-list > li > a:focus-visible {
  border-color: var(--ic);
  background-size: 100% 4px, 100% 100%;
  box-shadow: var(--ab-shadow-2);
  text-decoration: none;
}
.pkp_structure_main .ab-index ul.ab-index-list > li > a:focus-visible {
  outline: 2px solid var(--ab-gold);
  outline-offset: 3px;
}

/* Ikon bulat */
.pkp_structure_main .ab-index ul.ab-index-list > li > a::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 0.3rem;
  border-radius: 50%;
  background: var(--ic);
  color: var(--ic-ink);
  font: normal normal normal 1.25rem/1 FontAwesome;
  box-shadow: 0 6px 14px -6px rgba(18, 66, 50, 0.55);
  transition: transform 0.5s var(--ab-ease);
}
.pkp_structure_main .ab-index ul.ab-index-list > li:hover > a::before {
  transform: rotate(-10deg) scale(1.1);
}
.pkp_structure_main .ab-index ul.ab-index-list > li:nth-child(1) > a::before { content: "\f19c"; } /* GARUDA: institusi */
.pkp_structure_main .ab-index ul.ab-index-list > li:nth-child(2) > a::before { content: "\f201"; } /* SINTA: grafik */
.pkp_structure_main .ab-index ul.ab-index-list > li:nth-child(3) > a::before { content: "\f19d"; } /* Google Scholar: toga */
.pkp_structure_main .ab-index ul.ab-index-list > li:nth-child(4) > a::before { content: "\f1b3"; } /* Dimensions: kubus */
.pkp_structure_main .ab-index ul.ab-index-list > li:nth-child(5) > a::before { content: "\f0ac"; } /* ICI: globe */
.pkp_structure_main .ab-index ul.ab-index-list > li:nth-child(6) > a::before { content: "\f13e"; } /* DOAJ: open access */

/* Singkatan & nama lengkap */
.pkp_structure_main .ab-index .ab-ix-abbr {
  color: var(--ab-primary-dark);
  font-size: 1.45rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1.2;
}
.pkp_structure_main .ab-index .ab-ix-name {
  color: var(--ab-muted);
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Tombol "Visit site" di dasar kartu */
.pkp_structure_main .ab-index ul.ab-index-list > li > a::after {
  content: "Visit site  \2192";
  align-self: flex-start;
  margin-top: auto;
  padding: 0.25rem 1rem;
  background: var(--ab-soft);
  border-radius: 999px;
  color: var(--ab-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-transform: uppercase;
  white-space: pre;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.4s var(--ab-ease);
}
.pkp_structure_main .ab-index ul.ab-index-list > li:hover > a::after {
  background: var(--ic);
  color: var(--ic-ink);
  transform: translateX(6px);
}

/* Ikon "link keluar" di pojok kanan atas */
.pkp_structure_main .ab-index ul.ab-index-list > li::after {
  content: "\f08e";
  position: absolute;
  top: 1.1rem;
  right: 1.2rem;
  z-index: 1;
  color: rgba(27, 94, 71, 0.3);
  font: normal normal normal 1rem/1 FontAwesome;
  pointer-events: none;
  transition: transform 0.4s var(--ab-ease), color 0.3s ease;
}
.pkp_structure_main .ab-index ul.ab-index-list > li:hover::after {
  color: var(--ab-primary);
  transform: translate(3px, -3px);
}

/* Nomor besar samar di pojok kanan bawah */
.pkp_structure_main .ab-index ul.ab-index-list > li::before {
  content: counter(ab-ix, decimal-leading-zero);
  position: absolute;
  right: 1rem;
  bottom: 0.7rem;
  z-index: 1;
  color: rgba(27, 94, 71, 0.08);
  font-size: 3rem;
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
  transition: transform 0.6s var(--ab-ease), color 0.4s ease;
}
.pkp_structure_main .ab-index ul.ab-index-list > li:hover::before {
  color: rgba(27, 94, 71, 0.16);
  transform: translateY(-4px) scale(1.12);
}

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .ab-index .ab-index-intro {
    padding: 1.1rem 1.1rem 1.1rem 4.4rem;
    font-size: 1rem;
  }
  .pkp_structure_main .ab-index .ab-index-intro::before {
    left: 0.9rem;
    width: 2.4rem;
    height: 2.4rem;
    margin-top: -1.2rem;
    font-size: 1.05rem;
  }
  .pkp_structure_main .ab-index ul.ab-index-list > li > a {
    min-height: 0;
    padding: 1.2rem 1.1rem 1.1rem;
  }
  .pkp_structure_main .ab-index .ab-ix-abbr { font-size: 1.3rem; }
}

/* ---------- Animasi (mati jika pengunjung memilih "reduce motion") ---------- */
@media (prefers-reduced-motion: no-preference) {

  .pkp_structure_main .ab-index .ab-index-intro {
    animation: ab-rise 0.9s var(--ab-ease) 0.2s both;
  }
  /* Kaca pembesar melayang + cincin berdenyut */
  .pkp_structure_main .ab-index .ab-index-intro::before {
    animation: ab-float 2.6s ease-in-out infinite alternate,
               ab-ix-ring 2.4s ease-out infinite;
  }

  /* Kartu muncul bergantian (animasi di <a> agar tidak bentrok dengan hover pada <li>) */
  .pkp_structure_main .ab-index ul.ab-index-list > li > a {
    animation: ab-rise 0.8s var(--ab-ease) both;
  }
  .pkp_structure_main .ab-index ul.ab-index-list > li:nth-child(1) > a { animation-delay: 0.35s; }
  .pkp_structure_main .ab-index ul.ab-index-list > li:nth-child(2) > a { animation-delay: 0.43s; }
  .pkp_structure_main .ab-index ul.ab-index-list > li:nth-child(3) > a { animation-delay: 0.51s; }
  .pkp_structure_main .ab-index ul.ab-index-list > li:nth-child(4) > a { animation-delay: 0.59s; }
  .pkp_structure_main .ab-index ul.ab-index-list > li:nth-child(5) > a { animation-delay: 0.67s; }
  .pkp_structure_main .ab-index ul.ab-index-list > li:nth-child(6) > a { animation-delay: 0.75s; }
}

/* =====================================================================
   HALAMAN JOURNAL HISTORY (TIMELINE)
   ===================================================================== */

@keyframes ab-tl-ring {
  0%   { box-shadow: 0 0 0 0 rgba(242, 201, 76, 0.65); }
  70%  { box-shadow: 0 0 0 16px rgba(242, 201, 76, 0); }
  100% { box-shadow: 0 0 0 0 rgba(242, 201, 76, 0); }
}
@keyframes ab-tl-line {
  from { transform: scaleY(0); }
  to   { transform: scaleY(1); }
}
@keyframes ab-tl-from-left {
  from { opacity: 0; translate: -40px 0; }
  to   { opacity: 1; translate: 0 0; }
}
@keyframes ab-tl-from-right {
  from { opacity: 0; translate: 40px 0; }
  to   { opacity: 1; translate: 0 0; }
}
@keyframes ab-tl-from-below {
  from { opacity: 0; translate: 0 32px; }
  to   { opacity: 1; translate: 0 0; }
}

.pkp_structure_main .ab-history { margin-top: 0.4rem; }

/* ---------- Kalimat pengantar ---------- */
.pkp_structure_main .ab-history .ab-tl-intro {
  position: relative;
  margin: 1.2rem 0 0;
  padding: 1.2rem 1.5rem 1.2rem 5.2rem;
  background: var(--ab-soft);
  border: 1px solid var(--ab-soft-2);
  border-left: 4px solid var(--ab-gold);
  border-radius: 0 14px 14px 0;
  color: var(--ab-primary-dark);
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.7;
  text-align: left;
}
.pkp_structure_main .ab-history .ab-tl-intro::before {
  content: "\f1da"; /* riwayat */
  position: absolute;
  left: 1.3rem;
  top: 50%;
  margin-top: -1.4rem;
  display: grid;
  place-items: center;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
  font: normal normal normal 1.25rem/1 FontAwesome;
}

/* ---------- Timeline ---------- */
.pkp_structure_main .ab-history ol.ab-tl {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin: 2rem 0 0.5rem;
  padding: 0;
  list-style: none;
}

/* Garis tengah */
.pkp_structure_main .ab-history ol.ab-tl::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 1.5rem;
  bottom: 0;
  width: 4px;
  margin-left: -2px;
  border-radius: 2px;
  background: linear-gradient(to bottom, var(--ab-primary) 0%, var(--ab-primary-light) 70%, transparent 100%);
  transform-origin: top;
}

/* Kartu peristiwa */
.pkp_structure_main .ab-history ol.ab-tl > li {
  --tc: var(--ab-primary);   /* warna aksen */
  --tc-ink: #fff;            /* warna ikon di atas aksen */
  position: relative;
  box-sizing: border-box;
  width: calc(50% - 2.2rem);
  margin: 0;
  padding: 1.3rem 1.4rem 1.2rem;
  /* lapisan 1: bar aksen di atas (melebar saat hover), lapisan 2: latar kartu */
  background:
    linear-gradient(var(--tc), var(--tc)) 0 0 / 30% 4px no-repeat,
    linear-gradient(160deg, #fff 0%, var(--ab-bg) 100%) 0 0 / 100% 100% no-repeat;
  border: 1px solid var(--ab-line);
  border-radius: 14px;
  box-shadow: var(--ab-shadow-1);
  transition: transform 0.45s var(--ab-ease), box-shadow 0.45s var(--ab-ease),
              border-color 0.3s ease, background-size 0.7s var(--ab-ease);
}
.pkp_structure_main .ab-history ol.ab-tl > li:nth-child(odd)  { align-self: flex-start; }
.pkp_structure_main .ab-history ol.ab-tl > li:nth-child(even) { align-self: flex-end; }
.pkp_structure_main .ab-history ol.ab-tl > li:nth-child(3n+2) {
  --tc: var(--ab-gold);
  --tc-ink: var(--ab-primary-dark);
}
.pkp_structure_main .ab-history ol.ab-tl > li:nth-child(3n) { --tc: var(--ab-primary-light); }
.pkp_structure_main .ab-history ol.ab-tl > li:hover {
  border-color: var(--tc);
  background-size: 100% 4px, 100% 100%;
  transform: translateY(-5px);
  box-shadow: var(--ab-shadow-2);
}

/* Titik ikon di garis tengah */
.pkp_structure_main .ab-history ol.ab-tl > li::before {
  position: absolute;
  top: 1.2rem;
  box-sizing: border-box;
  display: grid;
  place-items: center;
  width: 2.8rem;
  height: 2.8rem;
  border: 4px solid #fff;
  border-radius: 50%;
  background: var(--tc);
  color: var(--tc-ink);
  font: normal normal normal 1rem/1 FontAwesome;
  box-shadow: 0 6px 14px -6px rgba(18, 66, 50, 0.6);
  transition: transform 0.5s var(--ab-ease);
}
.pkp_structure_main .ab-history ol.ab-tl > li:nth-child(odd)::before  { right: -3.6rem; }
.pkp_structure_main .ab-history ol.ab-tl > li:nth-child(even)::before { left: -3.6rem; }
.pkp_structure_main .ab-history ol.ab-tl > li:hover::before { transform: rotate(-10deg) scale(1.12); }

.pkp_structure_main .ab-history ol.ab-tl > li:nth-child(1)::before { content: "\f19d"; } /* Google Scholar: toga */
.pkp_structure_main .ab-history ol.ab-tl > li:nth-child(2)::before { content: "\f19c"; } /* Garuda: institusi */
.pkp_structure_main .ab-history ol.ab-tl > li:nth-child(3)::before { content: "\f0ac"; } /* ICI: globe */
.pkp_structure_main .ab-history ol.ab-tl > li:nth-child(4)::before { content: "\f073"; } /* Edisi 2020: kalender */
.pkp_structure_main .ab-history ol.ab-tl > li:nth-child(5)::before { content: "\f091"; } /* SINTA 4: piala */
.pkp_structure_main .ab-history ol.ab-tl > li:nth-child(6)::before { content: "\f133"; } /* Edisi 2021: kalender */
.pkp_structure_main .ab-history ol.ab-tl > li:nth-child(7)::before { content: "\f005"; } /* SINTA 3: bintang */

/* Penghubung kecil dari titik ke kartu */
.pkp_structure_main .ab-history ol.ab-tl > li::after {
  content: "";
  position: absolute;
  top: 2.6rem;
  width: 0.8rem;
  height: 3px;
  margin-top: -1.5px;
  background: var(--tc);
}
.pkp_structure_main .ab-history ol.ab-tl > li:nth-child(odd)::after  { right: -0.8rem; }
.pkp_structure_main .ab-history ol.ab-tl > li:nth-child(even)::after { left: -0.8rem; }

/* Tanggal */
.pkp_structure_main .ab-history .ab-tl-date {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.2rem 0.85rem 0.2rem 0.7rem;
  background: var(--ab-soft);
  border-radius: 999px;
  color: var(--ab-primary);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-transform: uppercase;
}
.pkp_structure_main .ab-history .ab-tl-date::before {
  content: "\f017"; /* jam */
  font: normal normal normal 1em/1 FontAwesome;
}
.pkp_structure_main .ab-history ol.ab-tl > li:nth-child(3n+2) .ab-tl-date {
  background: rgba(242, 201, 76, 0.22);
  color: var(--ab-gold-deep);
}

/* Judul & deskripsi */
.pkp_structure_main .ab-history ol.ab-tl h3 {
  margin: 0.6rem 0 0.3rem;
  color: var(--ab-primary-dark);
  font-size: 1.15rem;
  line-height: 1.35;
}
.pkp_structure_main .ab-history ol.ab-tl p {
  margin: 0;
  color: var(--ab-muted);
  font-size: 0.92rem;
  line-height: 1.7;
  text-align: left;
}

/* Tautan di dalam deskripsi: garis emas "tergambar" saat hover */
.pkp_structure_main .ab-history ol.ab-tl p a {
  color: var(--ab-primary);
  font-weight: 600;
  text-decoration: none;
  background: linear-gradient(var(--ab-gold), var(--ab-gold)) 0 100% / 0 2px no-repeat;
  transition: background-size 0.5s var(--ab-ease), color 0.25s ease;
}
.pkp_structure_main .ab-history ol.ab-tl p a:hover {
  color: var(--ab-primary-dark);
  background-size: 100% 2px;
}

/* ---------- Kartu terbaru ("Current"): hijau gelap ---------- */
.pkp_structure_main .ab-history ol.ab-tl > li.ab-tl-now {
  --tc: var(--ab-gold);
  --tc-ink: var(--ab-primary-dark);
  background:
    linear-gradient(var(--tc), var(--tc)) 0 0 / 30% 4px no-repeat,
    linear-gradient(135deg, var(--ab-primary-dark) 0%, var(--ab-primary) 100%) 0 0 / 100% 100% no-repeat;
  border-color: var(--ab-primary-dark);
  box-shadow: 0 18px 36px -18px rgba(18, 66, 50, 0.65);
}
.pkp_structure_main .ab-history ol.ab-tl > li.ab-tl-now .ab-tl-date {
  background: var(--ab-gold);
  color: var(--ab-primary-dark);
}
.pkp_structure_main .ab-history ol.ab-tl > li.ab-tl-now .ab-tl-date::after {
  content: "Current";
  margin-left: 0.3rem;
  padding: 0 0.55rem;
  background: var(--ab-primary-dark);
  border-radius: 999px;
  color: var(--ab-gold-soft);
  font-size: 10px;
  letter-spacing: 0.08em;
}
.pkp_structure_main .ab-history ol.ab-tl > li.ab-tl-now h3 { color: #fff; }
.pkp_structure_main .ab-history ol.ab-tl > li.ab-tl-now p  { color: rgba(255, 255, 255, 0.9); }
.pkp_structure_main .ab-history ol.ab-tl > li.ab-tl-now p a {
  color: var(--ab-gold-soft);
}
.pkp_structure_main .ab-history ol.ab-tl > li.ab-tl-now p a:hover { color: #fff; }

/* ---------- Layar kecil: timeline satu sisi ---------- */
@media (max-width: 700px) {
  .pkp_structure_main .ab-history .ab-tl-intro {
    padding: 1.1rem 1.1rem 1.1rem 4.4rem;
    font-size: 1rem;
  }
  .pkp_structure_main .ab-history .ab-tl-intro::before {
    left: 0.9rem;
    width: 2.4rem;
    height: 2.4rem;
    margin-top: -1.2rem;
    font-size: 1.05rem;
  }

  .pkp_structure_main .ab-history ol.ab-tl::before { left: 1.4rem; }
  .pkp_structure_main .ab-history ol.ab-tl > li,
  .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(odd),
  .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(even) {
    align-self: stretch;
    width: auto;
    margin-left: 3.9rem;
  }
  .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(odd)::before,
  .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(even)::before {
    right: auto;
    left: -3.9rem;
  }
  .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(odd)::after,
  .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(even)::after {
    right: auto;
    left: -1.1rem;
    width: 1.1rem;
  }
}

/* ---------- Animasi (mati jika pengunjung memilih "reduce motion") ---------- */
@media (prefers-reduced-motion: no-preference) {

  .pkp_structure_main .ab-history .ab-tl-intro {
    animation: ab-rise 0.9s var(--ab-ease) 0.2s both;
  }
  .pkp_structure_main .ab-history .ab-tl-intro::before {
    animation: ab-float 2.6s ease-in-out infinite alternate,
               ab-tl-ring 2.4s ease-out infinite;
  }

  /* Garis tengah "tergambar" dari atas ke bawah */
  .pkp_structure_main .ab-history ol.ab-tl::before {
    animation: ab-tl-line 1.6s var(--ab-ease) 0.3s both;
  }

  /* Kartu masuk bergantian dari kiri dan kanan */
  .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(odd)  { animation: ab-tl-from-left 0.8s var(--ab-ease) both; }
  .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(even) { animation: ab-tl-from-right 0.8s var(--ab-ease) both; }
  .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(1) { animation-delay: 0.40s; }
  .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(2) { animation-delay: 0.55s; }
  .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(3) { animation-delay: 0.70s; }
  .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(4) { animation-delay: 0.85s; }
  .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(5) { animation-delay: 1.00s; }
  .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(6) { animation-delay: 1.15s; }
  .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(7) { animation-delay: 1.30s; }

  /* Titik "Current" berdenyut */
  .pkp_structure_main .ab-history ol.ab-tl > li.ab-tl-now::before {
    animation: ab-tl-ring 2.2s ease-out infinite;
  }

  /* Saat di-scroll (Chrome, Edge, Safari 26+): menggantikan animasi berdasar waktu di atas */
  @supports (animation-timeline: view()) {
    .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(odd),
    .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(even) {
      animation-delay: 0s;
      animation-timeline: view();
      animation-range: entry 0% entry 40%;
    }
  }
}

/* HP: kartu masuk dari bawah, bukan dari samping */
@media (max-width: 700px) and (prefers-reduced-motion: no-preference) {
  .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(odd),
  .pkp_structure_main .ab-history ol.ab-tl > li:nth-child(even) {
    animation-name: ab-tl-from-below;
  }
}