/* =====================================================================
   AFRE - STYLESHEET (versi dipercantik & animatif)
   ---------------------------------------------------------------------
   CARA PAKAI:
   Ganti seluruh isi styleSheet.css lama dengan file ini.
   Semua URL gambar (background body, header, ikon penulis) tetap sama
   seperti CSS asli. Hanya warna, bentuk, dan animasi yang dirapikan.

   Palet (Opsi 1):
     Primer        #1e6292     Primer gelap  #14405f
     Primer terang #3a86b8     Aksen emas    #f7bc4a
     Hover lembut  #eaf3f9     Latar         #f4f7fa
     Teks          #1f2933

   Semua animasi hanya aktif jika pengunjung TIDAK mengaktifkan
   "reduce motion" di perangkatnya (aksesibilitas).
   ===================================================================== */

/* ---------- 1. Design tokens (ubah di sini, berlaku di semua bagian) ---------- */
:root {
  --af-primary:      #1e6292;
  --af-primary-dark: #14405f;
  --af-primary-light:#3a86b8;
  --af-gold:         #f7bc4a;
  --af-gold-soft:    #fbd98a;
  --af-gold-deep:    #b9831a;
  --af-soft:         #eaf3f9;
  --af-soft-2:       #d8e8f3;
  --af-bg:           #f4f7fa;
  --af-ink:          #1f2933;
  --af-muted:        #5b6b79;
  --af-line:         #dde7ef;
  --af-ease:         cubic-bezier(0.22, 0.8, 0.24, 1);
  --af-shadow-1:     0 2px 10px rgba(20, 64, 95, 0.08);
  --af-shadow-2:     0 14px 32px -12px rgba(20, 64, 95, 0.35);
}

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

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

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

a {
  transition: color 0.25s ease, background-color 0.25s ease;
}

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

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

.pkp_structure_main h2 {
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 1.285rem;
  line-height: 2.143rem;
  font-weight: 700;
  color: var(--af-primary);
}

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

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

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

.obj_article_details .abstract {
  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/");
}

/* ---------- 5. Navbar ---------- */
/* Garis emas di bawah navbar berkilau pelan (dibuat lewat background,
   sehingga posisi menu tidak ikut bergeser) */
.pkp_navigation_primary_row {
  width: auto;
  height: auto;
  padding-left: 1.5em;
  padding-right: 1em;
  border-bottom: 0.3em solid transparent;
  background-color: var(--af-primary);
  background-image: linear-gradient(90deg, var(--af-gold) 0, var(--af-gold-soft) 150px, var(--af-gold) 300px);
  background-size: 300px 0.3em;
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-origin: border-box;
}

.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;
  color: #fff;
  text-decoration: none;
}

/* Menu utama: garis emas "ditarik" dari tengah saat hover */
.pkp_navigation_primary > li > a {
  border-radius: 8px;
  background-image: linear-gradient(var(--af-gold), var(--af-gold));
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 4px);
  background-size: 0 2px;
  transition: background-size 0.45s var(--af-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;
}

/* Dropdown */
.pkp_navigation_primary ul {
  background: #fff;
  border-top: 3px solid var(--af-gold);
  border-radius: 0 0 10px 10px;
  box-shadow: var(--af-shadow-2);
}
.pkp_navigation_primary ul li a {
  color: var(--af-primary);
  transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.25s var(--af-ease);
}
.pkp_navigation_primary ul li a:hover {
  background-color: var(--af-soft);
  color: var(--af-primary-dark);
  padding-left: 1.3rem;
}

/* Menu user (Register / Login / nama user) */
.pkp_navigation_user li {
  text-align: left;
}
.pkp_navigation_user a {
  padding-top: 0.5rem;
  padding-bottom: 0.357rem;
  margin-right: 0rem;
  line-height: 1rem;
  color: #fff;
  border-radius: 999px;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.pkp_navigation_user > li > a:hover {
  background-color: rgba(255, 255, 255, 0.16);
  color: #fff;
}
.pkp_navigation_user > li:last-child > a {
  display: inline-block;
  margin-right: 2rem;
  color: #fff;
}
.pkp_navigation_user ul {
  background: var(--af-primary-dark);
  border-radius: 10px;
  box-shadow: var(--af-shadow-2);
}
.pkp_navigation_user ul a {
  color: #fff;
  border-radius: 0;
}
.pkp_navigation_user ul a:hover {
  background-color: var(--af-primary);
  color: var(--af-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(--af-primary);
}
/* Ruang agar Search tidak tertimpa menu Register / nama user (ubah angkanya jika perlu) */
@media (min-width: 992px) {
  .pkp_navigation_search_wrapper { margin-right: 11rem; }
}

/* 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(--af-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(--af-primary);
  text-indent: -9999px;
  overflow: hidden;
}

/* Menu mobile: pastikan teks putih terbaca */
@media (max-width: 991px) {
  .pkp_site_nav_menu { background-color: var(--af-primary-dark); }
}

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

/* Judul section di 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(--af-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(--af-gold);
  transition: width 0.6s var(--af-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(--af-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(--af-soft);
  color: var(--af-ink);
  transition: background-color 0.25s ease;
}
.hover tr:hover {
  background-color: var(--af-soft-2);
}
.hover tr a {
  color: var(--af-ink);
  padding-left: 1em;
}
.hover a:hover {
  color: var(--af-primary-dark);
}

/* ---------- 8. Current Issue ---------- */
.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(--af-primary);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 6px 16px -6px rgba(30, 98, 146, 0.7);
}

.pkp_page_index .current_issue .read_more {
  display: inline-block;
  color: var(--af-primary);
  font-weight: 700;
  text-decoration: none;
  transition: letter-spacing 0.35s var(--af-ease), color 0.25s ease;
}
.pkp_page_index .current_issue .read_more:hover {
  letter-spacing: 0.04em;
  color: var(--af-gold-deep);
}

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

.obj_issue_toc .cover {
  float: left;
  width: 40%;
  height: auto;
  max-height: none;
  margin-right: 1.43rem;
  border-radius: 10px;
  box-shadow: 0 18px 36px -14px rgba(20, 64, 95, 0.55), 0 0 0 1px rgba(20, 64, 95, 0.1);
  transition: transform 0.6s var(--af-ease), box-shadow 0.6s var(--af-ease);
}
.obj_issue_toc .cover:hover {
  transform: translateY(-6px) rotate(-1.2deg);
  box-shadow: 0 28px 48px -16px rgba(20, 64, 95, 0.6), 0 0 0 1px rgba(20, 64, 95, 0.1);
}
.obj_issue_toc .cover img {
  display: block;
  max-height: 360px;
  width: auto;
  border-radius: 10px;
}

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

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

/* Garis pemisah antar seksi */
.obj_issue_toc .galleys::before,
.obj_issue_toc .section::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  border-top: 1px solid var(--af-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(--af-soft-2);
  border-radius: 0;
  box-shadow: none;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 2.143rem;
  color: var(--af-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(--af-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(--af-line);
  border-left: 4px solid transparent;
  border-radius: 12px;
  box-shadow: var(--af-shadow-1);
  font-weight: 300;
  text-transform: none;
  transition: transform 0.45s var(--af-ease), box-shadow 0.45s var(--af-ease), background-color 0.3s ease, border-color 0.3s ease;
}
.obj_article_summary:hover {
  background-color: var(--af-soft);
  border-left-color: var(--af-gold);
  transform: translateY(-3px);
  box-shadow: var(--af-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(20, 64, 95, 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(--af-primary);
  text-decoration: none;
  background: linear-gradient(var(--af-gold), var(--af-gold)) 0 100% / 0 2px no-repeat;
  transition: background-size 0.55s var(--af-ease), color 0.25s ease;
}
.obj_article_summary > .title a:hover {
  color: var(--af-primary-dark);
  background-size: 100% 2px;
}

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

.obj_article_summary .authors {
  margin: 0.6em 0;
  padding-left: 20px;
  background: url(https://obsesi.or.id/public/site/icon-group.png) 1px 2px no-repeat rgba(0, 0, 0, 0);
  color: var(--af-muted);
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
  text-transform: none;
}

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

/* Tombol galley (PDF dll): ikon unduh turun sedikit saat hover */
.obj_galley_link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto;
  padding: 0.2rem 1rem;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(120deg, var(--af-primary), var(--af-primary-dark));
  color: #fff;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 6px 14px -8px rgba(20, 64, 95, 0.8);
  transition: transform 0.35s var(--af-ease), box-shadow 0.35s var(--af-ease), filter 0.25s ease;
}
.obj_galley_link:hover {
  color: #fff;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 10px 18px -8px rgba(20, 64, 95, 0.9);
  filter: brightness(1.08);
}
.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(--af-ease);
}
.obj_galley_link.pdf:hover::before {
  transform: translateY(2px);
}

/* ---------- 10. Issues Archive ---------- */
.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(--af-line);
  border-left: 4px solid var(--af-primary);
  border-radius: 12px;
  box-shadow: var(--af-shadow-1);
  transition: transform 0.45s var(--af-ease), box-shadow 0.45s var(--af-ease), border-color 0.3s ease;
}
.obj_issue_summary::after {
  content: "";
  display: table;
  clear: both;
}
.obj_issue_summary:hover {
  border-left-color: var(--af-gold);
  transform: translateY(-3px);
  box-shadow: var(--af-shadow-2);
}
.obj_issue_summary .cover img {
  border-radius: 6px;
  box-shadow: 0 4px 14px rgba(20, 64, 95, 0.2);
  transition: transform 0.35s var(--af-ease);
}
.obj_issue_summary:hover .cover img {
  transform: scale(1.04);
}

/* Breadcrumb */
.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(--af-muted);
}
.cmp_breadcrumbs a {
  color: var(--af-primary);
  text-decoration: none;
}
.cmp_breadcrumbs a:hover {
  color: var(--af-primary-dark);
  text-decoration: underline;
}
.cmp_breadcrumbs .separator {
  margin: 0 8px;
  color: #b8c4cf;
}
.cmp_breadcrumbs .current {
  font-weight: 600;
  color: var(--af-primary-dark);
}

/* Pagination */
.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(--af-soft);
  color: var(--af-primary);
  font-weight: 600;
}
.cmp_pagination a {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 999px;
  background: var(--af-soft);
  color: var(--af-primary);
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.3s var(--af-ease), background-color 0.2s ease, color 0.2s ease, box-shadow 0.3s ease;
}
.cmp_pagination a:hover {
  background: var(--af-primary);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 14px -8px rgba(20, 64, 95, 0.8);
}
.cmp_pagination .prev,
.cmp_pagination .next {
  background: var(--af-primary);
  color: #fff;
}
.cmp_pagination .prev:hover,
.cmp_pagination .next:hover {
  background: var(--af-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(--af-line);
  border-left: 4px solid var(--af-primary);
  border-radius: 12px;
  box-shadow: var(--af-shadow-1);
  transition: transform 0.45s var(--af-ease), box-shadow 0.45s var(--af-ease), border-color 0.3s ease;
}
.obj_announcement_summary:hover {
  border-left-color: var(--af-gold);
  transform: translateY(-3px);
  box-shadow: var(--af-shadow-2);
}
.obj_announcement_summary h2 a,
.obj_announcement_summary h3 a {
  color: var(--af-primary-dark);
  text-decoration: none;
}
.obj_announcement_summary .date {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--af-soft);
  color: var(--af-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(--af-ease);
}
.obj_announcement_summary:hover .summary img {
  transform: scale(1.025);
}
.obj_announcement_summary .read_more {
  color: var(--af-primary);
  font-weight: 700;
  transition: letter-spacing 0.35s var(--af-ease), color 0.25s ease;
}
.obj_announcement_summary .read_more:hover {
  letter-spacing: 0.04em;
  color: var(--af-gold-deep);
}

.pkp_page_index .cmp_announcements .more {
  float: right;
  width: 100%;
  padding-top: 1.43rem;
  padding-bottom: 1.43rem;
}
.pkp_page_index .cmp_announcements > .obj_announcement_summary {
  float: left;
  width: 100%;
}

/* ---------- 12. Sidebar ---------- */
.pkp_structure_sidebar:before {
  border-left: 1px solid var(--af-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(20, 64, 95, 0.35) !important;
  transition: transform 0.45s var(--af-ease), box-shadow 0.45s var(--af-ease);
}
.pkp_block:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px -10px rgba(20, 64, 95, 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(--af-primary), var(--af-primary-dark));
  border-bottom: 3px solid var(--af-gold);
  color: #fff;
  font-size: 14px;
  text-align: left;
  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(--af-ease);
}

.pkp_block .content {
  display: block;
  margin: 0px;
  padding: 0;
  background-color: var(--af-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(--af-primary);
  transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.25s var(--af-ease), box-shadow 0.25s ease;
}
.pkp_block ul > li a:hover {
  text-decoration: none;
  background-color: var(--af-soft);
  color: var(--af-primary-dark);
  padding-left: 1.3rem;
  box-shadow: inset 3px 0 0 var(--af-gold);
}

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

/* Tombol "Make a Submission" jadi 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(--af-primary), var(--af-primary-dark));
  color: #fff;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: filter 0.3s ease, letter-spacing 0.35s var(--af-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.1);
  letter-spacing: 0.03em;
}

/* Menu samping (sidemenu) */
ul.sidemenu {
  margin-top: 0px;
  padding-left: 0px !important;
}
ul.sidemenu.full {
  margin: 0px;
}
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(20, 64, 95, 0.07);
  font-family: 'Lato', Helvetica, sans-serif;
  font-size: 1em;
  color: var(--af-primary);
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.35s var(--af-ease), box-shadow 0.35s var(--af-ease), border-color 0.25s ease;
}
ul.sidemenu li a:hover {
  background-color: var(--af-soft);
  border-left-color: var(--af-gold);
  color: var(--af-primary-dark);
  text-decoration: none;
  transform: translateX(3px);
  box-shadow: 0 8px 16px -8px rgba(20, 64, 95, 0.4);
}

/* Legacy (OJS 2) */
#leftSidebar div.block span.blockTitle,
#rightSidebar div.block span.blockTitle {
  padding: 0;
  border-bottom: 0px solid;
  background: #fff;
  color: var(--af-soft);
  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;
  background: linear-gradient(135deg, var(--af-primary) 0%, var(--af-primary-dark) 100%);
  border-top: 0px solid var(--af-line);
  border-bottom: 1.5rem solid var(--af-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(--af-gold), var(--af-gold-soft), var(--af-gold));
  background-size: 200% 100%;
}
.pkp_structure_footer {
  background: transparent;
}
.pkp_footer_content {
  padding: 1em;
  background: transparent;
  color: var(--af-soft);
}
.pkp_footer_content a {
  color: #fff;
  text-decoration: none;
}
.pkp_footer_content a:hover {
  color: var(--af-gold);
  text-decoration: none;
}

/* ---------- 14. Editorial team ---------- */
.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(--af-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: var(--af-shadow-1);
  transition: transform 0.45s var(--af-ease), box-shadow 0.45s var(--af-ease), border-color 0.3s ease;
}
.editorial-list li:hover .img-profile {
  transform: translateY(-3px);
  border-color: var(--af-gold);
  box-shadow: var(--af-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(--af-primary);
  font-weight: 600;
}
.team-aff ul li .ico-label {
  width: 18px;
  height: 18px;
  margin-right: 0.5rem;
}

/* ---------- 15. Responsif ---------- */
@media (max-width: 600px) {
  .obj_issue_toc .cover {
    float: none;
    width: 60%;
    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; }
}

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

  html { scroll-behavior: smooth; }

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

  /* Sidebar menyusul satu per satu */
  .pkp_structure_sidebar .pkp_block { animation: af-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, garis atas kartu About, dan garis atas footer berkilau pelan */
  .pkp_navigation_primary_row            { animation: af-gold-slide 6s linear infinite; }
  .homepage_about::before                { animation: af-shimmer 9s linear infinite; }
  .pkp_structure_footer_wrapper::before  { animation: af-shimmer 7s linear infinite; }

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

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

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

    /* Kartu artikel & terbitan muncul saat masuk layar */
    .cmp_article_list .obj_article_summary,
    .page_issue_archive .obj_issue_summary {
      animation: af-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(--af-gold);
      transform-origin: 0 50%;
      transform: scaleX(0);
      animation: af-progress linear both;
      animation-timeline: scroll(root);
      pointer-events: none;
    }
  }
}

/* =====================================================================
   BERANDA - KARTU "ABOUT THE JOURNAL" (versi lebih hidup)
   Tempel di PALING BAWAH styleSheet.css
   ===================================================================== */

@keyframes af-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); }
}

/* ---------- Judul "About the Journal" ---------- */
.homepage_about > h2:nth-of-type(1) {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1.4rem;
  padding: 0 0 0.9rem;
  color: var(--af-primary-dark);
}
.homepage_about > h2:nth-of-type(1)::before {
  content: "\f02d";
  flex: none;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: var(--af-primary);
  color: #fff;
  font: normal normal normal 1rem/1 FontAwesome;
  box-shadow: 0 6px 14px -6px rgba(30, 98, 146, 0.8);
}
.homepage_about > h2:nth-of-type(1)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 4px;
  border-radius: 2px;
  background: var(--af-gold);
  transition: width 0.6s var(--af-ease);
}
.homepage_about:hover > h2:nth-of-type(1)::after { width: 110px; }

/* ---------- Tabel info: jadi kartu baris ---------- */
.homepage_about table.data,
.homepage_about table.data tbody {
  display: block;
  width: 100% !important;
}
.homepage_about table.data {
  margin: 0 0 1.4rem;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--af-line);
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(20, 64, 95, 0.07);
}

.homepage_about table.data tr {
  display: grid;
  grid-template-columns: 12.5rem 1fr;
  border-bottom: 1px solid var(--af-line);
  transition: background-color 0.3s ease;
}
.homepage_about table.data tr:last-child { border-bottom: 0; }

/* Kolom titik dua disembunyikan */
.homepage_about table.data td:nth-child(2) { display: none; }

.homepage_about table.data td { width: auto !important; text-align: left; }

/* Label di kiri */
.homepage_about table.data td:first-child {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: var(--af-soft);
  color: var(--af-primary-dark);
  font-size: 13px;
  font-weight: 600;
  transition: box-shadow 0.35s var(--af-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(--af-primary);
  font: normal normal normal 0.85rem/1 FontAwesome;
  box-shadow: 0 2px 6px rgba(20, 64, 95, 0.12);
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.45s var(--af-ease);
}

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

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

/* Ikon per baris */
.homepage_about table.data tr:nth-child(1) td:first-child::before  { content: "\f02d"; } /* judul */
.homepage_about table.data tr:nth-child(2) td:first-child::before  { content: "\f2c1"; } /* inisial */
.homepage_about table.data tr:nth-child(3) td:first-child::before  { content: "\f031"; } /* singkatan */
.homepage_about table.data tr:nth-child(4) td:first-child::before  { content: "\f073"; } /* frekuensi */
.homepage_about table.data tr:nth-child(5) td:first-child::before  { content: "\f0c1"; } /* DOI */
.homepage_about table.data tr:nth-child(6) td:first-child::before  { content: "\f02f"; } /* print ISSN */
.homepage_about table.data tr:nth-child(7) td:first-child::before  { content: "\f0ac"; } /* online ISSN */
.homepage_about table.data tr:nth-child(8) td:first-child::before  { content: "\f2be"; } /* editor in chief */
.homepage_about table.data tr:nth-child(9) td:first-child::before  { content: "\f0c0"; } /* managing editor */
.homepage_about table.data tr:nth-child(10) td:first-child::before { content: "\f19c"; } /* penerbit */
.homepage_about table.data tr:nth-child(11) td:first-child::before { content: "\f080"; } /* citation analysis */

/* Link di tabel: biru, garis bawah emas "tergambar" saat hover
   (mengalahkan warna hitam inline pada <span>) */
.homepage_about table.data a {
  color: var(--af-primary) !important;
  font-weight: 600;
  text-decoration: none;
  background: linear-gradient(var(--af-gold), var(--af-gold)) 0 100% / 0 2px no-repeat;
  transition: background-size 0.5s var(--af-ease), color 0.25s ease;
}
.homepage_about table.data a span { color: inherit !important; }
.homepage_about table.data a:hover {
  color: var(--af-primary-dark) !important;
  background-size: 100% 2px;
}

/* ---------- Paragraf deskripsi ---------- */
.homepage_about > p {
  margin: 0 0 1rem;
  line-height: 1.8;
  color: var(--af-ink);
}

/* Paragraf pertama: kotak sorotan */
.homepage_about > p:nth-of-type(1) {
  padding: 1.1rem 1.3rem;
  background: linear-gradient(100deg, var(--af-soft), #f8fbfd);
  border-left: 4px solid var(--af-gold);
  border-radius: 0 12px 12px 0;
  font-size: 14.5px;
}
.homepage_about > p:nth-of-type(1) strong { color: var(--af-primary-dark); }

/* ---------- Banner peringatan penipuan ---------- */
.homepage_about > h2:nth-of-type(2) {
  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.08rem;
  line-height: 1.45;
  text-align: left;
  box-shadow: 0 8px 20px -14px rgba(122, 75, 0, 0.5);
}
.homepage_about > h2:nth-of-type(2) strong { color: inherit; }
.homepage_about > h2:nth-of-type(2)::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;
}

/* ---------- Kartu isi peringatan ---------- */
.homepage_about > p:nth-of-type(3),
.homepage_about > p:nth-of-type(5) {
  color: var(--af-primary-dark);
  font-weight: 500;
  text-align: left;
}

/* Kartu bergaya sama: ikon bulat di kiri */
.homepage_about > p:nth-of-type(4),
.homepage_about > p:nth-of-type(7),
.homepage_about > p:nth-of-type(8) {
  position: relative;
  padding: 1rem 1.25rem 1rem 4.3rem;
  border: 1px solid var(--af-line);
  border-left: 4px solid;
  border-radius: 0 12px 12px 0;
  text-align: left;
  transition: transform 0.4s var(--af-ease), box-shadow 0.4s var(--af-ease);
}
.homepage_about > p:nth-of-type(4)::before,
.homepage_about > p:nth-of-type(7)::before,
.homepage_about > 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;
}
.homepage_about > p:nth-of-type(4):hover,
.homepage_about > p:nth-of-type(7):hover,
.homepage_about > p:nth-of-type(8):hover {
  transform: translateX(5px);
  box-shadow: 0 12px 24px -14px rgba(20, 64, 95, 0.5);
}

/* Tidak menunjuk agen: merah muda */
.homepage_about > p:nth-of-type(4) {
  background: #fffafa;
  border-color: #f3d4d1;
  border-left-color: #c0463d;
}
.homepage_about > p:nth-of-type(4)::before { content: "\f132"; background: #fdecea; color: #c0463d; }

/* LoA: hijau */
.homepage_about > p:nth-of-type(7) {
  background: #edf7f1;
  border-color: #cfe8da;
  border-left-color: #2e9e6b;
}
.homepage_about > p:nth-of-type(7)::before { content: "\f058"; background: #fff; color: #2e9e6b; }

/* Ajakan verifikasi: biru muda */
.homepage_about > p:nth-of-type(8) {
  background: var(--af-soft);
  border-color: var(--af-soft-2);
  border-left-color: var(--af-primary);
}
.homepage_about > p:nth-of-type(8)::before { content: "\f05a"; background: #fff; color: var(--af-primary); }

/* Istilah penting: stabilo emas */
.homepage_about > p:nth-of-type(n+3) strong {
  background: linear-gradient(transparent 58%, rgba(247, 188, 74, 0.45) 58%);
  padding: 0 2px;
  color: var(--af-primary-dark);
}

/* ---------- Kartu rekening bank ---------- */
.homepage_about > p:nth-of-type(6) {
  position: relative;
  overflow: hidden;
  margin: 0.2rem 0 1.2rem;
  padding: 1.3rem 1.5rem 1.3rem 5.2rem;
  background: linear-gradient(135deg, var(--af-primary) 0%, var(--af-primary-dark) 100%);
  border-radius: 14px;
  box-shadow: 0 16px 30px -16px rgba(20, 64, 95, 0.75);
  color: var(--af-soft);
  line-height: 2;
  text-align: left;
  transition: transform 0.45s var(--af-ease), box-shadow 0.45s var(--af-ease);
}
.homepage_about > p:nth-of-type(6):hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 36px -16px rgba(20, 64, 95, 0.85);
}
/* Ikon kartu kredit */
.homepage_about > p:nth-of-type(6)::before {
  content: "\f09d";
  position: absolute;
  left: 1.3rem;
  top: 1.3rem;
  display: grid;
  place-items: center;
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 12px;
  background: var(--af-gold);
  color: var(--af-primary-dark);
  font: normal normal normal 1.2rem/1 FontAwesome;
  box-shadow: 0 6px 14px -6px rgba(0, 0, 0, 0.45);
}
/* Lingkaran dekoratif di pojok kanan atas */
.homepage_about > p:nth-of-type(6)::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;
}
.homepage_about > p:nth-of-type(6) strong {
  background: none;
  padding: 0;
  color: var(--af-gold-soft);
}

/* ---------- Layar kecil ---------- */
@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; }

  .homepage_about > h2:nth-of-type(2) { padding: 0.9rem 1rem; font-size: 1rem; }
  .homepage_about > p:nth-of-type(4),
  .homepage_about > p:nth-of-type(7),
  .homepage_about > p:nth-of-type(8) { padding-left: 3.6rem; }
  .homepage_about > p:nth-of-type(4)::before,
  .homepage_about > p:nth-of-type(7)::before,
  .homepage_about > p:nth-of-type(8)::before { left: 0.8rem; width: 2rem; height: 2rem; }
  .homepage_about > p:nth-of-type(6) { padding: 1.2rem 1.1rem 1.2rem 4.3rem; }
  .homepage_about > p:nth-of-type(6)::before { left: 0.9rem; width: 2.4rem; height: 2.4rem; }
}

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

  /* Ikon peringatan berdenyut pelan */
  .homepage_about > h2:nth-of-type(2)::before { animation: af-pulse 2.6s ease-out infinite; }

  /* Tiap bagian muncul saat di-scroll (Chrome, Edge, Safari 26+) */
  @supports (animation-timeline: view()) {
    .homepage_about table.data tr,
    .homepage_about > h2:nth-of-type(2),
    .homepage_about > p {
      animation: af-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* =====================================================================
   HALAMAN ABOUT THE JOURNAL
   Tempel di PALING BAWAH styleSheet.css
   ===================================================================== */

@keyframes af-grow  { from { width: 0; } to { width: 64px; } }
@keyframes af-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(--af-line);
  border-radius: 14px;
  box-shadow: var(--af-shadow-1), 0 18px 40px -26px rgba(20, 64, 95, 0.4);
  color: var(--af-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(--af-primary) 0%, var(--af-primary) 40%, #8fc0e0 50%, var(--af-primary) 60%, var(--af-primary) 100%);
  background-size: 200% 100%;
}

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

/* Warna hitam inline pada <span> dinetralkan agar mengikuti desain */
.page_about span[style*="color"] { color: inherit !important; }

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

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

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

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

/* ---------- Judul kelompok (People, Submissions, Editorial Policies, Other) ---------- */
.page_about > h1:nth-of-type(n+2),
.page_about #FocusandScope > h1:first-child {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 2.2rem 0 1rem;
  padding: 0.7rem 1.1rem;
  background: linear-gradient(90deg, var(--af-soft), transparent);
  border-left: 4px solid var(--af-primary);
  border-radius: 0 10px 10px 0;
  color: var(--af-primary-dark);
  font-size: 1.25rem;
  line-height: 1.4;
}
.page_about > h1:nth-of-type(n+2)::before,
.page_about #FocusandScope > h1:first-child::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background: var(--af-primary);
  color: #fff;
  font: normal normal normal 0.95rem/1 FontAwesome;
}
.page_about > h1:nth-of-type(2)::before { content: "\f0c0"; } /* People */
.page_about > h1:nth-of-type(3)::before { content: "\f1d8"; } /* Submissions */
.page_about > h1:nth-of-type(4)::before { content: "\f0e3"; } /* Editorial Policies */
.page_about #FocusandScope > h1:first-child::before { content: "\f009"; } /* Other */

/* ---------- Daftar tautan: kartu (People, Submissions, Other) ---------- */
.page_about > ul,
.page_about #FocusandScope > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
  gap: 0.8rem;
  margin: 0 0 0.6rem;
  padding: 0;
  list-style: none;
}
.page_about > ul > li,
.page_about #FocusandScope > ul > li {
  position: relative;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid var(--af-line);
  border-radius: 12px;
  transition: transform 0.45s var(--af-ease), box-shadow 0.45s var(--af-ease), border-color 0.3s ease;
}
.page_about > ul > li::before,
.page_about #FocusandScope > ul > li::before,
.page_about #tabs > ul > li::before { content: none; }

.page_about > ul > li:hover,
.page_about #FocusandScope > ul > li:hover {
  transform: translateY(-3px);
  border-color: var(--af-gold);
  box-shadow: var(--af-shadow-2);
}
.page_about > ul > li > a,
.page_about #FocusandScope > ul > li > a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.9rem 2.8rem 0.9rem 1rem;
  color: var(--af-primary-dark);
  font-weight: 600;
  text-decoration: none;
}
.page_about > ul > li > a::before,
.page_about #FocusandScope > ul > li > a::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 12px;
  background: var(--af-soft);
  color: var(--af-primary);
  font: normal normal normal 1rem/1 FontAwesome;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.45s var(--af-ease);
}
.page_about > ul > li > a::after,
.page_about #FocusandScope > ul > li > a::after {
  content: "\f105";
  position: absolute;
  right: 1rem;
  top: 50%;
  translate: 0 -50%;
  color: #a9bccb;
  font: normal normal normal 1.2rem/1 FontAwesome;
  transition: color 0.3s ease, translate 0.35s var(--af-ease);
}
.page_about > ul > li:hover > a::before,
.page_about #FocusandScope > ul > li:hover > a::before {
  background: var(--af-primary);
  color: #fff;
  transform: rotate(-6deg);
}
.page_about > ul > li:hover > a::after,
.page_about #FocusandScope > ul > li:hover > a::after {
  color: var(--af-gold);
  translate: 4px -50%;
}

/* Ikon: People */
.page_about > ul:nth-of-type(1) > li:nth-child(1) > a::before { content: "\f0c0"; }
.page_about > ul:nth-of-type(1) > li:nth-child(2) > a::before { content: "\f21b"; }
.page_about > ul:nth-of-type(1) > li:nth-child(3) > a::before { content: "\f0e0"; }
/* Ikon: Submissions */
.page_about > ul:nth-of-type(2) > li:nth-child(1) > a::before { content: "\f093"; }
.page_about > ul:nth-of-type(2) > li:nth-child(2) > a::before { content: "\f05a"; }
.page_about > ul:nth-of-type(2) > li:nth-child(3) > a::before { content: "\f019"; }
.page_about > ul:nth-of-type(2) > li:nth-child(4) > a::before { content: "\f09d"; }
/* Ikon: Other */
.page_about #FocusandScope > ul > li:nth-child(1) > a::before { content: "\f15c"; }
.page_about #FocusandScope > ul > li:nth-child(2) > a::before { content: "\f1c0"; }
.page_about #FocusandScope > ul > li:nth-child(3) > a::before { content: "\f080"; }
.page_about #FocusandScope > ul > li:nth-child(4) > a::before { content: "\f085"; }
.page_about #FocusandScope > ul > li:nth-child(5) > a::before { content: "\f1da"; }

/* ---------- Editorial Policies: deretan pil ---------- */
.page_about #tabs > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 0.4rem;
  padding: 0;
  list-style: none;
}
.page_about #tabs > ul > li { margin: 0; padding: 0; }
.page_about #tabs > ul > li > a {
  display: inline-block;
  padding: 0.45rem 1rem;
  border-radius: 999px;
  background: var(--af-soft);
  color: var(--af-primary);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.35s var(--af-ease), box-shadow 0.35s var(--af-ease);
}
.page_about #tabs > ul > li > a:hover {
  background: var(--af-primary);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 16px -8px rgba(20, 64, 95, 0.7);
}

/* ---------- Judul section: pita biru ---------- */
/* Judul kosong (&nbsp;) disembunyikan */
.page_about div > h1:first-child { display: none; }
.page_about #FocusandScope > h1:first-child { display: flex; }

.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(--af-primary), var(--af-primary-dark));
  border-bottom: 3px solid var(--af-gold);
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.4;
}
.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(--af-primary);
  font: normal normal normal 0.95rem/1 FontAwesome;
}
#JournalSummary > h1:nth-of-type(2)::before          { content: "\f140"; } /* Aims and Scope */
#JournalSummary > h1:nth-of-type(3)::before          { content: "\f073"; } /* Publication Frequency */
#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: "\f21b"; }
#PublicationEthics > h1:not(:first-child)::before    { content: "\f24e"; }
#CompetingInterestGuidelines > h1:not(:first-child)::before { content: "\f06a"; }
#AuthorFees > h1:not(:first-child)::before           { content: "\f09d"; }
#IndexingandAbstracting > h1:not(:first-child)::before { content: "\f1c0"; }
#JournalHistory > h1:not(:first-child)::before       { content: "\f1da"; }

/* ---------- Paragraf pembuka tiap section: kotak sorotan berikon ---------- */
.page_about div > h1:not(:first-child) + p,
#journalInfo > p:nth-of-type(1) {
  position: relative;
  padding: 1.1rem 1.3rem 1.1rem 4.5rem;
  background: linear-gradient(100deg, var(--af-soft), #f8fbfd);
  border-left: 4px solid var(--af-gold);
  border-radius: 0 12px 12px 0;
  font-size: 1.02rem;
}
.page_about div > h1:not(:first-child) + p::before,
#journalInfo > p:nth-of-type(1)::before {
  content: "\f05a";
  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(--af-primary);
  font: normal normal normal 1.05rem/1 FontAwesome;
  box-shadow: 0 4px 10px -4px rgba(20, 64, 95, 0.35);
}
#JournalSummary > h1:nth-of-type(2) + p::before          { content: "\f140"; }
#JournalSummary > h1:nth-of-type(3) + p::before          { content: "\f073"; }
#PrivacyStatement > h1:not(:first-child) + p::before     { content: "\f023"; }
#OpenAccesPolicy > h1:not(:first-child) + p::before      { content: "\f09c"; }
#PlagiarismPolicy > h1:not(:first-child) + p::before     { content: "\f0c5"; }
#CopyrightNotice > h1:not(:first-child) + p::before      { content: "\f25e"; }
#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"; }
#JournalHistory > h1:not(:first-child) + p::before       { content: "\f19c"; }
#journalInfo > p:nth-of-type(1)::before                  { content: "\f06a"; }

/* =====================================================================
   AIMS AND SCOPE / ACCREDITATION / ISSN / FREQUENCY
   ===================================================================== */

/* Dua kalimat penjelas: stabilo emas di kata tebal */
#JournalSummary > h1:nth-of-type(3) + p strong,
#JournalSummary > h3:nth-of-type(1) + p + p strong {
  background: linear-gradient(transparent 58%, rgba(247, 188, 74, 0.45) 58%);
  padding: 0 2px;
}

/* Topik: grid kartu berikon */
#JournalSummary > ul:nth-of-type(1) {
  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;
}
#JournalSummary > ul:nth-of-type(1) > li {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin: 0;
  padding: 0.8rem 1rem;
  background: #f6f9fc;
  border: 1px solid var(--af-line);
  border-left: 3px solid var(--af-primary);
  border-radius: 0 12px 12px 0;
  color: var(--af-primary-dark);
  font-weight: 600;
  line-height: 1.4;
  transition: transform 0.4s var(--af-ease), background-color 0.3s ease, color 0.3s ease, box-shadow 0.4s var(--af-ease);
}
#JournalSummary > ul:nth-of-type(1) > li::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: #fff;
  color: var(--af-primary);
  font: normal normal normal 0.95rem/1 FontAwesome;
  box-shadow: 0 2px 6px rgba(20, 64, 95, 0.12);
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.45s var(--af-ease);
}
#JournalSummary > ul:nth-of-type(1) > li:hover {
  background: var(--af-primary);
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 14px 24px -14px rgba(20, 64, 95, 0.7);
}
#JournalSummary > ul:nth-of-type(1) > li:hover::before {
  background: var(--af-gold);
  color: var(--af-primary-dark);
  transform: rotate(-8deg);
}
#JournalSummary > ul:nth-of-type(1) > li:nth-child(1)::before  { content: "\f1ec"; }
#JournalSummary > ul:nth-of-type(1) > li:nth-child(2)::before  { content: "\f013"; }
#JournalSummary > ul:nth-of-type(1) > li:nth-child(3)::before  { content: "\f002"; }
#JournalSummary > ul:nth-of-type(1) > li:nth-child(4)::before  { content: "\f0d6"; }
#JournalSummary > ul:nth-of-type(1) > li:nth-child(5)::before  { content: "\f1ad"; }
#JournalSummary > ul:nth-of-type(1) > li:nth-child(6)::before  { content: "\f0e8"; }
#JournalSummary > ul:nth-of-type(1) > li:nth-child(7)::before  { content: "\f201"; }
#JournalSummary > ul:nth-of-type(1) > li:nth-child(8)::before  { content: "\f06c"; }
#JournalSummary > ul:nth-of-type(1) > li:nth-child(9)::before  { content: "\f10b"; }
#JournalSummary > ul:nth-of-type(1) > li:nth-child(10)::before { content: "\f132"; }
#JournalSummary > ul:nth-of-type(1) > li:nth-child(11)::before { content: "\f0eb"; }

/* Paragraf setelah daftar topik: kotak info */
#JournalSummary > ul:nth-of-type(1) + p {
  position: relative;
  padding: 1rem 1.25rem 1rem 4.3rem;
  background: var(--af-soft);
  border-radius: 12px;
}
#JournalSummary > ul:nth-of-type(1) + p::before {
  content: "\f05a";
  position: absolute;
  left: 1.1rem;
  top: 0.9rem;
  color: var(--af-primary);
  font: normal normal normal 1.6rem/1 FontAwesome;
}

/* Sub-judul (Accreditation, ISSN Number) */
#JournalSummary > h3 {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 2rem 0 0.9rem;
  padding: 0.6rem 1rem;
  background: linear-gradient(90deg, #fff7e3, transparent);
  border-left: 4px solid var(--af-gold);
  border-radius: 0 10px 10px 0;
  color: var(--af-primary-dark);
  font-size: 1.15rem;
  line-height: 1.4;
}
#JournalSummary > h3::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--af-gold);
  color: var(--af-primary-dark);
  font: normal normal normal 0.9rem/1 FontAwesome;
}
#JournalSummary > h3:nth-of-type(1)::before { content: "\f0a3"; }
#JournalSummary > h3:nth-of-type(2)::before { content: "\f02a"; }

/* Logo SINTA: panel */
#JournalSummary > h3:nth-of-type(1) + p {
  display: grid;
  place-items: center;
  margin: 0 0 1rem;
  padding: 1.3rem 1.5rem;
  background: linear-gradient(135deg, #f7fbfd, #ffffff);
  border: 1px solid var(--af-line);
  border-radius: 14px;
}
#JournalSummary > h3:nth-of-type(1) + p a { background: none !important; }
#JournalSummary > h3:nth-of-type(1) + p img {
  display: block;
  width: auto;
  height: auto;
  max-width: min(100%, 220px);
  transition: transform 0.6s var(--af-ease);
}
#JournalSummary > h3:nth-of-type(1) + p:hover img { transform: scale(1.05); }

/* Teks akreditasi: kartu */
#JournalSummary > h3:nth-of-type(1) + p + p {
  padding: 1rem 1.25rem;
  background: #f6f9fc;
  border: 1px solid var(--af-line);
  border-left: 4px solid var(--af-primary);
  border-radius: 0 12px 12px 0;
}

/* Kalimat pengantar ISSN */
#JournalSummary > h3:nth-of-type(2) + p {
  color: var(--af-primary-dark);
  font-weight: 500;
}

/* Kartu ISSN */
#JournalSummary > ul:nth-of-type(2) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 0.8rem;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}
#JournalSummary > ul:nth-of-type(2) > li {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0.95rem 1.2rem 0.95rem 4.2rem;
  background: #fff;
  border: 1px solid var(--af-line);
  border-left: 5px solid var(--af-primary);
  border-radius: 12px;
  box-shadow: var(--af-shadow-1);
  color: var(--af-muted);
  transition: transform 0.4s var(--af-ease), box-shadow 0.4s var(--af-ease), border-color 0.3s ease;
}
#JournalSummary > ul:nth-of-type(2) > li:nth-child(2) { border-left-color: var(--af-gold); }
#JournalSummary > ul:nth-of-type(2) > li::before {
  content: "\f02a";
  position: absolute;
  left: 1.1rem;
  top: 50%;
  translate: 0 -50%;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: var(--af-soft);
  color: var(--af-primary);
  font: normal normal normal 0.95rem/1 FontAwesome;
}
#JournalSummary > ul:nth-of-type(2) > li:hover {
  transform: translateY(-3px);
  box-shadow: var(--af-shadow-2);
}
#JournalSummary > ul:nth-of-type(2) > li a {
  color: var(--af-primary-dark) !important;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: none;
}

/* Paragraf kosong (&nbsp;) setelah daftar ISSN disembunyikan */
#JournalSummary > ul:nth-of-type(2) + p { display: none; }

/* =====================================================================
   PLAGIARISM POLICY
   ===================================================================== */
#PlagiarismPolicy > p:nth-of-type(2),
#PlagiarismPolicy > p:nth-of-type(4),
#PlagiarismPolicy > p:nth-of-type(5) {
  position: relative;
  padding: 1rem 1.25rem 1rem 4.4rem;
  border: 1px solid var(--af-line);
  border-left: 4px solid;
  border-radius: 0 12px 12px 0;
  transition: transform 0.4s var(--af-ease), box-shadow 0.4s var(--af-ease);
}
#PlagiarismPolicy > p:nth-of-type(2)::before,
#PlagiarismPolicy > p:nth-of-type(4)::before,
#PlagiarismPolicy > p:nth-of-type(5)::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(2):hover,
#PlagiarismPolicy > p:nth-of-type(4):hover,
#PlagiarismPolicy > p:nth-of-type(5):hover {
  transform: translateX(5px);
  box-shadow: 0 12px 24px -14px rgba(20, 64, 95, 0.5);
}
/* Batas plagiarisme: peringatan amber */
#PlagiarismPolicy > p:nth-of-type(2) { background: #fff8e6; border-color: #f3dca0; border-left-color: var(--af-gold); }
#PlagiarismPolicy > p:nth-of-type(2)::before { content: "\f071"; background: #fff1cc; color: #b57f00; }
/* Afiliasi Turnitin: info */
#PlagiarismPolicy > p:nth-of-type(4) { background: var(--af-soft); border-color: var(--af-soft-2); border-left-color: var(--af-primary); }
#PlagiarismPolicy > p:nth-of-type(4)::before { content: "\f05a"; background: #fff; color: var(--af-primary); }
/* Manajemen referensi */
#PlagiarismPolicy > p:nth-of-type(5) { background: #f6f9fc; border-left-color: var(--af-primary); }
#PlagiarismPolicy > p:nth-of-type(5)::before { content: "\f02d"; background: var(--af-soft); color: var(--af-primary); }

/* =====================================================================
   COPYRIGHT NOTICE
   ===================================================================== */
#CopyrightNotice { counter-reset: cp; }

/* "Authors who publish ...": label dengan garis memanjang */
#CopyrightNotice > p:nth-of-type(2),
#PeerReviewProcess > p:nth-of-type(3),
#journalInfo > p:nth-of-type(5),
#journalInfo > p:nth-of-type(8) {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin: 1.6rem 0 0.9rem;
  color: var(--af-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,
#journalInfo > p:nth-of-type(5)::after,
#journalInfo > p:nth-of-type(8)::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, var(--af-line), transparent);
}

#CopyrightNotice > ul { margin: 0; padding: 0; list-style: none; }
#CopyrightNotice > ul > 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(--af-line);
  border-radius: 12px;
  transition: transform 0.4s var(--af-ease), box-shadow 0.4s var(--af-ease), border-color 0.3s ease;
}
#CopyrightNotice > ul > 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(--af-primary);
  box-shadow: 0 0 0 5px var(--af-soft);
  color: #fff;
  font-weight: 700;
}
#CopyrightNotice > ul > li:hover {
  transform: translateX(5px);
  border-color: var(--af-gold);
  box-shadow: 0 12px 24px -14px rgba(20, 64, 95, 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(--af-primary);
  box-shadow: 0 0 0 5px var(--af-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(--af-primary), #cfe0f0);
}
#PeerReviewProcess > ol > li:last-child { padding-bottom: 0.4rem; }
#PeerReviewProcess > ol > li:last-child::after { display: none; }
#PeerReviewProcess > ol > li strong {
  background: linear-gradient(transparent 58%, rgba(247, 188, 74, 0.45) 58%);
  padding: 0 2px;
}

/* =====================================================================
   PUBLICATION ETHICS (struktur div bersarang: ditata lewat labelnya)
   ===================================================================== */
#PublicationEthics > p:nth-of-type(2) {
  display: grid;
  place-items: center;
  margin: 0 0 1.2rem;
  padding: 1.2rem;
  background: linear-gradient(135deg, #f7fbfd, #ffffff);
  border: 1px solid var(--af-line);
  border-radius: 14px;
}
#PublicationEthics > p:nth-of-type(2) img {
  display: block;
  max-width: min(100%, 320px);
  height: auto;
  border-radius: 8px;
}

/* Label tiap butir etika */
#PublicationEthics div > strong {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin: 1.2rem 0 0.4rem;
  padding: 0.5rem 0.9rem;
  background: linear-gradient(90deg, var(--af-soft), transparent);
  border-left: 3px solid var(--af-gold);
  border-radius: 0 8px 8px 0;
  color: var(--af-primary-dark);
  font-size: 1rem;
  line-height: 1.4;
}
#PublicationEthics div > strong span { text-decoration: none !important; }
#PublicationEthics div > strong::before {
  content: "\f00c";
  flex: none;
  display: grid;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: var(--af-primary);
  color: #fff;
  font: normal normal normal 0.7rem/1 FontAwesome;
}

/* "Duties of Reviewers": pita sub-judul */
#PublicationEthics div:not(:has(*)):has(+ div) {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 2.2rem 0 0.6rem;
  padding: 0.65rem 1.1rem;
  background: linear-gradient(100deg, var(--af-primary-light), var(--af-primary));
  border-radius: 10px;
  color: #fff;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  box-shadow: 0 10px 20px -14px rgba(20, 64, 95, 0.7);
}
#PublicationEthics div:not(:has(*)):has(+ div)::before {
  content: "\f06e";
  font: normal normal normal 1rem/1 FontAwesome;
}

/* =====================================================================
   COMPETING INTEREST GUIDELINES
   ===================================================================== */
/* Subjudul: Definition, Financial, Non-financial */
#journalInfo > p:nth-of-type(2),
#journalInfo > p:nth-of-type(4),
#journalInfo > p:nth-of-type(6) {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 1.8rem 0 0.8rem;
  padding: 0.6rem 1rem;
  background: linear-gradient(90deg, var(--af-soft), transparent);
  border-left: 4px solid var(--af-primary);
  border-radius: 0 10px 10px 0;
  font-size: 1.08rem;
}
#journalInfo > p:nth-of-type(2)::before,
#journalInfo > p:nth-of-type(4)::before,
#journalInfo > p:nth-of-type(6)::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--af-primary);
  color: #fff;
  font: normal normal normal 0.9rem/1 FontAwesome;
}
#journalInfo > p:nth-of-type(2)::before { content: "\f05a"; }
#journalInfo > p:nth-of-type(4)::before { content: "\f155"; }
#journalInfo > p:nth-of-type(6)::before { content: "\f007"; }

/* Definisi: kotak kutipan */
#journalInfo > p:nth-of-type(3) {
  padding: 1rem 1.3rem;
  background: #f6f9fc;
  border: 1px solid var(--af-line);
  border-radius: 12px;
}

/* Daftar kepentingan finansial: kartu bernomor amber */
#journalInfo > ol {
  counter-reset: ci;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}
#journalInfo > ol > li {
  counter-increment: ci;
  position: relative;
  margin: 0 0 0.7rem;
  padding: 0.9rem 1.2rem 0.9rem 4.3rem;
  background: #fffaf0;
  border: 1px solid #f3e2b5;
  border-radius: 12px;
  transition: transform 0.4s var(--af-ease), box-shadow 0.4s var(--af-ease), border-color 0.3s ease;
}
#journalInfo > ol > li::before {
  content: counter(ci);
  position: absolute;
  left: 1.1rem;
  top: 0.8rem;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: var(--af-gold);
  box-shadow: 0 0 0 5px #fff1cc;
  color: var(--af-primary-dark);
  font-weight: 700;
}
#journalInfo > ol > li:hover {
  transform: translateX(5px);
  border-color: var(--af-gold);
  box-shadow: 0 12px 24px -14px rgba(20, 64, 95, 0.45);
}

/* Contoh pernyataan: kartu kutipan */
#journalInfo > p:nth-of-type(9) {
  position: relative;
  padding: 1.2rem 1.4rem 1.2rem 4.4rem;
  background: #f6f9fc;
  border: 1px solid var(--af-line);
  border-left: 4px solid var(--af-gold);
  border-radius: 0 12px 12px 0;
  font-style: italic;
}
#journalInfo > p:nth-of-type(9)::before {
  content: "\f10d";
  position: absolute;
  left: 1.2rem;
  top: 1.1rem;
  display: grid;
  place-items: center;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  background: var(--af-gold);
  color: #fff;
  font: normal normal normal 1rem/1 FontAwesome;
  font-style: normal;
}

/* =====================================================================
   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(--af-line);
  border-left: 4px solid;
  border-radius: 0 12px 12px 0;
  transition: transform 0.4s var(--af-ease), box-shadow 0.4s var(--af-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(20, 64, 95, 0.5);
}
/* Baris pertama (nama biaya + nominal) ditebalkan */
#AuthorFees > p:nth-of-type(n+2):nth-of-type(-n+4)::first-line {
  color: var(--af-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: #2e9e6b; }
#AuthorFees > p:nth-of-type(2)::before { content: "\f06b"; background: #fff; color: #2e9e6b; }
/* APC reguler (biru) */
#AuthorFees > p:nth-of-type(3) { background: #f6f9fc; border-left-color: var(--af-primary); }
#AuthorFees > p:nth-of-type(3)::before { content: "\f1ea"; background: var(--af-soft); color: var(--af-primary); }
/* APC fast-track (emas) */
#AuthorFees > p:nth-of-type(4) { background: #fff8e6; border-color: #f3dca0; border-left-color: var(--af-gold); }
#AuthorFees > p:nth-of-type(4)::before { content: "\f0e7"; background: var(--af-gold); color: var(--af-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(--af-soft);
  border-radius: 12px;
}
#AuthorFees > p:nth-of-type(5)::before {
  content: "\f05a";
  position: absolute;
  left: 1.1rem;
  top: 0.9rem;
  color: var(--af-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(8) { color: var(--af-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(--af-primary) 0%, var(--af-primary-dark) 100%);
  border-radius: 14px;
  box-shadow: 0 16px 30px -16px rgba(20, 64, 95, 0.75);
  color: var(--af-soft);
  line-height: 2;
  transition: transform 0.45s var(--af-ease), box-shadow 0.45s var(--af-ease);
}
#AuthorFees > p:nth-of-type(9):hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 36px -16px rgba(20, 64, 95, 0.85);
}
#AuthorFees > p:nth-of-type(9)::before {
  content: "\f09d";
  position: absolute;
  left: 1.3rem;
  top: 1.3rem;
  display: grid;
  place-items: center;
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 12px;
  background: var(--af-gold);
  color: var(--af-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(--af-gold-soft); }

/* LoA (hijau) dan ajakan verifikasi (biru) */
#AuthorFees > p:nth-of-type(10),
#AuthorFees > p:nth-of-type(11) {
  position: relative;
  padding: 1rem 1.25rem 1rem 4.3rem;
  border: 1px solid;
  border-left-width: 4px;
  border-radius: 0 12px 12px 0;
  transition: transform 0.4s var(--af-ease), box-shadow 0.4s var(--af-ease);
}
#AuthorFees > p:nth-of-type(10)::before,
#AuthorFees > p:nth-of-type(11)::before {
  position: absolute;
  left: 1.1rem;
  top: 0.85rem;
  display: grid;
  place-items: center;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  background: #fff;
  font: normal normal normal 1rem/1 FontAwesome;
}
#AuthorFees > p:nth-of-type(10):hover,
#AuthorFees > p:nth-of-type(11):hover {
  transform: translateX(5px);
  box-shadow: 0 12px 24px -14px rgba(20, 64, 95, 0.5);
}
#AuthorFees > p:nth-of-type(10) { background: #edf7f1; border-color: #cfe8da; border-left-color: #2e9e6b; }
#AuthorFees > p:nth-of-type(10)::before { content: "\f058"; color: #2e9e6b; }
#AuthorFees > p:nth-of-type(11) { background: var(--af-soft); border-color: var(--af-soft-2); border-left-color: var(--af-primary); }
#AuthorFees > p:nth-of-type(11)::before { content: "\f05a"; color: var(--af-primary); }
#AuthorFees > p:nth-of-type(n+10) strong {
  background: linear-gradient(transparent 58%, rgba(247, 188, 74, 0.45) 58%);
  padding: 0 2px;
}

/* =====================================================================
   INDEXING: grid kartu
   ===================================================================== */
#IndexingandAbstracting > div > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
  gap: 0.8rem;
  margin: 0.4rem 0 0;
  padding: 0;
  list-style: none;
}
#IndexingandAbstracting > div > ul > li {
  position: relative;
  margin: 0;
  padding: 0.95rem 1rem 0.95rem 4rem;
  background: #fff;
  border: 1px solid var(--af-line);
  border-radius: 12px;
  transition: transform 0.45s var(--af-ease), box-shadow 0.45s var(--af-ease), border-color 0.3s ease;
}
#IndexingandAbstracting > div > 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(--af-soft);
  color: var(--af-primary);
  font: normal normal normal 0.95rem/1 FontAwesome;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.45s var(--af-ease);
}
#IndexingandAbstracting > div > ul > li:hover {
  transform: translateY(-3px);
  border-color: var(--af-gold);
  box-shadow: var(--af-shadow-2);
}
#IndexingandAbstracting > div > ul > li:hover::before { background: var(--af-primary); color: #fff; }
#IndexingandAbstracting > div > ul > li a {
  color: var(--af-primary-dark) !important;
  font-weight: 700;
  text-decoration: none;
}
/* Seluruh kartu bisa diklik */
#IndexingandAbstracting > div > ul > li a::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
}
#IndexingandAbstracting > div > ul > li:nth-child(1)::before { content: "\f091"; } /* SINTA */
#IndexingandAbstracting > div > ul > li:nth-child(2)::before { content: "\f1b2"; } /* Dimensions */
#IndexingandAbstracting > div > ul > li:nth-child(3)::before { content: "\f09c"; } /* DOAJ */
#IndexingandAbstracting > div > ul > li:nth-child(4)::before { content: "\f19d"; } /* Google Scholar */
#IndexingandAbstracting > div > ul > li:nth-child(5)::before { content: "\f0ac"; } /* Garuda */
#IndexingandAbstracting > div > ul > li:nth-child(6)::before { content: "\f02d"; } /* ICI */

/* =====================================================================
   JOURNAL HISTORY: timeline
   ===================================================================== */
#JournalHistory #content > ul {
  margin: 1.2rem 0 1rem 1rem;
  padding: 0 0 0 1.8rem;
  border-left: 2px solid var(--af-soft-2);
  list-style: none;
}
#JournalHistory #content > ul > li {
  position: relative;
  margin: 0 0 0.8rem;
  padding: 0.8rem 1.1rem;
  background: #f6f9fc;
  border: 1px solid var(--af-line);
  border-radius: 12px;
  transition: transform 0.4s var(--af-ease), box-shadow 0.4s var(--af-ease), border-color 0.3s ease;
}
#JournalHistory #content > 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(--af-primary);
  box-shadow: 0 0 0 4px var(--af-soft);
}
#JournalHistory #content > ul > li:hover {
  transform: translateX(5px);
  border-color: var(--af-gold);
  box-shadow: 0 12px 24px -14px rgba(20, 64, 95, 0.45);
}
/* Poin terakhir (akreditasi terkini) disorot */
#JournalHistory #content > ul > li:last-child {
  background: #fff8e6;
  border-color: #f3dca0;
  border-left: 4px solid var(--af-gold);
}
#JournalHistory #content > ul > li:last-child::before {
  background: var(--af-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; }
  .page_about > nav + h1 { font-size: 1.5rem; }
  .page_about > .cmp_edit_link { top: 0.9rem; right: 1rem; }
  .page_about div > h1:not(:first-child) {
    margin: 2.2rem -1.1rem 1rem;
    padding: 0.7rem 1.1rem;
    font-size: 1.12rem;
  }

  .page_about div > h1:not(:first-child) + p,
  #journalInfo > p:nth-of-type(1),
  #PlagiarismPolicy > p:nth-of-type(2),
  #PlagiarismPolicy > p:nth-of-type(4),
  #PlagiarismPolicy > p:nth-of-type(5),
  #AuthorFees > p:nth-of-type(n+2):nth-of-type(-n+4),
  #AuthorFees > p:nth-of-type(5),
  #AuthorFees > p:nth-of-type(10),
  #AuthorFees > p:nth-of-type(11),
  #JournalSummary > ul:nth-of-type(1) + p,
  #journalInfo > p:nth-of-type(9) { padding-left: 3.7rem; }

  .page_about div > h1:not(:first-child) + p::before,
  #journalInfo > p:nth-of-type(1)::before,
  #PlagiarismPolicy > p:nth-of-type(2)::before,
  #PlagiarismPolicy > p:nth-of-type(4)::before,
  #PlagiarismPolicy > p:nth-of-type(5)::before,
  #AuthorFees > p:nth-of-type(n+2):nth-of-type(-n+4)::before,
  #AuthorFees > p:nth-of-type(10)::before,
  #AuthorFees > p:nth-of-type(11)::before,
  #journalInfo > p:nth-of-type(9)::before { left: 0.8rem; width: 2rem; height: 2rem; }

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

  #AuthorFees > p:nth-of-type(6) { padding: 0.9rem 1rem; font-size: 1rem; }
  #AuthorFees > p:nth-of-type(9) { padding: 1.2rem 1.1rem 1.2rem 4.3rem; }
  #AuthorFees > p:nth-of-type(9)::before { left: 0.9rem; width: 2.4rem; height: 2.4rem; }

  #JournalSummary > ul:nth-of-type(2) > li { padding-left: 3.7rem; }
  #JournalSummary > ul:nth-of-type(2) > li a { font-size: 1.15rem; }
  #JournalHistory #content > ul { margin-left: 0.6rem; padding-left: 1.4rem; }
  #JournalHistory #content > 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: af-rise 0.9s var(--af-ease) both; }
  .pkp_structure_main .page_about::before { animation: af-shimmer 9s linear infinite; }
  .page_about > nav + h1::after { animation: af-grow 1s var(--af-ease) 0.35s both; }

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

  /* Tiap bagian muncul saat di-scroll (Chrome, Edge, Safari 26+) */
  @supports (animation-timeline: view()) {
    .page_about > h1:nth-of-type(n+2),
    .page_about #FocusandScope > h1:first-child,
    .page_about > ul > li,
    .page_about #FocusandScope > ul > li,
    .page_about div > h1:not(:first-child),
    .page_about div > h1:not(:first-child) + p,
    #JournalSummary > ul > li,
    #JournalSummary > h3,
    #JournalSummary > h3 + p,
    #PlagiarismPolicy > p,
    #CopyrightNotice > ul > li,
    #PeerReviewProcess > ol > li,
    #PublicationEthics div > strong,
    #journalInfo > p,
    #journalInfo > ol > li,
    #AuthorFees > p,
    #IndexingandAbstracting > div > ul > li,
    #JournalHistory #content > ul > li {
      animation: af-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* =====================================================================
   HALAMAN SUBMISSIONS
   Tempel di PALING BAWAH styleSheet.css
   ===================================================================== */

/* ---------- Judul halaman ---------- */
.page_submissions > nav + h1 {
  position: relative;
  margin: 0 0 1.4rem;
  padding: 0 0 0.9rem;
  color: var(--af-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(--af-gold);
}

/* ---------- Banner ajakan (Make a new submission / view pending) ---------- */
.page_submissions .cmp_notification {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem 0.8rem;
  margin: 0 0 1.6rem;
  padding: 1.2rem 1.4rem;
  background: linear-gradient(100deg, var(--af-soft), #f8fbfd);
  border: 1px solid var(--af-soft-2);
  border-left: 5px solid var(--af-gold);
  border-radius: 0 14px 14px 0;
  color: var(--af-muted);
  font-size: 14px;
  text-align: center;
}
.page_submissions .cmp_notification a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.3rem;
  border-radius: 999px;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.35s var(--af-ease), box-shadow 0.35s var(--af-ease), background-color 0.25s ease, color 0.25s ease, filter 0.25s ease;
}
.page_submissions .cmp_notification a::before {
  font: normal normal normal 0.9rem/1 FontAwesome;
}
.page_submissions .cmp_notification a:first-of-type {
  background: linear-gradient(120deg, var(--af-primary), var(--af-primary-dark));
  color: #fff;
  box-shadow: 0 8px 16px -8px rgba(20, 64, 95, 0.8);
}
.page_submissions .cmp_notification a:first-of-type::before { content: "\f067"; }
.page_submissions .cmp_notification a:first-of-type:hover {
  color: var(--af-gold-soft);
  transform: translateY(-2px);
  box-shadow: 0 12px 20px -8px rgba(20, 64, 95, 0.9);
  filter: brightness(1.08);
}
.page_submissions .cmp_notification a:last-of-type {
  background: #fff;
  color: var(--af-primary);
  border: 1.5px solid var(--af-primary);
}
.page_submissions .cmp_notification a:last-of-type::before { content: "\f022"; }
.page_submissions .cmp_notification a:last-of-type:hover {
  background: var(--af-soft);
  color: var(--af-primary-dark);
  transform: translateY(-2px);
}

/* ---------- Kartu dasar (4 section) ---------- */
.page_submissions .submission_checklist,
.page_submissions .author_guidelines,
.page_submissions .copyright_notice,
.page_submissions .privacy_statement {
  position: relative;
  overflow: hidden;
  margin: 0 0 1.6rem;
  padding: 0 1.6rem 1.6rem;
  background: #fff;
  border: 1px solid var(--af-line);
  border-radius: 14px;
  box-shadow: var(--af-shadow-1), 0 18px 40px -26px rgba(20, 64, 95, 0.4);
  color: var(--af-ink);
  font-size: 14px;
  line-height: 1.8;
  text-align: left;
}

/* Header kartu: pita biru + kilau saat hover */
.page_submissions .submission_checklist > h2,
.page_submissions .author_guidelines > h2,
.page_submissions .copyright_notice > h2,
.page_submissions .privacy_statement > h2 {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 -1.6rem 1.4rem;
  padding: 0.9rem 1.6rem;
  background: linear-gradient(100deg, var(--af-primary), var(--af-primary-dark));
  border-bottom: 3px solid var(--af-gold);
  color: #fff;
  font-size: 1.15rem;
  line-height: 1.4;
  text-align: left;
}
.page_submissions .submission_checklist > h2::before,
.page_submissions .author_guidelines > h2::before,
.page_submissions .copyright_notice > h2::before,
.page_submissions .privacy_statement > h2::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background: #fff;
  color: var(--af-primary);
  font: normal normal normal 0.95rem/1 FontAwesome;
}
.page_submissions .submission_checklist > h2::before { content: "\f046"; }
.page_submissions .author_guidelines > h2::before    { content: "\f02d"; }
.page_submissions .copyright_notice > h2::before     { content: "\f1f9"; }
.page_submissions .privacy_statement > h2::before    { content: "\f023"; }

.page_submissions .submission_checklist > h2::after,
.page_submissions .author_guidelines > h2::after,
.page_submissions .copyright_notice > h2::after,
.page_submissions .privacy_statement > h2::after {
  content: "";
  position: absolute;
  top: 0; bottom: 0; left: 0;
  width: 30%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.25), transparent);
  translate: -130% 0;
  pointer-events: none;
}
.page_submissions .submission_checklist:hover > h2::after,
.page_submissions .author_guidelines:hover > h2::after,
.page_submissions .copyright_notice:hover > h2::after,
.page_submissions .privacy_statement:hover > h2::after {
  translate: 430% 0;
  transition: translate 1.1s var(--af-ease);
}

/* Tombol Edit (hanya tampil untuk admin) */
.page_submissions h2 .cmp_edit_link {
  position: relative;
  z-index: 1;
  margin-left: auto;
  padding: 0.15rem 0.9rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.page_submissions h2 .cmp_edit_link:hover {
  background: var(--af-gold);
  color: var(--af-primary-dark);
}

/* Warna & tautan umum dalam kartu */
.page_submissions .author_guidelines strong,
.page_submissions .copyright_notice strong { color: var(--af-primary-dark); }

.page_submissions .author_guidelines > p a,
.page_submissions .author_guidelines li a,
.page_submissions .copyright_notice p a,
.page_submissions .copyright_notice li a {
  color: var(--af-primary);
  font-weight: 600;
  text-decoration: none;
  background: linear-gradient(var(--af-gold), var(--af-gold)) 0 100% / 0 2px no-repeat;
  transition: background-size 0.5s var(--af-ease), color 0.25s ease;
}
.page_submissions .author_guidelines > p a:hover,
.page_submissions .author_guidelines li a:hover,
.page_submissions .copyright_notice p a:hover,
.page_submissions .copyright_notice li a:hover {
  color: var(--af-primary-dark);
  background-size: 100% 2px;
}

/* =====================================================================
   1. SUBMISSION PREPARATION CHECKLIST
   ===================================================================== */
.page_submissions .submission_checklist ul {
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}
.page_submissions .submission_checklist li {
  position: relative;
  min-height: 2.9rem;
  margin: 0 0 0.6rem;
  padding: 0.75rem 1rem 0.75rem 3.8rem;
  background: #f6f9fc;
  border: 1px solid var(--af-line);
  border-radius: 12px;
  transition: transform 0.4s var(--af-ease), background-color 0.3s ease, box-shadow 0.4s var(--af-ease), border-color 0.3s ease;
}
.page_submissions .submission_checklist li:hover {
  background: var(--af-soft);
  border-color: var(--af-gold);
  transform: translateX(5px);
  box-shadow: 0 12px 24px -14px rgba(20, 64, 95, 0.45);
}
.pkp_structure_main .page_submissions .submission_checklist li .fa {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--af-primary);
  box-shadow: 0 0 0 5px var(--af-soft);
  color: #fff;
  font-size: 0.85rem;
  line-height: 2rem;
  text-align: center;
}

/* =====================================================================
   2. AUTHOR GUIDELINES
   (penataan memakai urutan paragraf: jika Anda menambah/menghapus
    paragraf di tengah, urutan gaya ikut bergeser)
   ===================================================================== */
.page_submissions .author_guidelines { counter-reset: fmt; }
.page_submissions .author_guidelines > p { margin: 0 0 1rem; }
.page_submissions .author_guidelines li > p { margin: 0; }

/* ---------- Sub-judul berikon (label tebal) ---------- */
.page_submissions .author_guidelines > p:nth-of-type(1),
.page_submissions .author_guidelines > p:nth-of-type(5),
.page_submissions .author_guidelines > p:nth-of-type(8),
.page_submissions .author_guidelines > p:nth-of-type(14),
.page_submissions .author_guidelines > p:nth-of-type(20),
.page_submissions .author_guidelines > p:nth-of-type(22),
.page_submissions .author_guidelines > p:nth-of-type(36) {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 2.1rem 0 0.9rem;
  padding: 0.65rem 1.1rem;
  background: linear-gradient(90deg, var(--af-soft), transparent);
  border-left: 4px solid var(--af-primary);
  border-radius: 0 10px 10px 0;
  color: var(--af-primary-dark);
  font-size: 1.12rem;
  font-weight: 600;
  line-height: 1.4;
}
.page_submissions .author_guidelines > p:nth-of-type(1) { margin-top: 0; }
.page_submissions .author_guidelines > p:nth-of-type(1)::before,
.page_submissions .author_guidelines > p:nth-of-type(5)::before,
.page_submissions .author_guidelines > p:nth-of-type(8)::before,
.page_submissions .author_guidelines > p:nth-of-type(14)::before,
.page_submissions .author_guidelines > p:nth-of-type(20)::before,
.page_submissions .author_guidelines > p:nth-of-type(22)::before,
.page_submissions .author_guidelines > p:nth-of-type(36)::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--af-primary);
  color: #fff;
  font: normal normal normal 0.9rem/1 FontAwesome;
}
.page_submissions .author_guidelines > p:nth-of-type(1)::before  { content: "\f093"; } /* upload */
.page_submissions .author_guidelines > p:nth-of-type(5)::before  { content: "\f140"; } /* aims */
.page_submissions .author_guidelines > p:nth-of-type(8)::before  { content: "\f0ae"; } /* guidelines */
.page_submissions .author_guidelines > p:nth-of-type(14)::before { content: "\f040"; } /* A. writing */
.page_submissions .author_guidelines > p:nth-of-type(20)::before { content: "\f0e8"; } /* B. systematic */
.page_submissions .author_guidelines > p:nth-of-type(22)::before { content: "\f15c"; } /* C. format */
.page_submissions .author_guidelines > p:nth-of-type(36)::before { content: "\f02d"; } /* references */

/* Pita besar: SPECIAL GUIDE */
.page_submissions .author_guidelines > p:nth-of-type(13) {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin: 2.8rem -1.6rem 1.2rem;
  padding: 0.85rem 1.6rem;
  background: linear-gradient(100deg, var(--af-primary), var(--af-primary-dark));
  border-bottom: 3px solid var(--af-gold);
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.4;
}
.page_submissions .author_guidelines > p:nth-of-type(13)::before {
  content: "\f0eb";
  flex: none;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background: var(--af-gold);
  color: var(--af-primary-dark);
  font: normal normal normal 0.95rem/1 FontAwesome;
}

/* ---------- Kotak sorotan ---------- */
.page_submissions .author_guidelines > p:nth-of-type(2),
.page_submissions .author_guidelines > p:nth-of-type(7),
.page_submissions .author_guidelines > p:nth-of-type(21) {
  padding: 1.05rem 1.3rem;
  background: linear-gradient(100deg, var(--af-soft), #f8fbfd);
  border-left: 4px solid var(--af-gold);
  border-radius: 0 12px 12px 0;
}

/* ---------- Label kecil dengan garis memanjang ---------- */
.page_submissions .author_guidelines > p:nth-of-type(3),
.page_submissions .author_guidelines > p:nth-of-type(37),
.page_submissions .author_guidelines > p:nth-of-type(40),
.page_submissions .author_guidelines > p:nth-of-type(42),
.page_submissions .author_guidelines > p:nth-of-type(44),
.page_submissions .author_guidelines > p:nth-of-type(46) {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin: 1.5rem 0 0.8rem;
  color: var(--af-primary-dark);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.page_submissions .author_guidelines > p:nth-of-type(3)::after,
.page_submissions .author_guidelines > p:nth-of-type(37)::after,
.page_submissions .author_guidelines > p:nth-of-type(40)::after,
.page_submissions .author_guidelines > p:nth-of-type(42)::after,
.page_submissions .author_guidelines > p:nth-of-type(44)::after,
.page_submissions .author_guidelines > p:nth-of-type(46)::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, var(--af-line), transparent);
}

/* ---------- Tombol unduh (tabel Template & Agreement Letter) ---------- */
.page_submissions .author_guidelines > table {
  display: block;
  width: 100%;
  margin: 0.2rem 0 0.4rem;
  border: 0;
}
.page_submissions .author_guidelines > table tbody {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
}
.page_submissions .author_guidelines > table tr { display: contents; }
.page_submissions .author_guidelines > table td {
  flex: 1 1 230px;
  padding: 0;
  border: 0;
  background: none;
}
.page_submissions .author_guidelines > table td:nth-child(2) { display: none; }

.page_submissions .author_guidelines > table td a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 1rem 1.2rem;
  border-radius: 14px;
  background: linear-gradient(120deg, var(--af-primary), var(--af-primary-dark));
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 10px 20px -12px rgba(20, 64, 95, 0.8);
  transition: transform 0.4s var(--af-ease), box-shadow 0.4s var(--af-ease), filter 0.25s ease;
}
.page_submissions .author_guidelines > table td a span {
  color: #fff !important;
  font-size: 15px !important;
}
.page_submissions .author_guidelines > table td a::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 12px;
  background: var(--af-gold);
  color: var(--af-primary-dark);
  font: normal normal normal 1.15rem/1 FontAwesome;
  transition: transform 0.45s var(--af-ease);
}
.page_submissions .author_guidelines > table td:nth-child(1) a::before { content: "\f1c2"; }
.page_submissions .author_guidelines > table td:nth-child(3) a::before { content: "\f0f6"; }
.page_submissions .author_guidelines > table td a::after {
  content: "\f019";
  margin-left: auto;
  color: rgba(255, 255, 255, 0.7);
  font: normal normal normal 1.1rem/1 FontAwesome;
  transition: transform 0.4s var(--af-ease), color 0.25s ease;
}
.page_submissions .author_guidelines > table td a:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 26px -12px rgba(20, 64, 95, 0.9);
  filter: brightness(1.08);
}
.page_submissions .author_guidelines > table td a:hover::before { transform: rotate(-8deg); }
.page_submissions .author_guidelines > table td a:hover::after { color: var(--af-gold); transform: translateY(3px); }

/* Catatan di bawah tombol */
.page_submissions .author_guidelines > p:nth-of-type(4) {
  margin: 0.4rem 0 0.6rem;
  color: var(--af-muted);
  font-size: 12.5px;
  font-style: italic;
  text-align: center;
}

/* ---------- Topik Aims and Scope: grid kartu berikon ---------- */
.page_submissions .author_guidelines > ul {
  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;
}
.page_submissions .author_guidelines > ul > li {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin: 0;
  padding: 0.8rem 1rem;
  background: #f6f9fc;
  border: 1px solid var(--af-line);
  border-left: 3px solid var(--af-primary);
  border-radius: 0 12px 12px 0;
  color: var(--af-primary-dark);
  font-weight: 600;
  line-height: 1.4;
  transition: transform 0.4s var(--af-ease), background-color 0.3s ease, color 0.3s ease, box-shadow 0.4s var(--af-ease);
}
.page_submissions .author_guidelines > ul > li::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: #fff;
  color: var(--af-primary);
  font: normal normal normal 0.95rem/1 FontAwesome;
  box-shadow: 0 2px 6px rgba(20, 64, 95, 0.12);
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.45s var(--af-ease);
}
.page_submissions .author_guidelines > ul > li:hover {
  background: var(--af-primary);
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 14px 24px -14px rgba(20, 64, 95, 0.7);
}
.page_submissions .author_guidelines > ul > li:hover::before {
  background: var(--af-gold);
  color: var(--af-primary-dark);
  transform: rotate(-8deg);
}
.page_submissions .author_guidelines > ul > li:nth-child(1)::before  { content: "\f1ec"; }
.page_submissions .author_guidelines > ul > li:nth-child(2)::before  { content: "\f013"; }
.page_submissions .author_guidelines > ul > li:nth-child(3)::before  { content: "\f002"; }
.page_submissions .author_guidelines > ul > li:nth-child(4)::before  { content: "\f0d6"; }
.page_submissions .author_guidelines > ul > li:nth-child(5)::before  { content: "\f1ad"; }
.page_submissions .author_guidelines > ul > li:nth-child(6)::before  { content: "\f0e8"; }
.page_submissions .author_guidelines > ul > li:nth-child(7)::before  { content: "\f201"; }
.page_submissions .author_guidelines > ul > li:nth-child(8)::before  { content: "\f06c"; }
.page_submissions .author_guidelines > ul > li:nth-child(9)::before  { content: "\f10b"; }
.page_submissions .author_guidelines > ul > li:nth-child(10)::before { content: "\f132"; }
.page_submissions .author_guidelines > ul > li:nth-child(11)::before { content: "\f0eb"; }

/* ---------- Daftar bernomor: kartu dengan lingkaran nomor ---------- */
.page_submissions .author_guidelines > ol {
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}
.page_submissions .author_guidelines > ol:nth-of-type(1) { margin-bottom: 0.5rem; }
.page_submissions .author_guidelines > ol > li {
  position: relative;
  margin: 0 0 0.65rem;
  padding: 0.85rem 1.1rem 0.85rem 3.9rem;
  background: #fff;
  border: 1px solid var(--af-line);
  border-radius: 12px;
  transition: transform 0.4s var(--af-ease), box-shadow 0.4s var(--af-ease), border-color 0.3s ease;
}
.page_submissions .author_guidelines > ol > li::before {
  content: counter(list-item);
  position: absolute;
  left: 1rem;
  top: 0.75rem;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background: var(--af-primary);
  box-shadow: 0 0 0 5px var(--af-soft);
  color: #fff;
  font-weight: 700;
}
.page_submissions .author_guidelines > ol > li:hover {
  transform: translateX(5px);
  border-color: var(--af-gold);
  box-shadow: 0 12px 24px -14px rgba(20, 64, 95, 0.45);
}

/* ---------- Kemungkinan hasil penilaian (a. - d.) ---------- */
.page_submissions .author_guidelines > p:nth-of-type(n+9):nth-of-type(-n+12) {
  position: relative;
  margin: 0 0 0.5rem 3.9rem;
  padding: 0.6rem 1rem 0.6rem 2.9rem;
  border-left: 4px solid;
  border-radius: 0 10px 10px 0;
  font-size: 0.97rem;
  font-weight: 600;
  transition: transform 0.35s var(--af-ease);
}
.page_submissions .author_guidelines > p:nth-of-type(n+9):nth-of-type(-n+12):hover { transform: translateX(4px); }
.page_submissions .author_guidelines > p:nth-of-type(n+9):nth-of-type(-n+12)::before {
  position: absolute;
  left: 0.9rem;
  top: 0.6rem;
  font: normal normal normal 1.15rem/1.5 FontAwesome;
}
.page_submissions .author_guidelines > p:nth-of-type(9)  { background: #edf7f1; border-color: #2e9e6b; color: #1f7a50; }
.page_submissions .author_guidelines > p:nth-of-type(9)::before  { content: "\f058"; }
.page_submissions .author_guidelines > p:nth-of-type(10) { background: #fff7e3; border-color: var(--af-gold); color: #8a5a00; }
.page_submissions .author_guidelines > p:nth-of-type(10)::before { content: "\f021"; }
.page_submissions .author_guidelines > p:nth-of-type(11) { background: var(--af-soft); border-color: var(--af-primary); color: var(--af-primary-dark); }
.page_submissions .author_guidelines > p:nth-of-type(11)::before { content: "\f0ec"; }
.page_submissions .author_guidelines > p:nth-of-type(12) { background: #fdf3f2; border-color: #c0463d; color: #a8372f; }
.page_submissions .author_guidelines > p:nth-of-type(12)::before { content: "\f057"; }

/* ---------- Tabel contoh ---------- */
.page_submissions .author_guidelines > p:nth-of-type(16) {
  display: inline-block;
  margin: 0.4rem 0 0.7rem;
  padding: 0.25rem 1rem;
  border-radius: 999px;
  background: var(--af-soft);
  color: var(--af-primary);
  font-size: 13px;
  font-weight: 700;
}
.page_submissions .author_guidelines > div[dir="ltr"] {
  overflow-x: auto;
  margin: 0 0 1rem;
  border: 1px solid var(--af-line);
  border-radius: 12px;
  box-shadow: var(--af-shadow-1);
}
.page_submissions .author_guidelines > div[dir="ltr"] table {
  width: 100%;
  border-collapse: collapse;
}
.page_submissions .author_guidelines > div[dir="ltr"] td {
  padding: 0.6rem 0.9rem;
  border-bottom: 1px solid var(--af-line);
  font-size: 13px;
  transition: background-color 0.25s ease;
}
.page_submissions .author_guidelines > div[dir="ltr"] td p { margin: 0; text-align: left; }
.page_submissions .author_guidelines > div[dir="ltr"] tr:first-child td {
  background: var(--af-primary);
  border-bottom: 3px solid var(--af-gold);
  font-weight: 600;
}
.page_submissions .author_guidelines > div[dir="ltr"] tr:first-child td p { color: #fff; }
.page_submissions .author_guidelines > div[dir="ltr"] tr:nth-child(even) td { background: #f8fbfd; }
.page_submissions .author_guidelines > div[dir="ltr"] tr:first-child ~ tr:hover td { background: var(--af-soft); }
.page_submissions .author_guidelines > div[dir="ltr"] tr:last-child td { border-bottom: 0; }

/* Catatan di bawah tabel */
.page_submissions .author_guidelines > p:nth-of-type(17) {
  margin: 0.8rem 0 1.4rem;
  padding: 0.7rem 1rem;
  background: #f6f9fc;
  border-left: 3px solid var(--af-muted);
  border-radius: 0 10px 10px 0;
  color: var(--af-muted);
  font-size: 12.5px;
  font-style: italic;
}

/* ---------- Gambar contoh ---------- */
.page_submissions .author_guidelines > p:nth-of-type(18) {
  display: grid;
  place-items: center;
  margin: 0 0 0.6rem;
  padding: 1.2rem;
  background: linear-gradient(135deg, #f7fbfd, #fff);
  border: 1px solid var(--af-line);
  border-radius: 14px;
}
.page_submissions .author_guidelines > p:nth-of-type(18) img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 8px 20px -10px rgba(20, 64, 95, 0.4);
  transition: transform 0.6s var(--af-ease);
}
.page_submissions .author_guidelines > p:nth-of-type(18):hover img { transform: scale(1.03); }
.page_submissions .author_guidelines > p:nth-of-type(19) {
  margin-bottom: 1rem;
  color: var(--af-muted);
  font-size: 12.5px;
  font-style: italic;
  text-align: center;
}

/* ---------- Format artikel: kartu bernomor (Title ... References) ---------- */
.page_submissions .author_guidelines > p:nth-of-type(n+23):nth-of-type(-n+35) {
  position: relative;
  margin: 0 0 0.7rem;
  padding: 0.9rem 1.2rem 0.9rem 4.3rem;
  background: #fff;
  border: 1px solid var(--af-line);
  border-left: 4px solid var(--af-primary);
  border-radius: 0 12px 12px 0;
  counter-increment: fmt;
  transition: transform 0.4s var(--af-ease), box-shadow 0.4s var(--af-ease), border-color 0.3s ease;
}
.page_submissions .author_guidelines > p:nth-of-type(n+23):nth-of-type(-n+35)::before {
  content: counter(fmt);
  position: absolute;
  left: 1.1rem;
  top: 0.8rem;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: var(--af-primary);
  box-shadow: 0 0 0 5px var(--af-soft);
  color: #fff;
  font-weight: 700;
}
.page_submissions .author_guidelines > p:nth-of-type(n+23):nth-of-type(-n+35):hover {
  transform: translateX(5px);
  border-color: var(--af-gold);
  box-shadow: 0 12px 24px -14px rgba(20, 64, 95, 0.45);
}
/* Catatan JEL: kartu info (tidak bernomor) */
.page_submissions .author_guidelines > p:nth-of-type(27) {
  counter-increment: none;
  background: var(--af-soft);
  border-left-color: var(--af-gold);
}
.page_submissions .author_guidelines > p:nth-of-type(27)::before {
  content: "\f05a";
  background: #fff;
  box-shadow: 0 4px 10px -4px rgba(20, 64, 95, 0.35);
  color: var(--af-primary);
  font: normal normal normal 1.05rem/1 FontAwesome;
}

/* ---------- Contoh referensi: kartu dengan hanging indent ---------- */
.page_submissions .author_guidelines > p:nth-of-type(38),
.page_submissions .author_guidelines > p:nth-of-type(39),
.page_submissions .author_guidelines > p:nth-of-type(41),
.page_submissions .author_guidelines > p:nth-of-type(43),
.page_submissions .author_guidelines > p:nth-of-type(45),
.page_submissions .author_guidelines > p:nth-of-type(47) {
  margin: 0 0 0.6rem;
  padding: 0.8rem 1rem 0.8rem 2rem;
  background: #f6f9fc;
  border: 1px solid var(--af-line);
  border-left: 3px solid var(--af-gold);
  border-radius: 0 10px 10px 0;
  font-size: 0.95rem;
  text-indent: -1rem;
  overflow-wrap: anywhere;
  transition: background-color 0.3s ease, transform 0.35s var(--af-ease);
}
.page_submissions .author_guidelines > p:nth-of-type(38):hover,
.page_submissions .author_guidelines > p:nth-of-type(39):hover,
.page_submissions .author_guidelines > p:nth-of-type(41):hover,
.page_submissions .author_guidelines > p:nth-of-type(43):hover,
.page_submissions .author_guidelines > p:nth-of-type(45):hover,
.page_submissions .author_guidelines > p:nth-of-type(47):hover {
  background: var(--af-soft);
  transform: translateX(4px);
}

/* =====================================================================
   3. COPYRIGHT NOTICE
   ===================================================================== */
.page_submissions .copyright_notice { counter-reset: cn; }
.page_submissions .copyright_notice > p { margin: 0 0 1rem; }

/* Badge lisensi CC */
.page_submissions .copyright_notice > p:nth-of-type(1) {
  margin-bottom: 1.2rem;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, #f7fbfd, #fff);
  border: 1px solid var(--af-line);
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(20, 64, 95, 0.07);
  text-align: center;
}
.page_submissions .copyright_notice > p:nth-of-type(1) img {
  transition: transform 0.25s var(--af-ease);
}
.page_submissions .copyright_notice > p:nth-of-type(1):hover img { transform: translateY(-2px); }
.page_submissions .copyright_notice > p:nth-of-type(1) strong {
  display: inline-block;
  margin-top: 0.4rem;
  color: var(--af-muted);
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* Pernyataan lisensi: kotak sorotan */
.page_submissions .copyright_notice > p:nth-of-type(2) {
  padding: 1.05rem 1.3rem;
  background: linear-gradient(100deg, var(--af-soft), #f8fbfd);
  border-left: 4px solid var(--af-gold);
  border-radius: 0 12px 12px 0;
}

/* "Authors who publish ...": label dengan garis memanjang */
.page_submissions .copyright_notice > p:nth-of-type(3) {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin: 1.6rem 0 0.9rem;
  color: var(--af-primary-dark);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.page_submissions .copyright_notice > p:nth-of-type(3)::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, var(--af-line), transparent);
}

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

/* =====================================================================
   4. PRIVACY STATEMENT
   ===================================================================== */
.page_submissions .privacy_statement {
  background: linear-gradient(100deg, #f8fbfd, #fff);
  border-left: 5px solid var(--af-gold);
}

/* =====================================================================
   LAYAR KECIL
   ===================================================================== */
@media (max-width: 600px) {
  .page_submissions > nav + h1 { font-size: 1.5rem; }

  .page_submissions .submission_checklist,
  .page_submissions .author_guidelines,
  .page_submissions .copyright_notice,
  .page_submissions .privacy_statement { padding: 0 1.1rem 1.2rem; }

  .page_submissions .submission_checklist > h2,
  .page_submissions .author_guidelines > h2,
  .page_submissions .copyright_notice > h2,
  .page_submissions .privacy_statement > h2 {
    margin: 0 -1.1rem 1.2rem;
    padding: 0.8rem 1.1rem;
    font-size: 1.05rem;
  }

  .page_submissions .author_guidelines > p:nth-of-type(13) {
    margin: 2.2rem -1.1rem 1rem;
    padding: 0.75rem 1.1rem;
    font-size: 1.08rem;
  }

  .page_submissions .author_guidelines > ol > li,
  .page_submissions .author_guidelines > p:nth-of-type(n+23):nth-of-type(-n+35),
  .page_submissions .copyright_notice > ul > li { padding-left: 3.6rem; }

  .page_submissions .author_guidelines > ol > li::before,
  .page_submissions .author_guidelines > p:nth-of-type(n+23):nth-of-type(-n+35)::before,
  .page_submissions .copyright_notice > ul > li::before {
    left: 0.75rem;
    width: 2rem;
    height: 2rem;
  }

  .page_submissions .author_guidelines > p:nth-of-type(n+9):nth-of-type(-n+12) { margin-left: 0; }
}

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

  /* Urutan pembuka saat halaman dimuat */
  .page_submissions > nav + h1            { animation: af-rise 0.8s var(--af-ease) both; }
  .page_submissions > nav + h1::after     { animation: af-grow 1s var(--af-ease) 0.35s both; }
  .page_submissions .cmp_notification     { animation: af-rise 0.9s var(--af-ease) 0.1s both; }
  .page_submissions .submission_checklist { animation: af-rise 0.9s var(--af-ease) 0.2s both; }
  .page_submissions .author_guidelines    { animation: af-rise 0.9s var(--af-ease) 0.3s both; }
  .page_submissions .copyright_notice,
  .page_submissions .privacy_statement    { animation: af-fade 1s ease 0.3s both; }

  /* Tiap item muncul saat di-scroll (Chrome, Edge, Safari 26+) */
  @supports (animation-timeline: view()) {
    .page_submissions .submission_checklist li,
    .page_submissions .author_guidelines > p,
    .page_submissions .author_guidelines > ul > li,
    .page_submissions .author_guidelines > ol > li,
    .page_submissions .author_guidelines > table td,
    .page_submissions .copyright_notice > p,
    .page_submissions .copyright_notice > ul > li {
      animation: af-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* =====================================================================
   HALAMAN EDITORIAL TEAM
   Tempel di PALING BAWAH styleSheet.css
   ===================================================================== */

/* ---------- 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(--af-line);
  border-radius: 14px;
  box-shadow: var(--af-shadow-1), 0 18px 40px -26px rgba(20, 64, 95, 0.4);
  color: var(--af-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(--af-primary) 0%, var(--af-primary) 40%, #8fc0e0 50%, var(--af-primary) 60%, var(--af-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(--af-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(--af-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(--af-soft);
  color: var(--af-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(--af-primary); color: #fff; }

/* ---------- Pita judul peran (Editor-in-Chief, Managing, dst.) ---------- */
.page_editorial_team h4,
.page_editorial_team .member:has(> strong) {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  grid-column: 1 / -1;
  margin: 2.2rem 0 0.2rem;
  padding: 0.7rem 1.1rem;
  background: linear-gradient(100deg, var(--af-primary), var(--af-primary-dark));
  border-bottom: 3px solid var(--af-gold);
  border-radius: 10px;
  box-shadow: 0 10px 20px -14px rgba(20, 64, 95, 0.7);
  color: #fff;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.02em;
}
.page_editorial_team > h4 { margin-top: 0; }

/* Teks "Assistant Editor" (ada style inline di HTML-nya) */
.page_editorial_team .member > strong,
.page_editorial_team .member > strong span {
  color: #fff;
  font-size: inherit !important;
}

/* Ikon lingkaran di pita */
.page_editorial_team h4::before,
.page_editorial_team .member:has(> strong)::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background: #fff;
  color: var(--af-primary);
  font: normal normal normal 0.95rem/1 FontAwesome;
}
.page_editorial_team > 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 .member:has(> strong)::before     { content: "\f040"; } /* Assistant Editor: pensil */

/* ---------- Grup: grid kartu ---------- */
.page_editorial_team [id="group"] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 0.8rem;
  margin: 0;
}
.page_editorial_team .member { margin: 0; }
.page_editorial_team .member > ul,
.page_editorial_team > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Anggraini (daftar di luar grup) ditata sebagai grid yang sama */
.page_editorial_team > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 0.8rem;
  margin-top: 0.8rem;
}
.page_editorial_team [id="group"] + [id="group"] { margin-top: 0.8rem; }

/* ---------- Kartu anggota ---------- */
.page_editorial_team .member > ul > li,
.page_editorial_team > ul > li {
  position: relative;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 1rem 1.2rem 1rem 4.6rem;
  background: #fff;
  border: 1px solid var(--af-line);
  border-left: 4px solid var(--af-primary);
  border-radius: 0 12px 12px 0;
  box-shadow: var(--af-shadow-1);
  color: var(--af-ink);
  font-size: 14px;
  line-height: 1.65;
  overflow-wrap: anywhere;
  transition: transform 0.45s var(--af-ease), box-shadow 0.45s var(--af-ease), border-color 0.3s ease, background-color 0.3s ease;
}
/* Avatar bulat */
.page_editorial_team .member > ul > li::before,
.page_editorial_team > 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(--af-soft);
  color: var(--af-primary);
  font: normal normal normal 1.05rem/1 FontAwesome;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.45s var(--af-ease);
}
.page_editorial_team .member > ul > li:hover,
.page_editorial_team > ul > li:hover {
  background: var(--af-soft);
  border-left-color: var(--af-gold);
  transform: translateY(-3px);
  box-shadow: var(--af-shadow-2);
}
.page_editorial_team .member > ul > li:hover::before,
.page_editorial_team > ul > li:hover::before {
  background: var(--af-primary);
  color: #fff;
  transform: rotate(-8deg);
}

/* Jika nama dibungkus <strong> di HTML, otomatis tampil menonjol */
.page_editorial_team li strong {
  color: var(--af-primary-dark);
  font-weight: 700;
}

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

/* ---------- Tautan Scopus / Google Scholar ---------- */
.page_editorial_team li a {
  color: var(--af-primary);
  font-weight: 600;
  text-decoration: none;
  background: linear-gradient(var(--af-gold), var(--af-gold)) 0 100% / 0 2px no-repeat;
  transition: background-size 0.5s var(--af-ease), color 0.25s ease;
}
.page_editorial_team li a::after {
  content: "\f08e";
  margin-left: 0.3em;
  font: normal normal normal 0.72em/1 FontAwesome;
  opacity: 0.7;
}
.page_editorial_team li a:hover {
  color: var(--af-primary-dark);
  background-size: 100% 2px;
}

/* =====================================================================
   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 h4,
  .page_editorial_team .member:has(> strong) {
    margin-top: 1.8rem;
    padding: 0.6rem 0.9rem;
    font-size: 1.05rem;
  }
  .page_editorial_team .member > ul > li,
  .page_editorial_team > ul > li,
  .page_editorial_team > .member > ul > li { padding-left: 3.8rem; }
  .page_editorial_team .member > ul > li::before,
  .page_editorial_team > ul > li::before {
    left: 0.8rem;
    width: 2.1rem;
    height: 2.1rem;
  }
  .page_editorial_team > .member > ul > li::before { width: 2.3rem; height: 2.3rem; }
}

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

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

  /* Kartu & pita muncul saat di-scroll (Chrome, Edge, Safari 26+) */
  @supports (animation-timeline: view()) {
    .page_editorial_team h4,
    .page_editorial_team .member:has(> strong),
    .page_editorial_team .member > ul > li,
    .page_editorial_team > ul > li {
      animation: af-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* =====================================================================
   HALAMAN PEER REVIEWER
   Tempel di PALING BAWAH styleSheet.css
   (halaman dikenali lewat h1.page_title + isi .member, jadi tidak
    memengaruhi halaman lain maupun Editorial Team)
   ===================================================================== */

/* ---------- Kartu halaman + grid untuk semua reviewer ---------- */
.pkp_structure_main > .page:has(> .page_title):has(.member) {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
  gap: 0.8rem;
  align-content: start;
  padding: 2.2rem 2.4rem 1.8rem;
  background: #fff;
  border: 1px solid var(--af-line);
  border-radius: 14px;
  box-shadow: var(--af-shadow-1), 0 18px 40px -26px rgba(20, 64, 95, 0.4);
  color: var(--af-ink);
  line-height: 1.7;
}
.pkp_structure_main > .page:has(> .page_title):has(.member)::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--af-primary) 0%, var(--af-primary) 40%, #8fc0e0 50%, var(--af-primary) 60%, var(--af-primary) 100%);
  background-size: 200% 100%;
}

/* Pembungkus dibuat "transparan" agar semua <li> masuk satu grid */
.pkp_structure_main > .page:has(> .page_title):has(.member) ul,
.pkp_structure_main > .page:has(> .page_title):has(.member) [id="group"],
.pkp_structure_main > .page:has(> .page_title):has(.member) .member {
  display: contents;
}

/* ---------- Judul halaman ---------- */
.pkp_structure_main > .page:has(> .page_title):has(.member) > .page_title {
  grid-column: 1 / -1;
  position: relative;
  margin: 0 0 1rem;
  padding: 0 0 0.9rem;
  color: var(--af-primary-dark);
  font-size: 1.9rem;
  line-height: 1.25;
  text-align: left;
}
.pkp_structure_main > .page:has(> .page_title):has(.member) > .page_title::after {
  width: 64px;
  height: 4px;
}

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

/* Jika nama dibungkus <strong> di HTML, otomatis tampil menonjol */
.pkp_structure_main > .page:has(> .page_title):has(.member) li strong {
  color: var(--af-primary-dark);
  font-weight: 700;
}

/* ---------- Tautan Scopus ---------- */
.pkp_structure_main > .page:has(> .page_title):has(.member) li a {
  color: var(--af-primary);
  font-weight: 600;
  text-decoration: none;
  background: linear-gradient(var(--af-gold), var(--af-gold)) 0 100% / 0 2px no-repeat;
  transition: background-size 0.5s var(--af-ease), color 0.25s ease;
}
.pkp_structure_main > .page:has(> .page_title):has(.member) li a::after {
  content: "\f08e";
  margin-left: 0.3em;
  font: normal normal normal 0.72em/1 FontAwesome;
  opacity: 0.7;
}
.pkp_structure_main > .page:has(> .page_title):has(.member) li a:hover {
  color: var(--af-primary-dark);
  background-size: 100% 2px;
}

/* =====================================================================
   LAYAR KECIL
   ===================================================================== */
@media (max-width: 600px) {
  .pkp_structure_main > .page:has(> .page_title):has(.member) { padding: 1.4rem 1.1rem 1.2rem; }
  .pkp_structure_main > .page:has(> .page_title):has(.member) > .page_title { font-size: 1.5rem; }
  .pkp_structure_main > .page:has(> .page_title):has(.member) li { padding-left: 3.8rem; }
  .pkp_structure_main > .page:has(> .page_title):has(.member) li::before {
    left: 0.8rem;
    width: 2.1rem;
    height: 2.1rem;
  }
}

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

  .pkp_structure_main > .page:has(> .page_title):has(.member) { animation: af-rise 0.9s var(--af-ease) both; }
  .pkp_structure_main > .page:has(> .page_title):has(.member)::before { animation: af-shimmer 9s linear infinite; }
  .pkp_structure_main > .page:has(> .page_title):has(.member) > .page_title::after { animation: af-grow 1s var(--af-ease) 0.35s both; }

  /* Kartu muncul saat di-scroll (Chrome, Edge, Safari 26+) */
  @supports (animation-timeline: view()) {
    .pkp_structure_main > .page:has(> .page_title):has(.member) li {
      animation: af-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* =====================================================================
   HALAMAN CONTACT
   Tempel di PALING BAWAH styleSheet.css
   ===================================================================== */

/* ---------- Kartu halaman ---------- */
.pkp_structure_main .page_contact {
  position: relative;
  overflow: hidden;
  padding: 2.2rem 2.4rem 2rem;
  background: #fff;
  border: 1px solid var(--af-line);
  border-radius: 14px;
  box-shadow: var(--af-shadow-1), 0 18px 40px -26px rgba(20, 64, 95, 0.4);
  color: var(--af-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(--af-primary) 0%, var(--af-primary) 40%, #8fc0e0 50%, var(--af-primary) 60%, var(--af-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(--af-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(--af-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(--af-soft);
  color: var(--af-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(--af-primary); color: #fff; }

/* ---------- Susunan: alamat melebar, dua kontak berdampingan ---------- */
.page_contact .contact_section {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 1.2rem;
}
.page_contact .address { grid-column: 1 / -1; }

/* =====================================================================
   MAILING ADDRESS
   ===================================================================== */
.page_contact .address > p { margin: 0; }

/* Label "Mailing Address:" dengan garis memanjang */
.page_contact .address > p:nth-of-type(1) {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin-bottom: 0.8rem;
  color: var(--af-primary-dark);
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.page_contact .address > p:nth-of-type(1)::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, var(--af-line), transparent);
}
.page_contact .address > p:nth-of-type(1) strong { color: inherit; font-weight: 600; }

/* Isi alamat: kartu biru dengan ikon pin */
.page_contact .address > p:nth-of-type(2) {
  position: relative;
  overflow: hidden;
  padding: 1.3rem 1.5rem 1.3rem 5.2rem;
  background: linear-gradient(135deg, var(--af-primary) 0%, var(--af-primary-dark) 100%);
  border-radius: 14px;
  box-shadow: 0 16px 30px -16px rgba(20, 64, 95, 0.75);
  color: var(--af-soft);
  line-height: 2;
  transition: transform 0.45s var(--af-ease), box-shadow 0.45s var(--af-ease);
}
.page_contact .address > p:nth-of-type(2):hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 36px -16px rgba(20, 64, 95, 0.85);
}
.page_contact .address > p:nth-of-type(2)::before {
  content: "\f041";
  position: absolute;
  left: 1.3rem;
  top: 1.3rem;
  display: grid;
  place-items: center;
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 12px;
  background: var(--af-gold);
  color: var(--af-primary-dark);
  font: normal normal normal 1.2rem/1 FontAwesome;
  box-shadow: 0 6px 14px -6px rgba(0, 0, 0, 0.45);
}
/* Lingkaran dekoratif di pojok */
.page_contact .address > p:nth-of-type(2)::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;
}
.page_contact .address > p:nth-of-type(2) a {
  color: var(--af-gold-soft);
  font-weight: 600;
  text-decoration: none;
  background: linear-gradient(var(--af-gold), var(--af-gold)) 0 100% / 0 2px no-repeat;
  transition: background-size 0.5s var(--af-ease), color 0.25s ease;
}
.page_contact .address > p:nth-of-type(2) a:hover {
  color: #fff;
  background-size: 100% 2px;
}

/* =====================================================================
   KARTU KONTAK (Principal & Support)
   ===================================================================== */
.page_contact .contact {
  position: relative;
  overflow: hidden;
  padding: 0 1.4rem 1.2rem;
  background: #fff;
  border: 1px solid var(--af-line);
  border-radius: 14px;
  box-shadow: var(--af-shadow-1);
  font-size: 14px;
  transition: transform 0.45s var(--af-ease), box-shadow 0.45s var(--af-ease), border-color 0.3s ease;
}
.page_contact .contact:hover {
  transform: translateY(-3px);
  border-color: var(--af-gold);
  box-shadow: var(--af-shadow-2);
}

/* Header kartu: pita biru + kilau saat hover */
.page_contact .contact > h3 {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 -1.4rem 0.6rem;
  padding: 0.85rem 1.4rem;
  background: linear-gradient(100deg, var(--af-primary), var(--af-primary-dark));
  border-bottom: 3px solid var(--af-gold);
  color: #fff;
  font-size: 1.05rem;
  line-height: 1.4;
}
.page_contact .contact > h3::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background: #fff;
  color: var(--af-primary);
  font: normal normal normal 0.95rem/1 FontAwesome;
}
.page_contact .contact.primary > h3::before { content: "\f2be"; } /* user-circle */
.page_contact .contact.support > h3::before { content: "\f1cd"; } /* life-ring */
.page_contact .contact > h3::after {
  content: "";
  position: absolute;
  top: 0; bottom: 0; left: 0;
  width: 30%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.25), transparent);
  translate: -130% 0;
  pointer-events: none;
}
.page_contact .contact:hover > h3::after {
  translate: 430% 0;
  transition: translate 1.1s var(--af-ease);
}

/* ---------- Baris informasi ---------- */
.page_contact .contact .name,
.page_contact .contact .affiliation,
.page_contact .contact .phone {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.2rem 0.75rem;
  padding: 0.7rem 0;
  border-bottom: 1px solid var(--af-line);
  line-height: 1.5;
}
.page_contact .contact .name::before,
.page_contact .contact .affiliation::before,
.page_contact .contact .phone::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--af-soft);
  color: var(--af-primary);
  font: normal normal normal 0.85rem/1 FontAwesome;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.45s var(--af-ease);
}
.page_contact .contact:hover .name::before,
.page_contact .contact:hover .affiliation::before,
.page_contact .contact:hover .phone::before {
  background: var(--af-primary);
  color: #fff;
}
.page_contact .contact .name::before        { content: "\f007"; }
.page_contact .contact .affiliation::before { content: "\f19c"; }
.page_contact .contact .phone::before       { content: "\f095"; }

.page_contact .contact .name {
  color: var(--af-primary-dark);
  font-size: 1.05rem;
  font-weight: 700;
}
.page_contact .contact .affiliation { color: var(--af-muted); }

/* Telepon: label kecil + nomor tebal */
.page_contact .contact .phone .label {
  color: var(--af-muted);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.page_contact .contact .phone .value {
  color: var(--af-ink);
  font-weight: 600;
}

/* ---------- Email: tombol pil ---------- */
.page_contact .contact .email { padding: 0.9rem 0 0; }

/* OJS menampilkan tautan email dua kali (hasil script + cadangan): sembunyikan duplikatnya */
.page_contact .contact .email a + a { display: none; }

.page_contact .contact .email a {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 1.3rem;
  border-radius: 999px;
  background: linear-gradient(120deg, var(--af-primary), var(--af-primary-dark));
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 8px 16px -8px rgba(20, 64, 95, 0.8);
  transition: transform 0.35s var(--af-ease), box-shadow 0.35s var(--af-ease), filter 0.25s ease, color 0.25s ease;
}
.page_contact .contact .email a::before {
  content: "\f0e0";
  color: var(--af-gold);
  font: normal normal normal 0.9rem/1 FontAwesome;
}
.page_contact .contact .email a:hover {
  color: var(--af-gold-soft);
  transform: translateY(-2px);
  box-shadow: 0 12px 20px -8px rgba(20, 64, 95, 0.9);
  filter: brightness(1.08);
}

/* =====================================================================
   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 .address > p:nth-of-type(2) { padding: 1.2rem 1.1rem 1.2rem 4.3rem; }
  .page_contact .address > p:nth-of-type(2)::before { left: 0.9rem; width: 2.4rem; height: 2.4rem; }

  .page_contact .contact { padding: 0 1.1rem 1.1rem; }
  .page_contact .contact > h3 { margin: 0 -1.1rem 0.5rem; padding: 0.8rem 1.1rem; }
}

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

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

  /* Kartu muncul berurutan saat halaman dimuat */
  .page_contact .address          { animation: af-rise 0.9s var(--af-ease) 0.15s both; }
  .page_contact .contact.primary  { animation: af-rise 0.9s var(--af-ease) 0.27s both; }
  .page_contact .contact.support  { animation: af-rise 0.9s var(--af-ease) 0.39s both; }
}

/* =====================================================================
   PERBAIKAN HALAMAN CONTACT (tempel setelah blok Contact sebelumnya)
   ===================================================================== */

/* Paksa kartu mengisi kolom grid (menimpa width/float bawaan tema) */
.page_contact .contact_section > .contact {
  box-sizing: border-box;
  float: none;
  width: 100%;
  max-width: none;
  margin: 0;
  display: flex;
  flex-direction: column;
}

/* Judul kartu: satu baris, tidak ikut terpotong */
.page_contact .contact > h3 {
  width: auto;
  white-space: nowrap;
}

/* Ikon dan teks selalu sebaris */
.page_contact .contact .name,
.page_contact .contact .affiliation,
.page_contact .contact .phone {
  flex-wrap: nowrap;
  gap: 0.75rem;
}
.page_contact .contact .phone .label { margin-right: 0.2rem; }

/* Tombol email: tidak melebihi kartu, selalu menempel di dasar kartu */
.page_contact .contact .email {
  margin-top: auto;
  padding-top: 1.1rem;
  max-width: 100%;
}
.page_contact .contact .email a {
  box-sizing: border-box;
  max-width: 100%;
  overflow-wrap: anywhere;
}

/* Layar kecil: judul boleh turun baris jika perlu */
@media (max-width: 400px) {
  .page_contact .contact > h3 { white-space: normal; }
}

/* =====================================================================
   PERBAIKAN COVER ISSUE (hilangkan area putih di samping gambar)
   Tempel di PALING BAWAH styleSheet.css
   ===================================================================== */

/* Pembungkus mengikuti lebar gambar, tanpa bayangan/sudut sendiri */
.obj_issue_toc .cover {
  display: block;
  float: left;
  width: fit-content;
  max-width: 40%;
  height: auto;
  margin-right: 1.43rem;
  border-radius: 0;
  box-shadow: none;
  background: none;
  transition: transform 0.6s var(--af-ease);
}
.obj_issue_toc .cover:hover {
  transform: translateY(-6px) rotate(-1.2deg);
  box-shadow: none;
}

/* Bayangan dan sudut membulat dipindah ke gambarnya */
.obj_issue_toc .cover img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 360px;
  border-radius: 10px;
  box-shadow: 0 18px 36px -14px rgba(20, 64, 95, 0.55), 0 0 0 1px rgba(20, 64, 95, 0.1);
  transition: box-shadow 0.6s var(--af-ease);
}
.obj_issue_toc .cover:hover img {
  box-shadow: 0 28px 48px -16px rgba(20, 64, 95, 0.6), 0 0 0 1px rgba(20, 64, 95, 0.1);
}

/* HP: cover di tengah dan tidak melebihi layar */
@media (max-width: 600px) {
  .obj_issue_toc .cover {
    float: none;
    max-width: 70%;
    margin: 0 auto 1rem;
  }
}

/* =====================================================================
   SIDEBAR "AUTHOR INFORMATION": ikon langsung di link (tanpa <em>)
   ===================================================================== */
.pkp_block ul.sidemenu.full li a::before {
  display: inline-block;
  width: 1.4em;
  margin-right: 0.35rem;
  font: normal normal normal 1em/1 FontAwesome;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}

/* Menu lama */
.pkp_block ul.sidemenu.full a[href$="about/editorialTeam"]::before { content: "\f2be"; } /* user-circle */
.pkp_block ul.sidemenu.full a[href$="/peerreview"]::before         { content: "\f0c0"; } /* users */
.pkp_block ul.sidemenu.full a[href$="about/contact"]::before       { content: "\f0e0"; } /* envelope */
.pkp_block ul.sidemenu.full a[href$="#tabs-1"]::before             { content: "\f140"; } /* bullseye */
.pkp_block ul.sidemenu.full a[href$="about/submissions"]::before   { content: "\f02d"; } /* book */
.pkp_block ul.sidemenu.full a[href$="#tabs-2"]::before             { content: "\f073"; } /* calendar */
.pkp_block ul.sidemenu.full a[href$="#tabs-8"]::before             { content: "\f021"; } /* refresh */
.pkp_block ul.sidemenu.full a[href$="#tabs-9"]::before             { content: "\f24e"; } /* balance-scale */
.pkp_block ul.sidemenu.full a[href$="#tabs-14"]::before            { content: "\f06a"; } /* exclamation-circle */
.pkp_block ul.sidemenu.full a[href$="#tabs-3"]::before             { content: "\f023"; } /* lock */
.pkp_block ul.sidemenu.full a[href$="#tabs-6"]::before             { content: "\f1f9"; } /* copyright */
.pkp_block ul.sidemenu.full a[href$="#tabs-4"]::before             { content: "\f13e"; } /* unlock-alt */
.pkp_block ul.sidemenu.full a[href$="#tabs-5"]::before             { content: "\f0c5"; } /* files-o */
.pkp_block ul.sidemenu.full a[href$="#tabs-7"]::before             { content: "\f187"; } /* archive */
.pkp_block ul.sidemenu.full a[href$="#tabs-10"]::before            { content: "\f09d"; } /* credit-card */
.pkp_block ul.sidemenu.full a[href*="clustrmaps.com"]::before      { content: "\f080"; } /* bar-chart */
.pkp_block ul.sidemenu.full a[href$="#tabs-11"]::before            { content: "\f1c0"; } /* database */
.pkp_block ul.sidemenu.full a[href$="/publishingsystem"]::before   { content: "\f085"; } /* cogs */
.pkp_block ul.sidemenu.full a[href$="#tabs-12"]::before            { content: "\f1da"; } /* history */

/* Menu baru (halaman sendiri) */
.pkp_block ul.sidemenu.full a[href$="/GenerativeAIPolicies"]::before             { content: "\f2db"; } /* microchip */
.pkp_block ul.sidemenu.full a[href$="/AllegationofResearchMisconduct"]::before   { content: "\f071"; } /* exclamation-triangle */
.pkp_block ul.sidemenu.full a[href$="/PostPublicationDiscussion"]::before        { content: "\f086"; } /* comments */
.pkp_block ul.sidemenu.full a[href$="/CorrectionandRetractionPolicy"]::before    { content: "\f12d"; } /* eraser */
.pkp_block ul.sidemenu.full a[href$="/OwnershipandManagementInformation"]::before { content: "\f0e8"; } /* sitemap */

/* =====================================================================
   HALAMAN KEBIJAKAN (Allegation of Research Misconduct, dan halaman
   kebijakan lain: Generative AI, Post-Publication, Correction, dst.)
   Tempel di PALING BAWAH styleSheet.css

   Cara kerja: semua gaya hanya berlaku di dalam <div class="policy-page">,
   jadi tidak memengaruhi halaman lain. Memakai design tokens (--af-*)
   yang sudah ada di bagian atas styleSheet.css.
   ===================================================================== */

/* ---------- Kartu halaman ----------
   Kartu = elemen induk yang memuat judul bawaan OJS + isi (.policy-page),
   sehingga judul OJS ikut berada di dalam kartu. */
.pkp_structure_main .page:has(> .policy-page) {
  position: relative;
  overflow: hidden;
  padding: 2.2rem 2.4rem 1.8rem;
  background: #fff;
  border: 1px solid var(--af-line);
  border-radius: 14px;
  box-shadow: var(--af-shadow-1), 0 18px 40px -26px rgba(20, 64, 95, 0.4);
  color: var(--af-ink);
  line-height: 1.75;
}
.pkp_structure_main .page:has(> .policy-page)::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--af-primary) 0%, var(--af-primary) 40%, #8fc0e0 50%, var(--af-primary) 60%, var(--af-primary) 100%);
  background-size: 200% 100%;
}
.pkp_structure_main .policy-page { counter-reset: policy-sec; }

.pkp_structure_main .policy-page p { margin: 0 0 1rem; }
.pkp_structure_main .policy-page strong { color: var(--af-primary-dark); }

/* ---------- Judul bawaan OJS (garis emas di bawahnya) ---------- */
.pkp_structure_main .page:has(> .policy-page) > :is(h1, h2) {
  position: relative;
  margin: 0 0 1.4rem;
  padding: 0 0 0.9rem;
  color: var(--af-primary-dark);
  font-size: 1.9rem;
  line-height: 1.25;
  text-align: left;
}
.pkp_structure_main .page:has(> .policy-page) > :is(h1, h2)::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 64px; height: 4px;
  border-radius: 2px;
  background: var(--af-gold);
}

/* ---------- Paragraf pembuka: kartu sorotan ---------- */
.pkp_structure_main .policy-page > p:first-child {
  margin: 0 0 1.6rem;
  padding: 1rem 1.3rem;
  background: var(--af-soft);
  border-left: 4px solid var(--af-gold);
  border-radius: 0 12px 12px 0;
}

/* ---------- Judul bagian: lencana nomor otomatis ---------- */
.pkp_structure_main .policy-page h3 {
  counter-increment: policy-sec;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 2.2rem 0 1rem;
  padding: 0.7rem 1.1rem;
  background: linear-gradient(90deg, var(--af-soft), transparent);
  border-left: 4px solid var(--af-primary);
  border-radius: 0 10px 10px 0;
  color: var(--af-primary-dark);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4;
}
.pkp_structure_main .policy-page h3::before {
  content: counter(policy-sec);
  flex: none;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background: var(--af-primary);
  color: #fff;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1;
}

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

/* ---------- Daftar butir: satu panel, tiap butir dipisah garis tipis ---------- */
.pkp_structure_main .policy-page ul {
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background: #f6f9fc;
  border: 1px solid var(--af-line);
  border-radius: 12px;
}
.pkp_structure_main .policy-page ul > li {
  position: relative;
  margin: 0;
  padding: 0.8rem 1.2rem 0.8rem 2.6rem;
  border-bottom: 1px solid var(--af-line);
  transition: background-color 0.25s ease;
}
.pkp_structure_main .policy-page ul > li:last-child { border-bottom: 0; }
.pkp_structure_main .policy-page ul > li:hover { background: #fff; }
.pkp_structure_main .policy-page ul > li::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 1.3rem;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: var(--af-gold);
  box-shadow: 0 0 0 4px #fff1cc;
}
.pkp_structure_main .policy-page li > p { margin: 0; }

/* Istilah di awal butir tampil sebagai label di baris sendiri */
.pkp_structure_main .policy-page ul > li > strong:first-child {
  display: block;
  margin-bottom: 0.1rem;
}

/* Varian sanksi (<ul class="sanction">): nuansa amber seperti daftar kepentingan finansial */
.pkp_structure_main .policy-page ul.sanction {
  background: #fffaf0;
  border-color: #f3e2b5;
}
.pkp_structure_main .policy-page ul.sanction > li { border-bottom-color: #f3e2b5; }
.pkp_structure_main .policy-page ul.sanction > li:hover { background: #fff6e0; }
.pkp_structure_main .policy-page ul.sanction > li::before {
  background: var(--af-gold-deep);
  box-shadow: 0 0 0 4px #fff1cc;
}

/* ---------- Daftar bernomor: timeline (urutan proses yang nyata) ---------- */
.pkp_structure_main .policy-page ol {
  counter-reset: policy-step;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}
.pkp_structure_main .policy-page ol > li {
  counter-increment: policy-step;
  position: relative;
  margin: 0;
  padding: 0.25rem 0 1.4rem 3.4rem;
}
.pkp_structure_main .policy-page ol > li::before {
  content: counter(policy-step);
  position: absolute;
  left: 0; top: 0;
  display: grid;
  place-items: center;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  background: var(--af-primary);
  box-shadow: 0 0 0 5px var(--af-soft);
  color: #fff;
  font-weight: 700;
}
.pkp_structure_main .policy-page ol > li::after {
  content: "";
  position: absolute;
  left: 1.15rem;
  top: 2.6rem;
  bottom: 0.1rem;
  width: 2px;
  background: linear-gradient(var(--af-primary), #cfe0f0);
}
.pkp_structure_main .policy-page ol > li:last-child { padding-bottom: 0.4rem; }
.pkp_structure_main .policy-page ol > li:last-child::after { display: none; }
.pkp_structure_main .policy-page ol > li strong {
  background: linear-gradient(transparent 58%, rgba(247, 188, 74, 0.45) 58%);
  padding: 0 2px;
}

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .page:has(> .policy-page) { padding: 1.4rem 1.1rem 1.2rem; }
  .pkp_structure_main .page:has(> .policy-page) > :is(h1, h2) { font-size: 1.5rem; }
  .pkp_structure_main .policy-page h3 { padding: 0.6rem 0.8rem; font-size: 1.08rem; }
  .pkp_structure_main .policy-page ul > li { padding-left: 2.3rem; padding-right: 0.9rem; }
  .pkp_structure_main .policy-page ul > li::before { left: 0.85rem; }
  .pkp_structure_main .policy-page ol > li { padding-left: 3.2rem; }
}

/* ---------- Animasi: hanya kartu muncul sekali (mati jika "reduce motion") ---------- */
@media (prefers-reduced-motion: no-preference) {
  .pkp_structure_main .page:has(> .policy-page) { animation: af-rise 0.9s var(--af-ease) both; }
  .pkp_structure_main .page:has(> .policy-page)::before { animation: af-shimmer 9s linear infinite; }
}

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

  /* Garis emas di bawah judul "tumbuh" setelah kartu muncul */
  .pkp_structure_main .page:has(> .policy-page) > :is(h1, h2)::after {
    animation: af-grow 1s var(--af-ease) 0.35s both;
  }

  /* Kotak pembuka: kilau tipis lewat sekali */
  .pkp_structure_main .policy-page > p:first-child { overflow: hidden; }
  .pkp_structure_main .policy-page > p:first-child::after {
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0;
    width: 40%;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.65), transparent);
    animation: policy-sheen 1.6s var(--af-ease) 0.8s 1 both;
    pointer-events: none;
  }
  .pkp_structure_main .policy-page > p:first-child { position: relative; }

  /* Bagian-bagian muncul saat di-scroll (Chrome, Edge, Safari 26+) */
  @supports (animation-timeline: view()) {
    .pkp_structure_main .policy-page h3,
    .pkp_structure_main .policy-page ul,
    .pkp_structure_main .policy-page ol > li {
      animation: af-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }

    /* Garis penghubung timeline "tergambar" ke bawah mengikuti scroll */
    .pkp_structure_main .policy-page ol > li::after {
      transform-origin: top;
      animation: policy-draw linear both;
      animation-timeline: view();
      animation-range: entry 20% cover 45%;
    }
  }
}

@keyframes policy-sheen {
  from { translate: -130% 0; opacity: 1; }
  to   { translate: 330% 0;  opacity: 0; }
}
@keyframes policy-draw {
  from { transform: scaleY(0); }
  to   { transform: scaleY(1); }
}

/* =====================================================================
   HALAMAN KEBIJAKAN: sub-judul (h4) dan kotak catatan (p.note)
   ===================================================================== */

/* Sub-judul di dalam bagian: garis emas pendek sebagai penanda */
.pkp_structure_main .policy-page h4 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 1.5rem 0 0.7rem;
  color: var(--af-primary);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.4;
}
.pkp_structure_main .policy-page h4::before {
  content: "";
  flex: none;
  width: 1.1rem;
  height: 3px;
  border-radius: 2px;
  background: var(--af-gold);
}

/* Kotak catatan (dipakai untuk bagian kontak): gaya sama dengan paragraf pembuka */
.pkp_structure_main .policy-page p.note {
  margin: 0 0 1rem;
  padding: 1rem 1.3rem;
  background: var(--af-soft);
  border-left: 4px solid var(--af-gold);
  border-radius: 0 12px 12px 0;
}

/* Animasi muncul saat di-scroll untuk elemen baru */
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .pkp_structure_main .policy-page h4,
    .pkp_structure_main .policy-page p.note {
      animation: af-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* =====================================================================
   HALAMAN KEBIJAKAN: tabel informasi (label | nilai)
   ===================================================================== */
.pkp_structure_main .policy-page table {
  width: 100%;
  margin: 0 0 1.2rem;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--af-line);
  border-radius: 12px;
  box-shadow: var(--af-shadow-1);
}
.pkp_structure_main .policy-page table th,
.pkp_structure_main .policy-page table td {
  padding: 0.95rem 1.2rem;
  border: 0;
  border-bottom: 1px solid var(--af-line);
  vertical-align: middle;
  line-height: 1.6;
  text-align: left;
}
.pkp_structure_main .policy-page table tr:last-child > th,
.pkp_structure_main .policy-page table tr:last-child > td { border-bottom: 0; }

/* Kolom label */
.pkp_structure_main .policy-page table th {
  width: 34%;
  min-width: 11rem;
  background: var(--af-soft);
  border-right: 1px solid var(--af-soft-2);
  border-bottom-color: var(--af-soft-2);
  color: var(--af-primary-dark);
  font-weight: 700;
  transition: box-shadow 0.35s var(--af-ease), background-color 0.25s ease;
}
/* Kolom nilai */
.pkp_structure_main .policy-page table td {
  color: var(--af-ink);
  overflow-wrap: anywhere;
  transition: background-color 0.25s ease;
}

/* Ikon di tiap baris */
.pkp_structure_main .policy-page table th::before {
  content: "\f0da";
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  margin-right: 0.7rem;
  vertical-align: middle;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(20, 64, 95, 0.14);
  color: var(--af-primary);
  font: normal normal normal 0.95rem/1 FontAwesome;
}
.pkp_structure_main .policy-page table tr:nth-child(1) > th::before { content: "\f19c"; } /* university */
.pkp_structure_main .policy-page table tr:nth-child(2) > th::before { content: "\f041"; } /* map-marker */
.pkp_structure_main .policy-page table tr:nth-child(3) > th::before { content: "\f0ac"; } /* globe */
.pkp_structure_main .policy-page table tr:nth-child(4) > th::before { content: "\f0e0"; } /* envelope */

/* Hover baris: penanda emas di sisi kiri label */
.pkp_structure_main .policy-page table tr:hover > th { box-shadow: inset 4px 0 0 var(--af-gold); }
.pkp_structure_main .policy-page table tr:hover > td { background: #fbfdff; }

/* Sudut membulat pada sel pojok */
.pkp_structure_main .policy-page table tr:first-child > th { border-top-left-radius: 11px; }
.pkp_structure_main .policy-page table tr:last-child > th  { border-bottom-left-radius: 11px; }

/* Layar kecil: label di atas, nilai di bawahnya */
@media (max-width: 600px) {
  .pkp_structure_main .policy-page table,
  .pkp_structure_main .policy-page table tbody,
  .pkp_structure_main .policy-page table tr,
  .pkp_structure_main .policy-page table th,
  .pkp_structure_main .policy-page table td { display: block; width: 100%; }
  .pkp_structure_main .policy-page table th {
    min-width: 0;
    padding: 0.7rem 1rem 0.5rem;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0 !important;
  }
  .pkp_structure_main .policy-page table td { padding: 0.6rem 1rem 0.9rem; }
  .pkp_structure_main .policy-page table tr:last-child > td { border-bottom: 0; }
}

/* Tabel muncul saat di-scroll (mati jika "reduce motion") */
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .pkp_structure_main .policy-page table {
      animation: af-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* =====================================================================
   HALAMAN KEBIJAKAN: kutipan (blockquote), peringatan (p.alert), chip (ul.chips)
   ===================================================================== */

/* Kartu kutipan: untuk contoh pernyataan yang bisa disalin penulis */
.pkp_structure_main .policy-page blockquote {
  position: relative;
  margin: 0 0 1.2rem;
  padding: 1.2rem 1.4rem 1.2rem 4.2rem;
  background: linear-gradient(135deg, #f7fbfd, #fff);
  border: 1px solid var(--af-line);
  border-left: 4px solid var(--af-gold);
  border-radius: 0 14px 14px 0;
  color: var(--af-ink);
  font-size: 1.02em;
  quotes: none;
}
.pkp_structure_main .policy-page blockquote::before {
  content: "\f10d";
  position: absolute;
  left: 1.1rem;
  top: 1.2rem;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: var(--af-gold);
  box-shadow: 0 0 0 5px #fff1cc;
  color: var(--af-primary-dark);
  font: normal normal normal 0.9rem/1 FontAwesome;
}
.pkp_structure_main .policy-page blockquote p { margin: 0; }

/* Kotak peringatan (amber): larangan atau hal yang tidak boleh dilakukan */
.pkp_structure_main .policy-page p.alert {
  margin: 0 0 1rem;
  padding: 1rem 1.3rem;
  background: #fffaf0;
  border: 1px solid #f3e2b5;
  border-left: 4px solid var(--af-gold-deep);
  border-radius: 0 12px 12px 0;
}

/* Chip: daftar singkat berupa label bulat (bukan panel baris) */
.pkp_structure_main .policy-page ul.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  overflow: visible;
  background: none;
  border: 0;
  border-radius: 0;
}
.pkp_structure_main .policy-page ul.chips > li,
.pkp_structure_main .policy-page ul.chips > li:last-child {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.3rem 0.95rem 0.3rem 0.8rem;
  background: var(--af-soft);
  border: 1px solid var(--af-soft-2);
  border-radius: 999px;
  color: var(--af-primary-dark);
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.5;
}
.pkp_structure_main .policy-page ul.chips > li::before {
  content: "\f00c";
  position: static;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: var(--af-primary);
  font: normal normal normal 0.75rem/1 FontAwesome;
}
.pkp_structure_main .policy-page ul.chips > li:hover {
  background: #fff;
  border-color: var(--af-gold);
}

/* Layar kecil */
@media (max-width: 600px) {
  .pkp_structure_main .policy-page blockquote { padding: 1rem 1rem 1rem 3.6rem; }
  .pkp_structure_main .policy-page blockquote::before { left: 0.7rem; top: 1rem; width: 2rem; height: 2rem; }
}

/* Muncul saat di-scroll (mati jika "reduce motion") */
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .pkp_structure_main .policy-page blockquote,
    .pkp_structure_main .policy-page p.alert {
      animation: af-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* =====================================================================
   HALAMAN TEMPLATE AND STATEMENT LETTER
   (dikenali lewat h1.page_title + isi #custom-5, jadi tidak
    memengaruhi halaman lain)
   ===================================================================== */

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

/* ---------- Judul halaman (garis emas di bawahnya) ---------- */
.pkp_structure_main .page:has(> .page_title):has(#custom-5) > .page_title {
  margin: 0 0 1.4rem;
  padding: 0 0 0.9rem;
  color: var(--af-primary-dark);
  font-size: 1.9rem;
  line-height: 1.25;
  text-align: left;
}

/* ---------- Sub-judul "Template Journal Afre" ---------- */
.pkp_structure_main #custom-5 > h3 {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 0 0 1rem;
  padding: 0.7rem 1.1rem;
  background: linear-gradient(90deg, var(--af-soft), transparent);
  border-left: 4px solid var(--af-primary);
  border-radius: 0 10px 10px 0;
  color: var(--af-primary-dark);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4;
}
.pkp_structure_main #custom-5 > h3::before {
  content: "\f15c";
  flex: none;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background: var(--af-primary);
  color: #fff;
  font: normal normal normal 0.95rem/1 FontAwesome;
}

/* Paragraf kosong (&nbsp;) disembunyikan */
.pkp_structure_main #custom-5 > p:nth-of-type(1) { display: none; }

/* ---------- Kalimat pengantar: kotak sorotan ---------- */
.pkp_structure_main #custom-5 > p:nth-of-type(2) {
  margin: 0 0 1.4rem;
  padding: 1rem 1.3rem !important;
  background: var(--af-soft);
  border-left: 4px solid var(--af-gold);
  border-radius: 0 12px 12px 0;
  color: var(--af-ink) !important;
  font-size: 1rem !important;
  text-align: left !important;
}

/* ---------- Tabel -> dua tombol besar ---------- */
.pkp_structure_main #custom-5 table {
  display: block;
  width: 100%;
  margin: 0 0 0.6rem;
  border: 0;
  border-spacing: 0;
}
.pkp_structure_main #custom-5 table tbody {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
}
.pkp_structure_main #custom-5 table tr { display: contents; }
.pkp_structure_main #custom-5 table td {
  flex: 1 1 250px;
  padding: 0;
  border: 0;
  background: none;
}

.pkp_structure_main #custom-5 table td a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 1.05rem 1.2rem;
  border-radius: 14px;
  background: linear-gradient(120deg, var(--af-primary), var(--af-primary-dark));
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 10px 20px -12px rgba(20, 64, 95, 0.8);
  transition: transform 0.4s var(--af-ease), box-shadow 0.4s var(--af-ease), filter 0.25s ease;
}
/* Warna steelblue dan ukuran 12px bawaan editor dinetralkan */
.pkp_structure_main #custom-5 table td a strong,
.pkp_structure_main #custom-5 table td a span {
  color: #fff !important;
  font-size: 15px !important;
}
.pkp_structure_main #custom-5 table td a::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 12px;
  background: var(--af-gold);
  color: var(--af-primary-dark);
  font: normal normal normal 1.15rem/1 FontAwesome;
  transition: transform 0.45s var(--af-ease);
}
.pkp_structure_main #custom-5 table td:nth-child(1) a::before { content: "\f1c2"; } /* file-word-o */
.pkp_structure_main #custom-5 table td:nth-child(2) a::before { content: "\f0f6"; } /* file-text-o */
.pkp_structure_main #custom-5 table td a::after {
  content: "\f08e"; /* external-link: tautan membuka Google Docs di tab baru */
  margin-left: auto;
  color: rgba(255, 255, 255, 0.7);
  font: normal normal normal 1.05rem/1 FontAwesome;
  transition: transform 0.4s var(--af-ease), color 0.25s ease;
}
.pkp_structure_main #custom-5 table td a:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 26px -12px rgba(20, 64, 95, 0.9);
  filter: brightness(1.08);
}
.pkp_structure_main #custom-5 table td a:hover::before { transform: rotate(-8deg); }
.pkp_structure_main #custom-5 table td a:hover::after {
  color: var(--af-gold);
  transform: translate(3px, -3px);
}

/* ---------- Catatan kecil di bawah tombol ---------- */
.pkp_structure_main #custom-5 > p:nth-of-type(3) {
  margin: 0.6rem 0 0;
  color: var(--af-muted);
  font-size: 12.5px;
  font-style: italic;
  text-align: center;
}

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .page:has(> .page_title):has(#custom-5) { padding: 1.4rem 1.1rem 1.2rem; }
  .pkp_structure_main .page:has(> .page_title):has(#custom-5) > .page_title { font-size: 1.5rem; }
  .pkp_structure_main #custom-5 table td { flex-basis: 100%; }
}

/* ---------- Animasi (mati jika "reduce motion") ---------- */
@media (prefers-reduced-motion: no-preference) {
  .pkp_structure_main .page:has(> .page_title):has(#custom-5) { animation: af-rise 0.9s var(--af-ease) both; }
  .pkp_structure_main .page:has(> .page_title):has(#custom-5)::before { animation: af-shimmer 9s linear infinite; }
  .pkp_structure_main .page:has(> .page_title):has(#custom-5) > .page_title::after { animation: af-grow 1s var(--af-ease) 0.35s both; }

  /* Dua tombol muncul bergantian */
  .pkp_structure_main #custom-5 table td:nth-child(1) a { animation: af-rise 0.8s var(--af-ease) 0.3s both; }
  .pkp_structure_main #custom-5 table td:nth-child(2) a { animation: af-rise 0.8s var(--af-ease) 0.45s both; }
}

/* =====================================================================
   FOOTER: cover | info jurnal + ISSN + lisensi CC
   (melengkapi bagian "13. Footer" yang sudah ada)
   ===================================================================== */

/* ---------- Latar: sorot cahaya halus + lingkaran dekoratif ---------- */
.pkp_structure_footer_wrapper {
  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(247, 188, 74, 0.16), transparent 70%),
    linear-gradient(135deg, var(--af-primary) 0%, var(--af-primary-dark) 100%);
}
.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;
}

/* ---------- Tata letak 2 kolom ---------- */
.pkp_footer_content {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 2.6rem;
  row-gap: 1.1rem;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto;
  padding: 2.6rem 1.5rem 2.2rem;
}

/* ---------- Cover ---------- */
.pkp_footer_content .ft-cover {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: center;
}
.pkp_footer_content .ft-cover img {
  display: block;
  width: auto;
  height: auto;
  max-width: 170px;
  max-height: 225px;
  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(--af-ease), box-shadow 0.6s var(--af-ease);
}
.pkp_footer_content .ft-cover img:hover {
  transform: translateY(-6px) rotate(-1.5deg);
  box-shadow: 0 28px 44px -16px rgba(0, 0, 0, 0.6), 0 0 0 4px rgba(247, 188, 74, 0.6);
}

/* ---------- Info jurnal ---------- */
.pkp_footer_content .ft-info { grid-column: 2; }

.pkp_footer_content .ft-title {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  padding-bottom: 4px;
  background: linear-gradient(var(--af-gold), var(--af-gold)) 0 100% / 0 2px no-repeat;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  transition: background-size 0.55s var(--af-ease), color 0.25s ease;
}
.pkp_footer_content .ft-title::before {
  content: "\f02d";
  flex: none;
  display: grid;
  place-items: center;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  color: var(--af-gold-soft);
  font: normal normal normal 1rem/1 FontAwesome;
}
.pkp_footer_content .ft-title:hover { background-size: 100% 2px; color: #fff; }

.pkp_footer_content .ft-pub {
  display: block;
  margin-top: 0.55rem;
  color: var(--af-soft);
  font-size: 0.95rem;
}

/* ---------- ISSN dan DOI: pil berlabel ---------- */
.pkp_footer_content .ft-ids {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 0.9rem;
}
.pkp_footer_content .ft-issn,
.pkp_footer_content .ft-doi {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 5px 16px 5px 6px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.4s var(--af-ease);
}
.pkp_footer_content .ft-issn::before,
.pkp_footer_content .ft-doi::before {
  padding: 3px 11px;
  border-radius: 999px;
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pkp_footer_content .ft-issn::before { background: var(--af-gold); color: var(--af-primary-dark); }
.pkp_footer_content .ft-doi::before  { background: rgba(255, 255, 255, 0.22); color: #fff; }
.pkp_footer_content .ft-print::before  { content: "Print ISSN"; }
.pkp_footer_content .ft-online::before { content: "Online ISSN"; }
.pkp_footer_content .ft-doi::before    { content: "DOI"; }

.pkp_footer_content .ft-issn:hover {
  background: #fff;
  color: var(--af-primary-dark);
  transform: translateY(-3px);
}

/* ---------- Lisensi ---------- */
.pkp_footer_content .ft-license {
  grid-column: 2;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--af-soft);
  font-size: 13.5px;
  line-height: 1.8;
}
.pkp_footer_content .ft-license > a:not(.ft-cc) {
  font-weight: 600;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.55);
  transition: color 0.25s ease, border-color 0.25s ease;
}
.pkp_footer_content .ft-license > a:not(.ft-cc):hover {
  color: var(--af-gold-soft);
  border-bottom-color: var(--af-gold-soft);
}

/* Ikon CC bawaannya gelap, jadi diberi pil putih */
.pkp_footer_content .ft-cc {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 0.4rem;
  padding: 5px 12px;
  vertical-align: middle;
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.55);
  transition: transform 0.4s var(--af-ease), box-shadow 0.4s var(--af-ease);
}
.pkp_footer_content .ft-cc img {
  display: block;
  width: auto;
  height: 22px !important;
  margin: 0;
}
.pkp_footer_content .ft-cc:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 26px -12px rgba(0, 0, 0, 0.6);
}

/* ---------- HP / layar kecil: tumpuk di tengah ---------- */
@media (max-width: 767px) {
  .pkp_footer_content {
    grid-template-columns: 1fr;
    padding: 2rem 1.1rem 1.8rem;
    text-align: center;
  }
  .pkp_footer_content .ft-cover { grid-row: auto; justify-self: center; }
  .pkp_footer_content .ft-cover img { max-width: 130px; max-height: 175px; }
  .pkp_footer_content .ft-info,
  .pkp_footer_content .ft-license { grid-column: 1; }
  .pkp_footer_content .ft-title { font-size: 1.2rem; justify-content: center; }
  .pkp_footer_content .ft-ids { justify-content: center; }
}

/* ---------- Animasi (mati jika pengunjung memilih "reduce motion") ---------- */
@media (prefers-reduced-motion: no-preference) {
  /* Cover melayang sangat pelan */
  .pkp_footer_content .ft-cover img { animation: af-float 5s ease-in-out infinite alternate; }
  .pkp_footer_content .ft-cover img:hover { animation-play-state: paused; }

  /* Tiap blok muncul halus saat footer masuk layar (Chrome, Edge, Safari 26+) */
  @supports (animation-timeline: view()) {
    .pkp_footer_content .ft-info,
    .pkp_footer_content .ft-license {
      animation: af-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 60%;
    }
  }
}

/* =========================================================
   Blok Google Scholar Citation (#customblock-google-scholar-citation)
   Tempel di paling bawah styleSheet.css
   ========================================================= */
#customblock-google-scholar-citation .content {
  padding: 14px 14px 12px;
}

#customblock-google-scholar-citation .citation-box {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

/* Satu baris: tahun | bar | jumlah sitasi */
#customblock-google-scholar-citation .cr {
  display: grid;
  grid-template-columns: 38px 1fr 34px;
  align-items: center;
  gap: 10px;
}

#customblock-google-scholar-citation .cy {
  font-size: 12px;
  font-weight: 600;
  color: var(--af-muted);
  font-variant-numeric: tabular-nums;
}

#customblock-google-scholar-citation .cn {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--af-primary-dark);
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* ---------- Meter -> bar kustom ---------- */
#customblock-google-scholar-citation meter {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 10px;
  border: 0;
  border-radius: 999px;
  background: var(--af-soft);
  box-shadow: inset 0 0 0 1px var(--af-line);
  overflow: hidden;
}

/* Chrome / Edge / Safari */
#customblock-google-scholar-citation meter::-webkit-meter-bar {
  height: 10px;
  border: 0;
  border-radius: 999px;
  background: var(--af-soft);
}
#customblock-google-scholar-citation meter::-webkit-meter-optimum-value,
#customblock-google-scholar-citation meter::-webkit-meter-suboptimum-value,
#customblock-google-scholar-citation meter::-webkit-meter-even-less-good-value {
  border-radius: 999px;
  background: linear-gradient(90deg, var(--af-primary-light), var(--af-primary));
  transition: width 0.6s var(--af-ease);
}

/* Firefox */
#customblock-google-scholar-citation meter::-moz-meter-bar {
  border-radius: 999px;
  background: linear-gradient(90deg, var(--af-primary-light), var(--af-primary));
}

/* Hover baris: bar jadi emas, angka menebal */
#customblock-google-scholar-citation .cr:hover meter::-webkit-meter-optimum-value {
  background: linear-gradient(90deg, var(--af-gold), var(--af-gold-deep));
}
#customblock-google-scholar-citation .cr:hover meter::-moz-meter-bar {
  background: linear-gradient(90deg, var(--af-gold), var(--af-gold-deep));
}
#customblock-google-scholar-citation .cr:hover .cn {
  color: var(--af-gold-deep);
}

/* Tahun terbaru (baris terakhir) diberi aksen emas */
#customblock-google-scholar-citation .cr:last-of-type .cy {
  color: var(--af-gold-deep);
}
#customblock-google-scholar-citation .cr:last-of-type meter::-webkit-meter-optimum-value {
  background: linear-gradient(90deg, var(--af-gold-soft), var(--af-gold));
}
#customblock-google-scholar-citation .cr:last-of-type meter::-moz-meter-bar {
  background: linear-gradient(90deg, var(--af-gold-soft), var(--af-gold));
}

/* ---------- Footer: sumber + tombol ---------- */
#customblock-google-scholar-citation .citation-by {
  margin: 8px 0 0;
  padding-top: 8px;
  border-top: 1px dashed var(--af-line);
  font-size: 11px;
  color: var(--af-muted);
  text-align: right;
}

#customblock-google-scholar-citation .citation-box > p:last-child {
  margin: 2px 0 0;
}

#customblock-google-scholar-citation .citation-link {
  display: block;
  padding: 8px 12px;
  border-radius: 8px;
  background: linear-gradient(100deg, var(--af-primary), var(--af-primary-dark));
  border-bottom: 2px solid var(--af-gold);
  color: #fff !important;
  font-size: 12.5px;
  font-weight: 600;
  text-align: center;
  text-decoration: none !important;
  transition: transform 0.35s var(--af-ease), box-shadow 0.35s var(--af-ease);
}
#customblock-google-scholar-citation .citation-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 16px -8px rgba(20, 64, 95, 0.55);
}
#customblock-google-scholar-citation .citation-link::after {
  content: " \2197"; /* panah ↗ */
}

/* ---------- Animasi: bar "terisi" berurutan (mati jika reduce motion) ---------- */
@keyframes af-cite-grow {
  from { clip-path: inset(0 100% 0 0 round 999px); }
  to   { clip-path: inset(0 0 0 0 round 999px); }
}
@media (prefers-reduced-motion: no-preference) {
  #customblock-google-scholar-citation .cr meter {
    animation: af-cite-grow 0.9s var(--af-ease) both;
  }
  #customblock-google-scholar-citation .cr:nth-of-type(1) meter { animation-delay: 0.10s; }
  #customblock-google-scholar-citation .cr:nth-of-type(2) meter { animation-delay: 0.18s; }
  #customblock-google-scholar-citation .cr:nth-of-type(3) meter { animation-delay: 0.26s; }
  #customblock-google-scholar-citation .cr:nth-of-type(4) meter { animation-delay: 0.34s; }
  #customblock-google-scholar-citation .cr:nth-of-type(5) meter { animation-delay: 0.42s; }
  #customblock-google-scholar-citation .cr:nth-of-type(6) meter { animation-delay: 0.50s; }
  #customblock-google-scholar-citation .cr:nth-of-type(7) meter { animation-delay: 0.58s; }
  #customblock-google-scholar-citation .cr:nth-of-type(8) meter { animation-delay: 0.66s; }
}