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

body {
    height: 100%;
}

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

/* Fix konten halaman About agar tidak mendorong sidebar */
.pkp_page_about .pkp_structure_main,
.pkp_page_editorialPolicies .pkp_structure_main {
    max-width: 100%;
    overflow-x: hidden;
}

.pkp_page_about img {
    max-width: 100%;
    height: auto;
}

.pkp_navigation_user li{
    text-align: left;
    color: #ffffff;
}

.pkp_navigation_user > li:last-child > a {
    display: inline-block;
    margin-right: 2rem;
}

/* Teks Login & nama user di navbar */
.pkp_navigation_user li a,
.pkp_navigation_user li span,
.pkp_navigation_user .profile a {
    color: #ffffff !important;
}

/* Dropdown menu setelah login */
.pkp_navigation_user .dropdown-menu,
.pkp_navigation_user ul ul {
    background-color: #4884B4 !important;
}

.pkp_navigation_user .dropdown-menu a,
.pkp_navigation_user ul ul a {
    color: #ffffff !important;
}

.pkp_navigation_user .dropdown-menu a:hover,
.pkp_navigation_user ul ul a:hover {
    background-color: #3a6d9a !important;
    color: #DEA307 !important;
}

.hover {
    width: 100%;
    border-collapse: collapse;
}

.hover th {
    height: 0px;
    color: #0F61B7;
}

.hover td {
    padding-top: 0px;
    vertical-align: middle;
    text-align: center;
}

.hover td a {
    width: 100%;
    display: block;
}

.hover tr {
    background: #ECF3FF;
    color: #ffffff;
}

.hover tr:hover {
    background-color:#C0D8F0;
}

.hover tr a {
    color: #000000;
    padding-left: 1em;
}

.hover a:hover {
    color: #000000;
}

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

.obj_article_summary > .title a {
  text-decoration: none;
}
a {
  color: #4884B4;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.obj_article_summary {
    background-color: #ffffff;
    border-radius: 12px;
    border-left: 4px solid transparent;
    padding-left: 1.25em;
    padding-right: 1.25em;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 1rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    transition: all 0.25s ease;
}

.obj_article_summary:hover {
    background-color: #f7fbff;
    border: none;
    border-left: 4px solid #4884B4;
    padding-left: 1.25em;
    padding-right: 1.25em;
    padding-top: 1em;
    padding-bottom: 1em;
    box-shadow: 0 8px 24px rgba(72, 132, 180, 0.18);
    transform: translateY(-3px);
}

/* Rapikan elemen di dalam card artikel */
.obj_article_summary .title a {
    font-weight: 600;
    color: #2e6da4;
    font-size: 15.5px;
    line-height: 1.5;
}

.obj_article_summary:hover .title a {
    color: #4884B4;
}

.obj_article_summary .meta {
    margin-top: 0.4rem;
    font-size: 13px;
    color: #666;
}

.obj_article_summary .meta .authors {
    font-style: italic;
}

.obj_article_summary .galleys_links {
    margin-top: 0.5rem;
}

.obj_article_summary .obj_galley_link.pdf {
    display: inline-block;
    width: auto;
    background-color: #4884B4;
    color: #ffffff;
    padding: 3px 14px;
    border-radius: 6px;
    font-size: 12.5px;
    font-weight: 600;
    transition: background-color 0.2s ease;
}

.obj_article_summary .obj_galley_link.pdf:hover {
    background-color: #3a6d9a;
}

.pkp_brand_footer {
    display: none;
}

.pkp_footer_content {
    color: #ffffff;
}

.pkp_footer_content a {
    text-decoration: none;
    color: #ffffff;
}

.pkp_footer_content a:hover {
    text-decoration: none;
    color: #DDEFF5;
}

.value {
    text-align: justify;
}

.page_title {
    text-align: justify;
    padding-left: 0em;
    padding-right: 0em;
    padding-top: 0em;
    padding-bottom: 0em;
}

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

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


html{
    background: none;
}

.pkp_navigation_primary_row{
    width: auto;
    height: auto;
    padding-left: 1em;
    padding-right: 1em;
    border-bottom: 0.3em solid #DEA307;
    background-color: #4884B4;
    text-decoration: none;
    color:#ffffff;
}

/* ===== Navbar Primary Menu ===== */
.pkp_navigation_primary > li > a {
    border-radius: 8px;
    padding: 0.5rem 0.9rem;
    transition: all 0.25s ease;
    display: inline-block;
}

.pkp_navigation_primary > li > a:hover {
    background-color: rgba(255, 255, 255, 0.18);
    color: #ffffff;
}

/* Dropdown About */
.pkp_navigation_primary > li.has_submenu > a,
.pkp_navigation_primary > li:has(ul li) > a {
    border: 1.5px solid rgba(255,255,255,0.5);
    border-radius: 20px;
    padding: 0.4rem 1rem;
}

.pkp_navigation_primary > li.has_submenu > a:hover,
.pkp_navigation_primary > li:has(ul li) > a:hover {
    background-color: rgba(255,255,255,0.15);
    border-color: #ffffff;
}

.pkp_navigation_primary ul li a {
    transition: all 0.2s ease;
}

.pkp_navigation_primary ul li a:hover {
    background-color: #ECF3FF;
    color: #4884B4;
    padding-left: 1.3rem;
}

/* Tombol Search */
.pkp_navigation_search_wrapper .pkp_search {
    border: 1.5px solid rgba(255,255,255,0.5);
    border-radius: 20px;
    padding: 0.4rem 1rem;
    transition: all 0.25s ease;
    color: #ffffff;
}

.pkp_navigation_search_wrapper .pkp_search:hover {
    background-color: #ffffff;
    color: #4884B4;
    border-color: #ffffff;
}

.homepage_about {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    padding: 1.25rem !important;
    font-size: 14px;
    color: #444444;
    line-height: 1.8;
    margin-bottom: 2em;
    transition: box-shadow 0.3s ease;
    border: 1px solid #e0e0e0;
}

.homepage_about:hover {
    box-shadow: 0 6px 20px rgba(72, 132, 180, 0.15);
}

/* Tabel info (Journal Title, Initials, dll) */
.homepage_about table:first-of-type {
    border-radius: 12px;
    overflow: hidden;
    border-collapse: separate !important;
    border-spacing: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    margin-bottom: 12px;
}

.homepage_about table:first-of-type tr:first-child td:first-child {
    border-radius: 10px 0 0 0;
}

.homepage_about table:first-of-type tr:first-child td:last-child {
    border-radius: 0 10px 0 0;
}

.homepage_about table:first-of-type tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}

.homepage_about table:first-of-type tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
}

/* Badge table - tabel kedua */
.homepage_about table:nth-of-type(2) {
    border: none !important;
    border-radius: 8px;
    background: #f7fbff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    margin-top: 0;
    margin-bottom: 12px;
    outline: none !important;
}

/* Journal Summary - tabel ketiga */
.homepage_about table:last-of-type {
    background: #f0f7ff;
    border-left: 4px solid #4884b4 !important;
    border-radius: 0 12px 12px 0;
    box-shadow: 0 4px 12px rgba(72, 132, 180, 0.08);
    margin-top: 0;
    border: none;
}

.homepage_about table:last-of-type td {
    padding: 0.75rem 1rem;
}

.homepage_about table:last-of-type p {
    margin: 0;
    font-size: 13.5px;
    color: #444;
    line-height: 1.8;
    text-align: justify;
}

.pkp_page_index .current_issue .read_more {
  color: #4884B4;
}

.obj_announcement_summary .read_more {
    color: #4884B4;
}
.pkp_structure_footer_wrapper{
    border: none;
}

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

ul.sidemenu{
    margin-top: 0px;
    padding-left: 0px !important;
}

ul.sidemenu.full{
    margin: 0px 0px 0 0px;
}

ul.sidemenu li:before{
    display: none;
}

/* ul.sidemenu li:first-child a{
    border-top:1px solid #404750;       
} */

ul.sidemenu li a {
    display: block;
    padding: 0.6rem 0.85rem;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    font-family: 'Lato', Helvetica, sans-serif;
    text-decoration: none;
    color:#4884B4;
    font-size: 1em;
}

ul.sidemenu li {
    margin-bottom: 6px;
}

ul.sidemenu li:last-child {
    margin-bottom: 0;
}

ul.sidemenu li a:hover {
    background-color: #ECF3FF;
    color: #4884B4;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(72, 132, 180, 0.18);
    transform: translateY(-1px);
}

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

.block li:before {
    display: none;
}

.block li {
    padding: 0rem 0;
}

.block_make_submission a, .obj_galley_link {
  display: inline-block;
  background-color: #fff;
  color: #4884B4;
  width: 100%;
  text-align: center;
  padding-left: 15px;
  text-decoration: initial;
}

.profile {
  background-color: #4884B4 !important;
  border: none !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 12px rgba(72, 132, 180, 0.4) !important;
  color: #ffffff !important;
  transition: box-shadow 0.3s ease !important;
}

.profile:hover {
  background-color: #3a6d9a !important;
  box-shadow: 0 6px 18px rgba(72, 132, 180, 0.6) !important;
  color: #ffffff !important;
}

.button {
  border: none;
  border-radius:8px;
  background-color: #ffffff;
  color: white;
  padding: 10px 62px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

/* Tombol Register - lebih terlihat */
.button1 {
  background-color: #4884B4;
  border: none;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(72, 132, 180, 0.4);
  color: #ffffff;
  transition: box-shadow 0.3s ease;
}

.button1:hover {
  background-color: #3a6d9a;
  box-shadow: 0 6px 18px rgba(72, 132, 180, 0.6);
  color: #ffffff;
}

#leftSidebar div.block span.blockTitle, #rightSidebar div.block span.blockTitle {   
    padding: 0;
    border-bottom: 0px solid ;
    background: #fff;
    color: #ecf3ff;
    text-transform: none !important;
    font-size: 1em;
}

.pkp_structure_sidebar:before {
    border-left: 1px solid #ddd;
}

.pkp_block {
    font-size: 14px;
    line-height: 20px;
    border-radius: 12px !important;
    background: white !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.10) !important;
    border: none !important;
    padding: 1px !important;
    margin: 0px 0px 15px !important;
    }

.pkp_block .title {
    width: 100%;
    background-color: #4884B4;
    height: 35px;
    font-size: 14px;
    color: #fff;
    padding-top: 6px;
    margin-bottom: 0px;
    border-bottom: 3px solid #4884B4;
    text-align: left;
    padding-left: 10px;
    display: block;
    border-radius: 10px 10px 0 0;
}

.pkp_block .content {
    background-color: #f7f7f7;
    padding: 10px;
    margin: 0px;
    display: block;
    border-radius: 0 0 12px 12px;
}

.pkp_block .content ul li {
    padding: 0;
    background-color: transparent;
}

.pkp_block li {
    position: relative;
    display: block;
}

.pkp_block ul>li a {
    color: #4884b4;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #e8f0f8;
    display: flex;
    align-items: center;
    font-size: 13.5px;
    transition: background 0.2s ease, color 0.2s ease;
}

.pkp_block ul>li a:hover {
    text-decoration: none;
    color: #2e6da4;
    padding-left: 1.1rem;
}

/* Hover lebih halus untuk Author Information sidebar */
#customblock-side-navigation ul.sidemenu li a {
    transition: all 0.25s ease;
    border-left: 3px solid transparent;
}

#customblock-side-navigation ul.sidemenu li a:hover {
    background-color: #e6f1ff;
    color: #2e6da4;
    border-left: 3px solid #4884b4;
    padding-left: 1.3rem;
    transform: translateX(2px);
}

#customblock-side-navigation ul.sidemenu li a em {
    transition: transform 0.25s ease;
}

#customblock-side-navigation ul.sidemenu li a:hover em {
    transform: scale(1.15);
}

/* Hover lebih halus untuk Information sidebar */
.block_information ul li a {
    transition: all 0.25s ease;
    border-left: 3px solid transparent;
    display: block;
    padding: 0.5rem 0.75rem;
}

.block_information ul li a:hover {
    background-color: #e6f1ff;
    color: #2e6da4;
    border-left: 3px solid #4884b4;
    padding-left: 1.3rem;
    transform: translateX(2px);
    text-decoration: none;
}

/* Hover lebih halus untuk Recent Issue sidebar */
#customblock-recent-issue ul.sidemenu li a {
    transition: all 0.25s ease;
    border-left: 3px solid transparent;
}

#customblock-recent-issue ul.sidemenu li a:hover {
    background-color: #e6f1ff;
    color: #2e6da4;
    border-left: 3px solid #4884b4;
    padding-left: 1.3rem;
    transform: translateX(2px);
}

.pkp_block ul>li:last-child a {
    border-bottom: none;
}

.pkp_block ul>li a:hover {
    text-decoration: none;
    background-color: #ECF3FF;
}
.editorial-list{
    position: relative; 
}
.editorial-list li{
    margin-bottom: 1.125rem;
}
.editorial-list .img-profile{
    position: absolute;
    width: 95px;
    height: 105px;
    border: 1px solid #ddd;
    padding: .5rem;
}
.editorial-list .img-profile .imgthumb{ 
    width: 80px;
    height: 90px;
    overflow: hidden;
    margin: 0 auto; 
    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: .5rem;
}   
.team-aff ul li{
    margin-bottom: 0;
}
.team-aff ul li .tm_label{
    display: inline-block;
    width: 80px;
}
 
.team-aff ul li .ico-label{
    width: 18px;
    height: 18px;
    margin-right: .5rem;
}

.journal-wrap { font-family: 'Lato', Helvetica, sans-serif; padding: 0; }

.info-card {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  overflow: hidden;
  margin-bottom: 1rem;
}

.info-row {
  display: grid;
  grid-template-columns: 200px 1fr;
  border-bottom: 1px solid #f0f0f0;
}

.info-row:last-child { border-bottom: none; }

.info-label {
  background: #4884b4;
  color: #ffffff;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

.info-value {
  padding: 10px 14px;
  font-size: 13px;
  color: #333333;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  background: #ffffff;
}

.info-row:nth-child(even) .info-value {
  background: #f7fbff;
}

.info-value a { color: #4884b4; text-decoration: none; }
.info-value a:hover { text-decoration: underline; }

.badge-row {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}

.badge-item { display: flex; align-items: center; justify-content: center; }
.badge-item img { max-height: 48px; max-width: 120px; object-fit: contain; }

.summary-card {
  background: #f0f7ff;
  border-radius: 12px;
  border-left: 4px solid #4884b4;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
  padding: 1rem 1.25rem;
  font-size: 13px;
  color: #444444;
  line-height: 1.7;
  text-align: justify;
}

.summary-card strong { color: #333333; }


/* ===== About the Journal Page ===== */
.about-wrap { padding: 0; }

.about-wrap .info-card {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    margin-bottom: 1.25rem;
    box-shadow: 0 2px 10px rgba(72,132,180,0.08);
}

.about-wrap .info-row {
    display: grid;
    grid-template-columns: 130px 1fr;
    border-bottom: 1px solid #f0f0f0;
}

.about-wrap .info-row:last-child { border-bottom: none; }

.about-wrap .info-label {
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #2e6da4;
    background: #E6F1FB;
}

.about-wrap .info-value {
    padding: 10px 14px;
    font-size: 13px;
    color: #333;
}

.about-wrap .info-value a {
    color: #4884b4;
    text-decoration: none;
}

.about-wrap .info-value a:hover {
    text-decoration: underline;
}

.about-wrap .section-card {
    background: #f7fbff;
    border-left: 4px solid #4884b4;
    border-radius: 0 12px 12px 0;
    padding: 1rem 1.25rem;
    margin-bottom: 1.25rem;
}

.about-wrap .section-card h3 {
    margin: 0 0 0.5rem;
    color: #2e6da4;
}

.about-wrap .section-card p {
    margin: 0 0 0.5rem;
    font-size: 13.5px;
    line-height: 1.8;
    color: #444;
    text-align: justify;
}

.about-wrap .section-card p:last-child {
    margin-bottom: 0;
}

.about-wrap .scope-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 8px;
}

.about-wrap .scope-item {
    background: #E6F1FB;
    color: #2e6da4;
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 6px;
}

.about-wrap .accred-img {
    width: 100%;
    max-width: 320px;
    border-radius: 8px;
    display: block;
    margin: 0 auto 0.75rem;
    border: 1px solid #e0e0e0;
}

.about-wrap .badge-row {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 1rem;
    background: #f7fbff;
    border-radius: 12px;
    padding: 1rem 1.5rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e0e0e0;
}

.about-wrap .badge-row img {
    max-height: 36px;
    max-width: 120px;
    object-fit: contain;
}

.about-wrap .grid-2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
}

.about-wrap .grid-card {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    padding: 1rem 1.25rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

.about-wrap .grid-card h3 {
    margin: 0 0 0.6rem;
    color: #2e6da4;
}

.about-wrap .grid-card ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.about-wrap .grid-card li {
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 0.5rem;
}

.about-wrap .grid-card li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.about-wrap .grid-card li a {
    color: #4884b4;
    text-decoration: none;
    font-size: 13.5px;
    display: flex;
    align-items: center;
    transition: color 0.2s ease;
}

.about-wrap .grid-card li a:hover {
    color: #2e6da4;
    text-decoration: none;
}

/* ===== Editorial Team Page ===== */
.team-wrap { padding: 0; }

.team-group {
    margin-bottom: 1.5rem;
}

.team-group h3 {
    margin: 0 0 0.75rem;
    color: #2e6da4;
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
}

.team-grid .member-card {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    padding: 0.9rem 1rem;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.team-grid .member-card:hover {
    box-shadow: 0 6px 18px rgba(72, 132, 180, 0.18);
    transform: translateY(-2px);
}

.team-grid .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #E6F1FB;
    color: #2e6da4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    flex-shrink: 0;
}

.team-grid .member-info p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.6;
}

.team-grid .member-info .name {
    font-weight: 600;
    color: #333;
}

.team-grid .member-info .affil {
    color: #777;
    font-size: 12.5px;
}

/* ===== Download Template Block ===== */
.download-template-block {
    padding: 0.75rem 0.5rem;
    text-align: center;
}

.download-template-block .dl-icon {
    font-size: 32px;
    color: #4884b4;
    margin-bottom: 0.6rem;
}

.download-template-block .dl-button {
    display: block;
    background-color: #4884b4;
    color: #ffffff;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 0.6rem;
    transition: background-color 0.2s ease;
}

.download-template-block .dl-button:hover {
    background-color: #3a6d9a;
    color: #ffffff;
    text-decoration: none;
}

.download-template-block .dl-button.outline {
    background-color: #ffffff;
    color: #4884b4;
    border: 1.5px solid #4884b4;
    margin-bottom: 0;
}

.download-template-block .dl-button.outline:hover {
    background-color: #ECF3FF;
    color: #4884b4;
}

/* ===== Member Of Block ===== */
.member-of-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 6px 0;
}

.member-of-block a {
    display: block;
    width: 100%;
    text-align: center;
}

.member-of-block img {
    max-width: 100%;
    height: auto;
    max-height: 70px;
    object-fit: contain;
}

/* ===== Block Journal Citation Reports ===== */
.citation-box {
    padding: 4px 2px 2px;
}

.citation-box .citation-total {
    text-align: center;
    background: #ffffff;
    border: 1px solid #dce8f3;
    border-radius: 10px;
    padding: 10px 8px;
    margin-bottom: 14px;
    box-shadow: 0 2px 8px rgba(72, 132, 180, 0.10);
}

.citation-box .citation-total strong {
    display: block;
    font-size: 28px;
    line-height: 1.2;
    color: #2e6da4;
}

.citation-box .citation-total span {
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #888;
}

.citation-box .cr {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 6px 0;
    padding: 2px 4px;
    border-radius: 6px;
    font-size: 13px;
    transition: background 0.2s ease;
}

.citation-box .cr:hover {
    background: #e6f1ff;
}

.citation-box .cy {
    width: 36px;
    color: #666;
}

.citation-box .cn {
    width: 34px;
    text-align: right;
    font-weight: 700;
    color: #2e6da4;
}

.citation-box meter {
    flex: 1;
    min-width: 0;
    height: 14px;
    border: none;
    border-radius: 7px;
    background: #e3edf7;
    -webkit-appearance: none;
    appearance: none;
}

.citation-box meter::-webkit-meter-bar {
    height: 14px;
    border: none;
    border-radius: 7px;
    background: #e3edf7;
}

.citation-box meter::-webkit-meter-optimum-value {
    border-radius: 7px;
    background: linear-gradient(90deg, #6fa3cf, #4884B4);
}

.citation-box meter::-webkit-meter-suboptimum-value,
.citation-box meter::-webkit-meter-even-less-good-value {
    border-radius: 7px;
    background: linear-gradient(90deg, #6fa3cf, #4884B4);
}

.citation-box meter::-moz-meter-bar {
    border-radius: 7px;
    background: linear-gradient(90deg, #6fa3cf, #4884B4);
}

/* Tahun puncak berwarna emas */
.citation-box .cr.top .cn {
    color: #b98400;
}

.citation-box .cr.top meter::-webkit-meter-optimum-value {
    background: linear-gradient(90deg, #f2c44d, #DEA307);
}

.citation-box .cr.top meter::-moz-meter-bar {
    background: linear-gradient(90deg, #f2c44d, #DEA307);
}

.citation-box .citation-by {
    margin: 14px 0 4px;
    text-align: center;
    font-size: 12.5px;
    color: #777;
}

.citation-box .citation-link {
    display: block;
    text-align: center;
    border-bottom: none;
    font-size: 14.5px;
    font-weight: 600;
    color: #4884B4;
}

.citation-box .citation-link:hover {
    color: #2e6da4;
    background: transparent;
    padding-left: 0;
}

/* ===== Block ISSN Number ===== */
.issn-box {
    padding: 4px 2px 2px;
}

.issn-box .issn-card {
    display: block;
    margin: 0 0 10px;
    padding: 10px 14px;
    text-align: left;
    background: #ffffff;
    border: 1px solid #dce8f3;
    border-left: 5px solid #4884B4;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(72, 132, 180, 0.10);
    text-decoration: none;
    transition: all 0.25s ease;
}

.issn-box .issn-card:last-child {
    margin-bottom: 0;
}

.issn-box .issn-card.online {
    border-left-color: #DEA307;
}

.issn-box .issn-card:hover {
    background: #f7fbff;
    box-shadow: 0 6px 16px rgba(72, 132, 180, 0.20);
    transform: translateY(-2px);
    padding-left: 14px;
    text-decoration: none;
}

.issn-box .issn-label {
    display: block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #888;
}

.issn-box .issn-number {
    display: block;
    margin-top: 2px;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.3;
    color: #2e6da4;
}

.issn-box .issn-card.online:hover .issn-number {
    color: #b98400;
}

/* ===== Block Visitor Statistics ===== */
.visitor-box {
    padding: 4px 2px 2px;
}

.visitor-box .visitor-card {
    background: #ffffff;
    border: 1px solid #dce8f3;
    border-radius: 12px;
    padding: 14px 12px;
    margin-bottom: 12px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(72, 132, 180, 0.10);
    transition: box-shadow 0.25s ease;
}

.visitor-box .visitor-card:last-child {
    margin-bottom: 0;
}

.visitor-box .visitor-card:hover {
    box-shadow: 0 6px 16px rgba(72, 132, 180, 0.20);
}

.visitor-box .vs-logo {
    display: block;
    max-width: 150px;
    height: auto;
    margin: 0 auto 12px;
}

.visitor-box .vs-counter {
    display: block;
    margin: 0 auto 14px;
    border-radius: 4px;
}

.visitor-box .vs-btn {
    display: inline-block;
    padding: 7px 18px;
    border-radius: 20px;
    background: #4884B4;
    color: #ffffff;
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 3px 8px rgba(72, 132, 180, 0.35);
    transition: all 0.25s ease;
}

.visitor-box .vs-btn:hover {
    background: #3a6d9a;
    color: #DEA307;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(72, 132, 180, 0.45);
}

.visitor-box .vs-flags {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 8px;
}

.visitor-box .vs-since {
    display: block;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px dashed #dce8f3;
    font-size: 11.5px;
    color: #777;
}

/* ===== Lencana Scopus pada kartu anggota ===== */
.team-grid .member-info {
    min-width: 0;
}

.team-grid .member-info .scopus {
    display: inline-block;
    margin-top: 8px;
    padding: 2px 11px;
    border-radius: 20px;
    background: #E6F1FB;
    color: #2e6da4;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.team-grid .member-info .scopus:hover {
    background: #4884B4;
    color: #ffffff;
    text-decoration: none;
}

/* ===== Halaman Contact ===== */

/* Judul halaman */
.page_contact h1 {
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 14px;
    color: #2e6da4;
}

.page_contact h1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 4px;
    border-radius: 2px;
    background: #DEA307;
}

/* Kartu alamat */
.page_contact .address {
    position: relative;
    margin: 0 0 1.75rem;
    padding: 18px 20px 18px 72px;
    background: #ffffff;
    border: 1px solid #dce8f3;
    border-left: 5px solid #4884B4;
    border-radius: 0 12px 12px 0;
    box-shadow: 0 2px 10px rgba(72, 132, 180, 0.10);
    font-size: 14px;
    line-height: 1.7;
    color: #444;
}

.page_contact .address::before {
    content: "\f041";
    position: absolute;
    left: 20px;
    top: 18px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #4884B4;
    color: #ffffff;
    font: normal normal normal 17px/38px FontAwesome;
    text-align: center;
}

.page_contact .address p {
    margin: 0 0 4px;
}

.page_contact .address p:last-child {
    margin-bottom: 0;
}

.page_contact .address strong {
    color: #2e6da4;
    font-size: 15.5px;
}

/* Dua kartu kontak berdampingan */
.page_contact .contact_section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.25rem;
}

/* Pseudo-element clearfix bawaan tema akan jadi item grid, jadi dimatikan */
.page_contact .contact_section::before,
.page_contact .contact_section::after {
    display: none;
}

.page_contact .contact,
.page_contact .contact.primary,
.page_contact .contact.support {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 0 18px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.page_contact .contact:hover {
    box-shadow: 0 6px 18px rgba(72, 132, 180, 0.18);
    transform: translateY(-2px);
}

.page_contact .contact > div {
    margin: 0 20px;
}

.page_contact .contact .name {
    font-size: 16.5px;
    font-weight: 700;
    line-height: 1.4;
    color: #2e6da4;
}

.page_contact .contact .affiliation {
    margin-top: 2px;
    font-size: 13px;
    line-height: 1.5;
    color: #777;
}

/* Baris telepon & email */
.page_contact .contact .phone,
.page_contact .contact .email {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 20px 0;
    padding: 8px 12px;
    background: #f7fbff;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
}

.page_contact .contact .phone::before,
.page_contact .contact .email::before {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #E6F1FB;
    color: #2e6da4;
    font: normal normal normal 14px/30px FontAwesome;
    text-align: center;
}

.page_contact .contact .phone::before { content: "\f095"; }
.page_contact .contact .email::before { content: "\f0e0"; }

/* Label "Phone" disembunyikan secara visual (ikon sudah menjelaskan), tetap terbaca screen reader */
.page_contact .contact .phone .label {
    position: absolute !important;
    left: -2000px;
    clip: rect(1px, 1px, 1px, 1px);
}

.page_contact .contact .phone .value {
    font-weight: 600;
    letter-spacing: 0.3px;
}

.page_contact .contact .email a {
    color: #4884B4;
    font-weight: 600;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.page_contact .contact .email a:hover {
    color: #2e6da4;
    text-decoration: underline;
}

/* ===== Perbaikan halaman Contact ===== */

/* Kartu alamat membentang selebar grid, Principal & Support berdampingan di bawahnya */
.page_contact .contact_section .address {
    grid-column: 1 / -1;
    margin: 0;
}

/* Judul kartu (di template ini berupa h3) */
.page_contact .contact > h2,
.page_contact .contact > h3 {
    margin: 0 0 16px;
    padding: 11px 20px;
    background: #4884B4;
    border-bottom: 3px solid #DEA307;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.4;
}

/* ===== Halaman Submissions ===== */

/* Judul halaman */
.page_submissions h1 {
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 14px;
    color: #2e6da4;
}

.page_submissions h1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 4px;
    border-radius: 2px;
    background: #DEA307;
}

/* Kotak ajakan (Make a new submission / view pending) */
.page_submissions .cmp_notification {
    margin: 0 0 1.5rem;
    padding: 18px 20px;
    background: #f0f7ff;
    border: 1px solid #dce8f3;
    border-left: 5px solid #DEA307;
    border-radius: 0 12px 12px 0;
    font-size: 14px;
    text-align: center;
    color: #555;
}

.page_submissions .cmp_notification a {
    display: inline-block;
    margin: 4px 6px;
    padding: 7px 20px;
    border-radius: 20px;
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}

.page_submissions .cmp_notification a:first-of-type {
    background: #4884B4;
    color: #ffffff;
    box-shadow: 0 3px 8px rgba(72, 132, 180, 0.35);
}

.page_submissions .cmp_notification a:first-of-type:hover {
    background: #3a6d9a;
    color: #DEA307;
    transform: translateY(-2px);
}

.page_submissions .cmp_notification a:last-of-type {
    background: #ffffff;
    color: #4884B4;
    border: 1.5px solid #4884B4;
}

.page_submissions .cmp_notification a:last-of-type:hover {
    background: #ECF3FF;
    color: #2e6da4;
}

/* Kartu untuk keempat section */
.page_submissions .submission_checklist,
.page_submissions .author_guidelines,
.page_submissions .copyright_notice,
.page_submissions .privacy_statement {
    margin: 0 0 1.5rem;
    padding: 0 22px 22px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    font-size: 13.5px;
    line-height: 1.8;
    color: #444;
    text-align: justify;
}

/* Header kartu */
.page_submissions .submission_checklist > h2,
.page_submissions .author_guidelines > h2,
.page_submissions .copyright_notice > h2,
.page_submissions .privacy_statement > h2 {
    margin: 0 -22px 18px;
    padding: 11px 22px;
    background: #4884B4;
    border-bottom: 3px solid #DEA307;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
}

/* Ikon di header */
.page_submissions h2::before {
    margin-right: 10px;
    font: normal normal normal 15px/1 FontAwesome;
    color: #DEA307;
}

.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"; }

/* Link "Edit" (hanya tampil untuk admin) */
.page_submissions h2 .cmp_edit_link {
    float: right;
    margin-top: 3px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    opacity: 0.85;
}

.page_submissions h2 .cmp_edit_link:hover {
    color: #DEA307;
    opacity: 1;
}

/* Link di dalam kartu */
.page_submissions .submission_checklist li a,
.page_submissions .author_guidelines li a,
.page_submissions .copyright_notice a {
    color: #4884B4;
    font-weight: 600;
}

.page_submissions .submission_checklist li a:hover,
.page_submissions .author_guidelines li a:hover,
.page_submissions .copyright_notice a:hover {
    color: #2e6da4;
    text-decoration: underline;
}

/* --- Checklist --- */
.page_submissions .submission_checklist ul {
    margin: 16px 0 0;
    padding: 0;
    border: none;
}

.page_submissions .submission_checklist li {
    position: relative;
    margin-bottom: 8px;
    padding: 10px 14px 10px 52px;
    background: #f7fbff;
    border: none;
    border-radius: 8px;
    transition: background 0.2s ease;
}

.page_submissions .submission_checklist li:last-child {
    margin-bottom: 0;
}

.page_submissions .submission_checklist li:hover {
    background: #e6f1ff;
}

.pkp_structure_main .page_submissions .submission_checklist li .fa {
    position: absolute;
    top: 10px;
    left: 14px;
    transform: none;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #4884B4;
    color: #ffffff;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
}

/* --- Author Guidelines (daftar bernomor) --- */
.page_submissions .author_guidelines ol {
    counter-reset: ag;
    list-style: none;
    margin: 0;
    padding: 0;
}

.page_submissions .author_guidelines ol li {
    counter-increment: ag;
    position: relative;
    margin-bottom: 8px;
    padding: 10px 14px 10px 52px;
    background: #f7fbff;
    border-radius: 8px;
    transition: background 0.2s ease;
}

.page_submissions .author_guidelines ol li:hover {
    background: #e6f1ff;
}

.page_submissions .author_guidelines ol li::before {
    content: counter(ag);
    position: absolute;
    top: 10px;
    left: 14px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #DEA307;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
}

/* --- Teks dalam kartu --- */
.page_submissions .author_guidelines p,
.page_submissions .copyright_notice p {
    margin: 0 0 0.75rem;
    line-height: 1.8;
}

.page_submissions .author_guidelines p:last-child,
.page_submissions .copyright_notice p:last-child {
    margin-bottom: 0;
}

/* ===== Halaman Editorial Policies ===== */

/* Judul halaman */
.pkp_structure_main .page > h2:first-child:has(~ #focusandscope) {
    position: relative;
    margin: 0 0 1.25rem;
    padding-bottom: 14px;
    color: #2e6da4;
    font-size: 1.714rem;
    line-height: 2.143rem;
}

.pkp_structure_main .page > h2:first-child:has(~ #focusandscope)::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 4px;
    border-radius: 2px;
    background: #DEA307;
}

/* Daftar isi (tombol pil) */
.pkp_structure_main .page > ul:has(+ #focusandscope) {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 1.75rem;
    padding: 0;
    list-style: none;
}

.pkp_structure_main .page > ul:has(+ #focusandscope) li {
    margin: 0;
    padding: 0;
}

.pkp_structure_main .page > ul:has(+ #focusandscope) li a {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 20px;
    background: #E6F1FB;
    color: #2e6da4;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}

.pkp_structure_main .page > ul:has(+ #focusandscope) li a:hover {
    background: #4884B4;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(72, 132, 180, 0.3);
}

/* Kartu untuk setiap section */
:is(#focusandscope, #sectionpolicies, #peerreviewprocess, #publicationfrequency,
    #openaccesspolicy, #archiving, #publicationethicsandmalpractice, #abstractingandindexing) {
    margin: 0 0 1.5rem;
    padding: 0 22px 22px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    font-size: 13.5px;
    line-height: 1.8;
    color: #444;
    scroll-margin-top: 20px;
}

/* Header kartu */
:is(#focusandscope, #sectionpolicies, #peerreviewprocess, #publicationfrequency,
    #openaccesspolicy, #archiving, #publicationethicsandmalpractice, #abstractingandindexing) > h2 {
    margin: 0 -22px 18px;
    padding: 11px 22px;
    background: #4884B4;
    border-bottom: 3px solid #DEA307;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.5;
}

:is(#focusandscope, #sectionpolicies, #peerreviewprocess, #publicationfrequency,
    #openaccesspolicy, #archiving, #publicationethicsandmalpractice, #abstractingandindexing) > h2::before {
    margin-right: 10px;
    font: normal normal normal 15px/1 FontAwesome;
    color: #DEA307;
}

#focusandscope > h2::before                   { content: "\f140"; }
#sectionpolicies > h2::before                 { content: "\f0ae"; }
#peerreviewprocess > h2::before               { content: "\f0c0"; }
#publicationfrequency > h2::before            { content: "\f073"; }
#openaccesspolicy > h2::before                { content: "\f09c"; }
#archiving > h2::before                       { content: "\f187"; }
#publicationethicsandmalpractice > h2::before { content: "\f132"; }
#abstractingandindexing > h2::before          { content: "\f1c0"; }

/* Teks & link dalam kartu */
:is(#focusandscope, #sectionpolicies, #peerreviewprocess, #publicationfrequency,
    #openaccesspolicy, #archiving, #publicationethicsandmalpractice, #abstractingandindexing) p {
    margin: 0 0 0.75rem;
    line-height: 1.8;
}

:is(#focusandscope, #sectionpolicies, #peerreviewprocess, #publicationfrequency,
    #openaccesspolicy, #archiving, #publicationethicsandmalpractice, #abstractingandindexing) p:last-child {
    margin-bottom: 0;
}

:is(#peerreviewprocess, #publicationfrequency, #archiving, #publicationethicsandmalpractice) p a {
    color: #4884B4;
    font-weight: 600;
}

:is(#peerreviewprocess, #publicationfrequency, #archiving, #publicationethicsandmalpractice) p a:hover {
    color: #2e6da4;
    text-decoration: underline;
}

/* --- Focus and Scope: tabel jadi kotak topik --- */
#focusandscope table,
#focusandscope tbody,
#focusandscope tr,
#focusandscope td {
    display: block;
    width: 100% !important;
    margin: 0;
    padding: 0;
    border: none !important;
}

#focusandscope ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#focusandscope li {
    margin: 0;
    padding: 9px 14px;
    background: #E6F1FB;
    border-left: 3px solid #4884B4;
    border-radius: 6px;
    color: #2e6da4;
    font-weight: 600;
    text-align: left !important;
    transition: all 0.25s ease;
}

#focusandscope li span {
    color: inherit !important;
}

#focusandscope li:hover {
    background: #4884B4;
    color: #ffffff;
    transform: translateY(-2px);
}

/* --- Section Policies: tiga lencana --- */
#sectionpolicies table,
#sectionpolicies tbody {
    display: block;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

#sectionpolicies tr {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#sectionpolicies td {
    flex: 1 1 150px;
    width: auto !important;
    padding: 12px 14px;
    background: #E6F1FB;
    border-radius: 8px;
    color: #2e6da4;
    font-weight: 700;
    text-align: center !important;
}

#sectionpolicies td span {
    color: inherit !important;
}

/* --- Open Access: logo di tengah --- */
#openaccesspolicy table,
#openaccesspolicy tbody,
#openaccesspolicy tr,
#openaccesspolicy td {
    display: block;
    width: auto !important;
    height: auto !important;
    margin: 0;
    padding: 0;
    border: none !important;
    text-align: center !important;
}

#openaccesspolicy table {
    margin: 0 auto 16px !important;
}

#openaccesspolicy img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 60px;
}

/* --- Publication Ethics --- */
#publicationethicsandmalpractice h3 {
    margin: 24px 0 12px;
    padding: 8px 14px;
    background: #f7fbff;
    border-left: 4px solid #DEA307;
    border-radius: 0 8px 8px 0;
    color: #2e6da4;
    font-size: 14.5px;
    line-height: 1.5;
}

#publicationethicsandmalpractice ol {
    counter-reset: eth;
    list-style: none;
    margin: 0;
    padding: 0;
}

#publicationethicsandmalpractice ol li {
    counter-increment: eth;
    position: relative;
    margin: 0 0 6px;
    padding: 8px 12px 8px 46px;
    background: #f7fbff;
    border-radius: 8px;
    transition: background 0.2s ease;
}

#publicationethicsandmalpractice ol li:hover {
    background: #e6f1ff;
}

#publicationethicsandmalpractice ol li::before {
    content: counter(eth);
    position: absolute;
    top: 9px;
    left: 12px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #4884B4;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
}

/* --- Abstracting and Indexing: logo jadi kartu --- */
#abstractingandindexing table,
#abstractingandindexing tbody {
    display: block;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

#abstractingandindexing tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

#abstractingandindexing td {
    flex: 1 1 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    padding: 14px 12px;
    background: #ffffff;
    border: 1px solid #dce8f3;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(72, 132, 180, 0.10);
    transition: all 0.25s ease;
}

#abstractingandindexing td:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(72, 132, 180, 0.20);
}

#abstractingandindexing td img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 42px;
    object-fit: contain;
}

/* ===== Halaman Copyright Notice ===== */

/* Judul halaman */
.page:has(a[rel~="license"]) > h2 {
    position: relative;
    margin: 0 0 1.5rem;
    padding-bottom: 14px;
    color: #2e6da4;
}

.page:has(a[rel~="license"]) > h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 4px;
    border-radius: 2px;
    background: #DEA307;
}

/* Paragraf dasar */
.page:has(a[rel~="license"]) > p {
    font-size: 13.5px;
    line-height: 1.8;
    color: #444444;
    text-align: justify;
}

/* Kartu badge lisensi CC (paragraf pertama) */
.page:has(a[rel~="license"]) > p:nth-of-type(1) {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0 0 1.25rem;
    padding: 1rem 1.5rem;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(72, 132, 180, 0.08);
    text-align: center;
}

.page:has(a[rel~="license"]) > p:nth-of-type(1) span {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    color: #2e6da4 !important;
    font-size: 13.5px;
    letter-spacing: 0.3px;
}

.page:has(a[rel~="license"]) > p:nth-of-type(1) img {
    height: 26px !important;
    margin-left: 0 !important;
    transition: transform 0.2s ease;
}

.page:has(a[rel~="license"]) > p:nth-of-type(1) a:hover img {
    transform: translateY(-2px);
}

/* Kalimat pengantar (paragraf kedua) */
.page:has(a[rel~="license"]) > p:nth-of-type(2) {
    margin: 0 0 1rem;
    padding: 1rem 1.25rem;
    background: #f0f7ff;
    border-left: 4px solid #DEA307;
    border-radius: 0 12px 12px 0;
    font-weight: 600;
    color: #2e6da4;
}

/* Poin (1), (2), (3) jadi kartu */
.page:has(a[rel~="license"]) > p:nth-of-type(n+3):nth-of-type(-n+5) {
    margin: 0 0 1rem;
    padding: 1rem 1.25rem;
    background: #f7fbff;
    border-left: 4px solid #4884B4;
    border-radius: 0 12px 12px 0;
    transition: all 0.25s ease;
}

.page:has(a[rel~="license"]) > p:nth-of-type(n+3):nth-of-type(-n+5):hover {
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(72, 132, 180, 0.18);
    transform: translateY(-3px);
}

/* Link & teks tebal di dalam kartu */
.page:has(a[rel~="license"]) > p a {
    color: #4884B4;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px dashed #4884B4;
}

.page:has(a[rel~="license"]) > p a:hover {
    color: #2e6da4;
    border-bottom-style: solid;
}

.page:has(a[rel~="license"]) > p:nth-of-type(1) a {
    border-bottom: none;
}

.page:has(a[rel~="license"]) > p strong {
    color: #2e6da4;
}

/* Sembunyikan paragraf kosong ( ) di akhir halaman */
.page:has(a[rel~="license"]) > p:last-of-type:not(:has(a)):not(:has(strong)) {
    display: none;
}

/* ===== Halaman Author Fees ===== */

/* Judul halaman */
.page:has(#authorFees) > .page_title {
    position: relative;
    margin: 0 0 1.5rem;
    padding-bottom: 14px;
    color: #2e6da4;
}

.page:has(#authorFees) > .page_title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 4px;
    border-radius: 2px;
    background: #DEA307;
}

/* Paragraf dasar */
#authorFees p {
    margin: 0 0 1rem;
    font-size: 13.5px;
    line-height: 1.8;
    color: #444444;
}

#authorFees strong {
    color: #2e6da4;
}

#authorFees a {
    color: #4884B4;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px dashed #4884B4;
}

#authorFees a:hover {
    color: #2e6da4;
    border-bottom-style: solid;
}

/* 1. Kebijakan Full English (sorotan utama) */
#authorFees p:nth-of-type(1) {
    padding: 1rem 1.25rem;
    background: #f0f7ff;
    border-left: 4px solid #DEA307;
    border-radius: 0 12px 12px 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

/* 2. Kalimat pengantar biaya */
#authorFees p:nth-of-type(2) {
    margin-bottom: 0.75rem;
    font-weight: 600;
    color: #2e6da4;
}

/* Daftar tarif jadi dua kartu */
#authorFees ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
    margin: 0 0 1.5rem;
    padding: 0;
    list-style: none;
}

#authorFees ul li {
    margin: 0;
    padding: 1.1rem 1.25rem;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-left: 4px solid #4884B4;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(72, 132, 180, 0.08);
    font-size: 15px;
    font-weight: 700;
    color: #333333;
    text-align: left;
    transition: all 0.25s ease;
}

#authorFees ul li:nth-child(2) {
    border-left-color: #DEA307;
    background: #fffdf6;
}

#authorFees ul li:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(72, 132, 180, 0.18);
}

#authorFees ul li strong {
    display: block;
    margin-bottom: 4px;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #2e6da4;
}

/* 4. Ketentuan pembayaran (penting) */
#authorFees p:nth-of-type(4) {
    padding: 1rem 1.25rem;
    background: #f7fbff;
    border-left: 4px solid #4884B4;
    border-radius: 0 12px 12px 0;
}

/* 5. Kalimat penutup */
#authorFees p:nth-of-type(5) {
    font-style: italic;
    color: #666666;
}

/* 6. Informasi rekening */
#authorFees p:nth-of-type(6) {
    margin: 1.5rem 0 0;
    padding: 1.1rem 1.5rem;
    background: #E6F1FB;
    border: 1px solid #c9dff2;
    border-radius: 12px;
    text-align: center;
    font-size: 13px;
    color: #2e6da4;
}

/* Baris pertama (nomor rekening) dibuat menonjol */
#authorFees p:nth-of-type(6)::first-line {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #2e6da4;
}

/* ===== Halaman Archives ===== */

/* Breadcrumb */
.page_issue_archive .cmp_breadcrumbs {
    margin-bottom: 1rem;
    font-size: 12.5px;
}

.page_issue_archive .cmp_breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page_issue_archive .cmp_breadcrumbs li {
    display: inline-flex;
    align-items: center;
    color: #888888;
}

.page_issue_archive .cmp_breadcrumbs a {
    color: #4884B4;
    text-decoration: none;
}

.page_issue_archive .cmp_breadcrumbs a:hover {
    color: #2e6da4;
    text-decoration: underline;
}

.page_issue_archive .cmp_breadcrumbs .separator {
    margin: 0 8px;
    color: #c0c0c0;
}

.page_issue_archive .cmp_breadcrumbs .current {
    font-weight: 600;
    color: #2e6da4;
}

/* Judul halaman */
.page_issue_archive > h1 {
    position: relative;
    margin: 0 0 1.75rem;
    padding-bottom: 14px;
    color: #2e6da4;
}

.page_issue_archive > h1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 4px;
    border-radius: 2px;
    background: #DEA307;
}

/* Grid daftar terbitan */
.page_issue_archive .issues_archive {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin: 0 0 2rem;
    padding: 0;
    list-style: none;
}

.page_issue_archive .issues_archive > li {
    margin: 0;
    padding: 0;
}

/* Kartu terbitan */
.page_issue_archive .obj_issue_summary {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 1.25rem;
    align-content: center;
    align-items: center;
    height: 100%;
    margin: 0;
    padding: 1.1rem 1.25rem;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-left: 4px solid #4884B4;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(72, 132, 180, 0.08);
    transition: all 0.25s ease;
}

.page_issue_archive .obj_issue_summary:hover {
    border-left-color: #DEA307;
    box-shadow: 0 8px 24px rgba(72, 132, 180, 0.18);
    transform: translateY(-3px);
}

/* Cover */
.page_issue_archive .obj_issue_summary .cover {
    display: block;
    float: none;
    grid-row: 1 / span 2;
    width: 96px;
    max-width: none;
    margin: 0;
    line-height: 0;
}

.page_issue_archive .obj_issue_summary .cover img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    transition: transform 0.25s ease;
}

.page_issue_archive .obj_issue_summary:hover .cover img {
    transform: scale(1.04);
}

/* Placeholder untuk terbitan tanpa cover */
.page_issue_archive .obj_issue_summary:not(:has(.cover))::before {
    content: "No Cover";
    display: flex;
    align-items: center;
    justify-content: center;
    grid-row: 1 / span 2;
    width: 96px;
    aspect-ratio: 3 / 4;
    border-radius: 6px;
    background: linear-gradient(145deg, #E6F1FB, #c9dff2);
    color: #4884B4;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

/* Judul & volume */
.page_issue_archive .obj_issue_summary h2 {
    grid-column: 2;
    margin: 0;
    padding: 0;
    font-size: 1.1rem;
    line-height: 1.4;
}

.page_issue_archive .obj_issue_summary .title {
    color: #2e6da4;
    font-weight: 700;
    text-decoration: none;
}

.page_issue_archive .obj_issue_summary .title:hover {
    color: #4884B4;
}

.page_issue_archive .obj_issue_summary .series {
    display: inline-block;
    margin-top: 8px;
    padding: 3px 12px;
    background: #E6F1FB;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #2e6da4;
}

/* Deskripsi (jika diisi) */
.page_issue_archive .obj_issue_summary .description {
    grid-column: 2;
    margin: 0;
    font-size: 13px;
    line-height: 1.7;
    color: #555555;
}

.page_issue_archive .obj_issue_summary .description:has(p, a, strong) {
    margin-top: 10px;
}

/* Pagination */
.page_issue_archive .cmp_pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 1rem;
    padding: 0;
    font-size: 13px;
}

.page_issue_archive .cmp_pagination .current {
    padding: 6px 16px;
    background: #E6F1FB;
    border-radius: 999px;
    font-weight: 600;
    color: #2e6da4;
}

.page_issue_archive .cmp_pagination .prev,
.page_issue_archive .cmp_pagination .next {
    display: inline-block;
    padding: 6px 18px;
    background: #4884B4;
    border: 1px solid #4884B4;
    border-radius: 999px;
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.page_issue_archive .cmp_pagination .prev:hover,
.page_issue_archive .cmp_pagination .next:hover {
    background: #2e6da4;
    border-color: #2e6da4;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(72, 132, 180, 0.3);
}

/* Responsif */
@media (max-width: 768px) {
    .page_issue_archive .issues_archive {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .page_issue_archive .obj_issue_summary {
        column-gap: 1rem;
        padding: 1rem;
    }

    .page_issue_archive .obj_issue_summary .cover,
    .page_issue_archive .obj_issue_summary:not(:has(.cover))::before {
        width: 76px;
    }
}

/* ===== Halaman Detail Terbitan (issue/view) ===== */

/* Breadcrumb */
.page_issue .cmp_breadcrumbs {
    margin-bottom: 1rem;
    font-size: 12.5px;
}

.page_issue .cmp_breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page_issue .cmp_breadcrumbs li {
    display: inline-flex;
    align-items: center;
    color: #888888;
}

.page_issue .cmp_breadcrumbs a {
    color: #4884B4;
    text-decoration: none;
}

.page_issue .cmp_breadcrumbs a:hover {
    color: #2e6da4;
    text-decoration: underline;
}

.page_issue .cmp_breadcrumbs .separator {
    margin: 0 8px;
    color: #c0c0c0;
}

.page_issue .cmp_breadcrumbs .current {
    font-weight: 600;
    color: #2e6da4;
}

/* Judul halaman */
.page_issue > h1 {
    position: relative;
    margin: 0 0 1.5rem;
    padding-bottom: 14px;
    color: #2e6da4;
}

.page_issue > h1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 4px;
    border-radius: 2px;
    background: #DEA307;
}

/* Kotak cover + tanggal terbit */
.page_issue .obj_issue_toc .heading {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin: 0 0 2rem;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, #f0f7ff 0%, #ffffff 100%);
    border: 1px solid #e0e0e0;
    border-left: 4px solid #4884B4;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(72, 132, 180, 0.08);
}

.page_issue .obj_issue_toc .heading .cover {
    display: block;
    float: none;
    flex: 0 0 auto;
    width: 150px;
    max-width: none;
    margin: 0;
    line-height: 0;
}

.page_issue .obj_issue_toc .heading .cover img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
    transition: transform 0.25s ease;
}

.page_issue .obj_issue_toc .heading .cover:hover img {
    transform: scale(1.04);
}

.page_issue .obj_issue_toc .published {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 6px 16px;
    background: #E6F1FB;
    border-radius: 999px;
    font-size: 13px;
    color: #2e6da4;
}

.page_issue .obj_issue_toc .published .label {
    font-weight: 400;
    color: #666666;
}

.page_issue .obj_issue_toc .published .value {
    font-weight: 700;
}

/* Judul seksi (Articles) */
.page_issue .obj_issue_toc .section > h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 1.25rem;
    padding: 0 0 8px;
    border-bottom: 2px solid #E6F1FB;
    font-size: 1.25rem;
    color: #2e6da4;
}

.page_issue .obj_issue_toc .section > h2::before {
    content: "";
    width: 5px;
    height: 1.1em;
    border-radius: 3px;
    background: #DEA307;
}

/* Daftar artikel */
.page_issue .cmp_article_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page_issue .cmp_article_list > li {
    margin: 0;
    padding: 0;
}

/* Subtitle artikel */
.page_issue .obj_article_summary .subtitle {
    display: block;
    margin-top: 2px;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    color: #777777;
}

/* Penulis + halaman */
.page_issue .obj_article_summary .meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
}

.page_issue .obj_article_summary .meta .authors {
    flex: 1 1 100%;
}

.page_issue .obj_article_summary .meta .pages {
    padding: 2px 10px;
    background: #E6F1FB;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    color: #2e6da4;
}

.page_issue .obj_article_summary .meta .pages::before {
    content: "pp. ";
    font-weight: 400;
}

/* Tombol galley */
.page_issue .obj_article_summary .galleys_links {
    margin: 0.6rem 0 0;
    padding: 0;
    list-style: none;
}

.page_issue .obj_article_summary .galleys_links li {
    display: inline-block;
    margin: 0 6px 0 0;
}

/* DOI (override inline style bawaan) */
.page_issue .obj_article_summary > div[style*="margin-top:5px"] {
    margin-top: 0.6rem !important;
}

.page_issue .obj_article_summary > div[style*="margin-top:5px"] span {
    font-size: 12.5px !important;
    font-weight: 700;
    color: #888888;
}

.page_issue .obj_article_summary > div[style*="margin-top:5px"] a {
    margin: 0 !important;
    font-size: 12.5px !important;
    color: #4884B4;
    text-decoration: none;
    word-break: break-all;
}

.page_issue .obj_article_summary > div[style*="margin-top:5px"] a:hover {
    color: #2e6da4;
    text-decoration: underline;
}

/* Statistik abstract views & PDF downloads */
.page_issue .obj_article_summary > img {
    width: auto;
    height: 15px;
    margin: 8px 4px 0 0;
    vertical-align: text-bottom;
    opacity: 0.75;
}

.page_issue .obj_article_summary > span[style*="font-size"] {
    font-size: 12.5px !important;
    color: #777777;
}

/* Responsif */
@media (max-width: 600px) {
    .page_issue .obj_issue_toc .heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        padding: 1rem;
    }

    .page_issue .obj_issue_toc .heading .cover {
        width: 120px;
    }
}

/* ===== Halaman Detail Pengumuman ===== */

/* Breadcrumb */
.page_announcement .cmp_breadcrumbs {
    margin-bottom: 1rem;
    font-size: 12.5px;
}

.page_announcement .cmp_breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page_announcement .cmp_breadcrumbs li {
    display: inline-flex;
    align-items: center;
    color: #888888;
}

.page_announcement .cmp_breadcrumbs a {
    color: #4884B4;
    text-decoration: none;
}

.page_announcement .cmp_breadcrumbs a:hover {
    color: #2e6da4;
    text-decoration: underline;
}

.page_announcement .cmp_breadcrumbs .separator {
    margin: 0 8px;
    color: #c0c0c0;
}

.page_announcement .cmp_breadcrumbs .current {
    font-weight: 600;
    color: #2e6da4;
}

/* Judul */
.page_announcement .obj_announcement_full > h1 {
    position: relative;
    margin: 0 0 1rem;
    padding-bottom: 14px;
    color: #2e6da4;
}

.page_announcement .obj_announcement_full > h1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 4px;
    border-radius: 2px;
    background: #DEA307;
}

/* Tanggal */
.page_announcement .obj_announcement_full .date {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 1.5rem;
    padding: 4px 14px;
    background: #E6F1FB;
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 600;
    color: #2e6da4;
}

.page_announcement .obj_announcement_full .date::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #DEA307;
}

/* Isi pengumuman */
.page_announcement .obj_announcement_full .description {
    font-size: 13.5px;
    line-height: 1.8;
    color: #444444;
}

.page_announcement .obj_announcement_full .description p {
    margin: 0 0 1rem;
    text-align: justify;
}

.page_announcement .obj_announcement_full .description a {
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px dashed #4884B4;
}

.page_announcement .obj_announcement_full .description a:hover {
    color: #2e6da4;
    border-bottom-style: solid;
}

/* Gambar (mis. sertifikat akreditasi) */
.page_announcement .obj_announcement_full .description img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 1.5rem;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(72, 132, 180, 0.15);
}

/* Daftar bernomor jadi kartu */
.page_announcement .obj_announcement_full .description ol {
    counter-reset: ann-item;
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
}

.page_announcement .obj_announcement_full .description ol > li {
    counter-increment: ann-item;
    position: relative;
    margin: 0 0 1rem;
    padding: 1rem 1.25rem 1rem 4rem;
    background: #f7fbff;
    border-left: 4px solid #4884B4;
    border-radius: 0 12px 12px 0;
    text-align: justify;
    transition: all 0.25s ease;
}

.page_announcement .obj_announcement_full .description ol > li::before {
    content: counter(ann-item);
    position: absolute;
    left: 1rem;
    top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #4884B4;
    box-shadow: 0 3px 8px rgba(72, 132, 180, 0.35);
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
}

.page_announcement .obj_announcement_full .description ol > li:hover {
    background: #ffffff;
    border-left-color: #DEA307;
    box-shadow: 0 8px 24px rgba(72, 132, 180, 0.18);
    transform: translateY(-3px);
}

/* Daftar bullet biasa */
.page_announcement .obj_announcement_full .description ul {
    margin: 0 0 1rem;
    padding-left: 1.4rem;
}

.page_announcement .obj_announcement_full .description ul li::marker {
    color: #DEA307;
}

/* Responsif */
@media (max-width: 480px) {
    .page_announcement .obj_announcement_full .description ol > li {
        padding: 1rem 1rem 1rem 3.4rem;
    }

    .page_announcement .obj_announcement_full .description ol > li::before {
        left: 0.7rem;
        width: 28px;
        height: 28px;
        font-size: 13px;
    }
}

/* ===== Halaman Daftar Pengumuman ===== */

/* Breadcrumb */
.page_announcements .cmp_breadcrumbs {
    margin-bottom: 1rem;
    font-size: 12.5px;
}

.page_announcements .cmp_breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page_announcements .cmp_breadcrumbs li {
    display: inline-flex;
    align-items: center;
    color: #888888;
}

.page_announcements .cmp_breadcrumbs a {
    color: #4884B4;
    text-decoration: none;
}

.page_announcements .cmp_breadcrumbs a:hover {
    color: #2e6da4;
    text-decoration: underline;
}

.page_announcements .cmp_breadcrumbs .separator {
    margin: 0 8px;
    color: #c0c0c0;
}

.page_announcements .cmp_breadcrumbs .current {
    font-weight: 600;
    color: #2e6da4;
}

/* Judul halaman */
.page_announcements > h1 {
    position: relative;
    margin: 0 0 1.25rem;
    padding-bottom: 14px;
    color: #2e6da4;
}

.page_announcements > h1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 4px;
    border-radius: 2px;
    background: #DEA307;
}


/* Kalimat pengantar */
.page_announcements > p {
    margin: 0 0 1.5rem;
    font-size: 13.5px;
    line-height: 1.8;
    color: #666666;
}

/* Daftar pengumuman */
.page_announcements .cmp_announcements {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page_announcements .cmp_announcements > li {
    margin: 0 0 1.5rem;
    padding: 0;
}

/* Kartu pengumuman */
.page_announcements .obj_announcement_summary {
    padding: 1.5rem 1.75rem;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-left: 4px solid #4884B4;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(72, 132, 180, 0.08);
    transition: all 0.25s ease;
}

.page_announcements .obj_announcement_summary:hover {
    border-left-color: #DEA307;
    box-shadow: 0 8px 24px rgba(72, 132, 180, 0.18);
    transform: translateY(-3px);
}

/* Judul pengumuman */
.page_announcements .obj_announcement_summary > h2 {
    margin: 0 0 0.5rem;
    padding: 0;
    font-size: 1.25rem;
    line-height: 1.4;
}

.page_announcements .obj_announcement_summary > h2 a {
    color: #2e6da4;
    font-weight: 700;
    text-decoration: none;
}

.page_announcements .obj_announcement_summary > h2 a:hover {
    color: #4884B4;
}

/* Tanggal */
.page_announcements .obj_announcement_summary .date {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 1.25rem;
    padding: 4px 14px;
    background: #E6F1FB;
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 600;
    color: #2e6da4;
}

.page_announcements .obj_announcement_summary .date::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #DEA307;
}

/* Isi ringkasan */
.page_announcements .obj_announcement_summary .summary {
    font-size: 13.5px;
    line-height: 1.8;
    color: #444444;
}

.page_announcements .obj_announcement_summary .summary p {
    margin: 0 0 1rem;
    text-align: justify;
}

/* Gambar */
.page_announcements .obj_announcement_summary .summary img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 1.25rem;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(72, 132, 180, 0.15);
}

/* Daftar bernomor */
.page_announcements .obj_announcement_summary .summary ol {
    counter-reset: ann-item;
    margin: 0 0 1.25rem;
    padding: 0;
    list-style: none;
}

.page_announcements .obj_announcement_summary .summary ol > li {
    counter-increment: ann-item;
    position: relative;
    margin: 0 0 0.75rem;
    padding: 0.9rem 1.1rem 0.9rem 3.75rem;
    background: #f7fbff;
    border-left: 4px solid #4884B4;
    border-radius: 0 12px 12px 0;
    text-align: justify;
}

.page_announcements .obj_announcement_summary .summary ol > li::before {
    content: counter(ann-item);
    position: absolute;
    left: 0.9rem;
    top: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #4884B4;
    box-shadow: 0 3px 8px rgba(72, 132, 180, 0.35);
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
}

/* Tombol Read More */
.page_announcements .obj_announcement_summary .read_more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 20px;
    background: #4884B4;
    border: 1px solid #4884B4;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.2s ease;
}

.page_announcements .obj_announcement_summary .read_more::after {
    content: "→";
    transition: transform 0.2s ease;
}

.page_announcements .obj_announcement_summary .read_more:hover {
    background: #2e6da4;
    border-color: #2e6da4;
    box-shadow: 0 4px 12px rgba(72, 132, 180, 0.3);
    transform: translateY(-2px);
}

.page_announcements .obj_announcement_summary .read_more:hover::after {
    transform: translateX(3px);
}

/* Responsif */
@media (max-width: 480px) {
    .page_announcements .obj_announcement_summary {
        padding: 1.1rem 1rem;
    }

    .page_announcements .obj_announcement_summary .summary ol > li {
        padding: 0.9rem 0.9rem 0.9rem 3.2rem;
    }

    .page_announcements .obj_announcement_summary .summary ol > li::before {
        left: 0.7rem;
        width: 26px;
        height: 26px;
        font-size: 12px;
    }
}
/* =====================================================================
   JTMI - LAPISAN ANIMASI & POLISH (CSS saja, tanpa JavaScript)
   ===================================================================== */

/* ---------- 1. Design tokens (ubah di sini, berlaku di semua bagian) ---------- */
:root {
  --jt-primary:      #4884B4;
  --jt-primary-dark: #3a6d9a;
  --jt-primary-deep: #24496b;
  --jt-gold:         #DEA307;
  --jt-gold-soft:    #f6d97a;
  --jt-soft:         #ECF3FF;
  --jt-ease:         cubic-bezier(0.22, 0.8, 0.24, 1);
  --jt-shadow-1:     0 2px 10px rgba(36, 73, 107, 0.07);
  --jt-shadow-2:     0 14px 32px -12px rgba(36, 73, 107, 0.35);

  /* ===== LATAR HALAMAN (sisi kiri/kanan seluruh halaman) =====
     Default: gradasi lembut. Untuk memakai gambar, ganti 3 baris di bawah:
       --jt-bg-image:  url("https://jurnal.unmer.ac.id/public/site/images/jm_tmi/NAMA-GAMBAR.jpg");
       --jt-bg-size:   cover;      (foto besar)   atau  240px  (pola kecil yang diulang)
       --jt-bg-repeat: no-repeat;  (foto besar)   atau  repeat (pola kecil)            */
  --jt-bg-image:  none;
  --jt-bg-size:   cover;
  --jt-bg-repeat: no-repeat;
}

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

/* ---------- 3. Latar halaman: ganti gambar pola eksternal dengan gradasi CSS ----------
   (gambar lama di-hotlink dari all-free-download.com: lambat & bisa putus kapan saja) */
body {
  background-color: #eef3f8;
  background-image:
    radial-gradient(60rem 30rem at 8% -5%,  rgba(72, 132, 180, 0.16), transparent 70%),
    radial-gradient(50rem 28rem at 100% 12%, rgba(222, 163, 7, 0.10), transparent 70%),
    var(--jt-bg-image);
  background-size: auto, auto, var(--jt-bg-size);
  background-repeat: no-repeat, no-repeat, var(--jt-bg-repeat);
  background-position: 0 0, 0 0, center top;
  background-attachment: fixed;
}

/* Header dibuat transparan agar sisi kiri/kanan banner & navbar
   memakai latar yang sama dengan bagian bawah halaman (tidak lagi hitam).
   Catatan: rule lama dengan "background:" sebenarnya yang menjaga ini transparan. */
.pkp_structure_head {
  background: transparent;
  border-bottom: 0;
}

html { scroll-behavior: smooth; }

/* ---------- 3b. Header: banner & navbar dibuat sama lebar ----------
   Banner dan navbar dikunci ke satu lebar yang sama (--jt-page) supaya sejajar.
   Kalau tepi kiri/kanan belum pas dengan kotak konten di bawahnya,
   cukup ubah angka --jt-page (coba 1130px - 1200px). */
@media (min-width: 992px) {
  :root { --jt-page: 1170px; }

  .pkp_structure_head .pkp_head_wrapper {
    position: relative;
    max-width: var(--jt-page);
    margin-left: auto;
    margin-right: auto;
  }
  .pkp_site_name .is_img img { width: 100%; height: auto; }
  .pkp_site_nav_menu,
  .pkp_navigation_primary_row { width: 100%; box-sizing: border-box; }

  /* Beri ruang agar tombol Search tidak tertimpa menu Register / nama user */
  .pkp_navigation_search_wrapper { margin-right: 11rem; }
}

/* ---------- 4. Navbar ---------- */
/* Garis emas di bawah navbar berkilau pelan.
   Dibuat lewat background (bukan elemen tambahan) supaya posisi menu Search/Login tidak ikut bergeser */
.pkp_navigation_primary_row {
  border-bottom-color: transparent;
  background-image: linear-gradient(90deg, var(--jt-gold) 0, var(--jt-gold-soft) 150px, var(--jt-gold) 300px);
  background-size: 300px 0.3em;
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-origin: border-box;
}

/* Garis bawah emas yang "ditarik" dari kiri saat hover menu */
.pkp_navigation_primary > li > a { position: relative; }
.pkp_navigation_primary > li > a::after {
  content: "";
  position: absolute;
  left: 0.9rem; right: 0.9rem; bottom: 3px;
  height: 2px;
  border-radius: 2px;
  background: var(--jt-gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.45s var(--jt-ease);
}
.pkp_navigation_primary > li > a:hover::after,
.pkp_navigation_primary > li > a:focus-visible::after { transform: scaleX(1); }

/* Dropdown muncul dengan geser halus */
.pkp_navigation_primary .dropdown-menu {
  border-radius: 10px;
  box-shadow: var(--jt-shadow-2);
  overflow: hidden;
}

/* ---------- 5. Kartu "About the Journal" (elemen utama halaman) ---------- */
.homepage_about { position: relative; overflow: hidden; }
.homepage_about::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--jt-primary) 0%, var(--jt-primary) 40%, #9fc8ea 50%, var(--jt-primary) 60%, var(--jt-primary) 100%);
  background-size: 200% 100%;
}

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

/* Baris tabel info: penanda emas di sisi kiri label saat disorot */
.homepage_about table:first-of-type tr td { transition: filter 0.25s ease, box-shadow 0.35s var(--jt-ease); }
.homepage_about table:first-of-type tr:hover td { filter: brightness(0.97); }
.homepage_about table:first-of-type tr:hover td:first-child { box-shadow: inset 4px 0 0 var(--jt-gold); }

/* Logo/badge di tabel kedua */
.homepage_about table:nth-of-type(2) img {
  transition: transform 0.45s var(--jt-ease), filter 0.3s ease;
}
.homepage_about table:nth-of-type(2) img:hover { transform: translateY(-3px) scale(1.07); }

/* ---------- 6. Announcements ---------- */
.cmp_announcements .obj_announcement_summary {
  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e0e6ee;
  box-shadow: var(--jt-shadow-1);
  padding: 1.1rem 1.3rem;
  transition: transform 0.45s var(--jt-ease), box-shadow 0.45s var(--jt-ease);
}
.cmp_announcements .obj_announcement_summary:hover {
  transform: translateY(-3px);
  box-shadow: var(--jt-shadow-2);
}
.cmp_announcements .obj_announcement_summary h3 a { color: var(--jt-primary-deep); text-decoration: none; }
.cmp_announcements .obj_announcement_summary .date {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--jt-soft);
  color: var(--jt-primary-dark);
  font-size: 12px;
  font-weight: 700;
}
/* Gambar sertifikat membesar halus di dalam kartu */
.cmp_announcements .obj_announcement_summary .summary img {
  border-radius: 8px;
  transition: transform 0.7s var(--jt-ease);
}
.cmp_announcements .obj_announcement_summary:hover .summary img { transform: scale(1.025); }

/* ---------- 7. Current Issue ---------- */
.current_issue_title {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.35rem 1rem;
  border-radius: 999px;
  background: var(--jt-primary);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  box-shadow: 0 6px 16px -6px rgba(72, 132, 180, 0.7);
}
.pkp_page_index .obj_issue_toc .cover {
  display: inline-block;
  border-radius: 10px;
  box-shadow: 0 18px 36px -14px rgba(36, 73, 107, 0.55), 0 0 0 1px rgba(36, 73, 107, 0.12);
  transition: transform 0.6s var(--jt-ease), box-shadow 0.6s var(--jt-ease);
}
.pkp_page_index .obj_issue_toc .cover img { border-radius: 10px; display: block; }
.pkp_page_index .obj_issue_toc .cover:hover {
  transform: translateY(-6px) rotate(-1.2deg);
  box-shadow: 0 28px 48px -16px rgba(36, 73, 107, 0.6), 0 0 0 1px rgba(36, 73, 107, 0.12);
}
.pkp_page_index .obj_issue_toc .sections h3 {
  color: var(--jt-primary-deep);
  border-bottom: 2px solid var(--jt-soft);
  padding-bottom: 0.4rem;
}

/* Judul artikel: garis bawah "tergambar" dari kiri */
.obj_article_summary .title a {
  background: linear-gradient(var(--jt-gold), var(--jt-gold)) 0 100% / 0 2px no-repeat;
  transition: background-size 0.55s var(--jt-ease), color 0.25s ease;
  padding-bottom: 2px;
}
.obj_article_summary .title a:hover { background-size: 100% 2px; }

/* Tombol PDF: ikon unduh yang turun sedikit saat hover */
.obj_article_summary .obj_galley_link.pdf {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background-color 0.25s ease, transform 0.35s var(--jt-ease), box-shadow 0.35s var(--jt-ease);
}
.obj_article_summary .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(--jt-ease);
}
.obj_article_summary .obj_galley_link.pdf:hover { transform: translateY(-2px); box-shadow: 0 8px 16px -8px var(--jt-primary-dark); }
.obj_article_summary .obj_galley_link.pdf:hover::before { transform: translateY(2px); }

/* "View All Issues" & "Read More" */
.pkp_page_index .read_more {
  display: inline-block;
  font-weight: 700;
  text-decoration: none;
  transition: letter-spacing 0.35s var(--jt-ease), color 0.25s ease;
}
.pkp_page_index .read_more:hover { letter-spacing: 0.04em; color: var(--jt-gold); }

/* ---------- 8. Sidebar ---------- */
.pkp_block { transition: transform 0.45s var(--jt-ease), box-shadow 0.45s var(--jt-ease); }
.pkp_block:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(36, 73, 107, 0.16) !important; }

/* Kilau melintas di judul blok saat hover */
.pkp_block .title { position: relative; overflow: hidden; }
.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(--jt-ease); }

/* Tombol "Make a Submission" jadi CTA utama */
.block_make_submission .block_make_submission_link {
  position: relative;
  overflow: hidden;
  display: block;
  padding: 0.8rem 1rem;
  border-radius: 10px;
  background: linear-gradient(120deg, var(--jt-primary), var(--jt-primary-dark));
  color: #fff;
  font-weight: 700;
  box-shadow: 0 8px 18px -8px rgba(72, 132, 180, 0.9);
  transition: transform 0.35s var(--jt-ease), box-shadow 0.35s var(--jt-ease);
}
.block_make_submission .block_make_submission_link::after {
  content: "";
  position: absolute;
  top: 0; bottom: 0; left: 0;
  width: 35%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.35), transparent);
}
.block_make_submission .block_make_submission_link:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 24px -10px rgba(72, 132, 180, 1);
  color: #fff;
}

/* Tombol download template */
.download-template-block .dl-button { transition: transform 0.35s var(--jt-ease), box-shadow 0.35s var(--jt-ease), background-color 0.2s ease; }
.download-template-block .dl-button:hover { transform: translateY(-2px); box-shadow: 0 10px 18px -10px var(--jt-primary-dark); }

/* Logo "Member of" */
.member-of-block img { transition: transform 0.4s var(--jt-ease), filter 0.3s ease; }
.member-of-block a:hover img { transform: scale(1.06); }

/* ---------- 9. Footer ---------- */
.pkp_structure_footer_wrapper { position: relative; }
.pkp_structure_footer_wrapper::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--jt-gold), var(--jt-gold-soft), var(--jt-gold));
  background-size: 200% 100%;
}

/* ---------- 10. Fokus keyboard (aksesibilitas) ---------- */
:focus-visible { outline: 2px solid var(--jt-gold); outline-offset: 3px; }

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

  /* Satu urutan pembuka saat halaman dimuat:
     kartu About -> Announcements -> Current Issue, lalu sidebar menyusul */
  .pkp_page_index .page_index_journal > section {
    animation: jt-rise 0.9s var(--jt-ease) both;
  }
  .pkp_page_index .page_index_journal > section:nth-of-type(2) { animation-delay: 0.12s; }
  .pkp_page_index .page_index_journal > section:nth-of-type(3) { animation-delay: 0.24s; }

  .pkp_structure_sidebar .pkp_block { animation: jt-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 berkilau pelan */
  .pkp_navigation_primary_row { animation: jt-gold-slide 6s linear infinite; }
  .pkp_structure_footer_wrapper::before { animation: jt-shimmer 7s linear infinite; }
  .homepage_about::before { animation: jt-shimmer 9s linear infinite; }

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

  /* Sampul issue melayang sangat pelan */
  .pkp_page_index .obj_issue_toc .cover { animation: jt-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 muncul saat masuk layar */
    .cmp_article_list .obj_article_summary {
      animation: jt-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 28%;
    }

    /* Batang statistik sitasi "terisi" saat terlihat */
    .citation-box meter {
      animation: jt-bar linear both;
      animation-timeline: view();
      animation-range: entry 10% entry 70%;
    }

    /* 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(--jt-gold);
      transform-origin: 0 50%;
      transform: scaleX(0);
      animation: jt-progress linear both;
      animation-timeline: scroll(root);
      pointer-events: none;
    }
  }
}

/* =====================================================================
   HALAMAN PLAGIARISM POLICY
   ===================================================================== */
.pkp_structure_main .page:has(> h2 + p + h3 + p + ul):not(:has(> h4)) {
  --pp-blue:  #4884B4;
  --pp-deep:  #24496b;
  --pp-gold:  #DEA307;
  --pp-soft:  #ECF3FF;
  --pp-line:  #e1e8f0;
  --pp-ease:  cubic-bezier(0.22, 0.8, 0.24, 1);

  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 14px;
  padding: 2.2rem 2.4rem 1.6rem;
  box-shadow: 0 2px 10px rgba(36, 73, 107, 0.07), 0 18px 40px -22px rgba(36, 73, 107, 0.35);
  color: #33424f;
  line-height: 1.75;

  /* Garis aksen di atas kartu */
  &::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--pp-blue) 0%, var(--pp-blue) 40%, #9fc8ea 50%, var(--pp-blue) 60%, var(--pp-blue) 100%);
    background-size: 200% 100%;
  }

  /* Judul halaman */
  & > h2 {
    position: relative;
    margin: 0 0 1.4rem;
    padding-bottom: 0.9rem;
    color: var(--pp-deep);
    font-size: 1.9rem;
    line-height: 1.25;
  }
  & > h2::after {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 64px; height: 4px;
    border-radius: 2px;
    background: var(--pp-gold);
  }

  /* Paragraf pembuka sebagai kotak sorotan */
  & > h2 + p {
    margin: 0 0 1rem;
    padding: 1.1rem 1.3rem;
    background: linear-gradient(100deg, var(--pp-soft), #f8fbff);
    border-left: 4px solid var(--pp-gold);
    border-radius: 0 12px 12px 0;
    font-size: 1.04rem;
  }
  & > h2 + p strong { color: var(--pp-deep); }

  /* Judul tiap bagian */
  & > h3 {
    margin: 2.3rem 0 0.9rem;
    padding: 0.7rem 1.1rem;
    background: linear-gradient(90deg, var(--pp-soft), transparent);
    border-left: 4px solid var(--pp-blue);
    border-radius: 0 10px 10px 0;
    color: var(--pp-deep);
    font-size: 1.2rem;
    line-height: 1.4;
  }

  & > p { margin: 0 0 1rem; }

  /* Reset daftar bawaan */
  & ul { list-style: none; margin: 0 0 1rem; padding: 0; }
  & li > p { margin: 0; }
  & strong { color: var(--pp-deep); }

  /* ---------- Daftar 1: jenis pelanggaran (kartu dengan ikon) ---------- */
  & > ul:nth-of-type(1) > li {
    display: flex;
    gap: 0.95rem;
    align-items: flex-start;
    margin-bottom: 0.7rem;
    padding: 0.95rem 1.15rem;
    background: #fff;
    border: 1px solid var(--pp-line);
    border-radius: 12px;
    transition: transform 0.4s var(--pp-ease), box-shadow 0.4s var(--pp-ease), border-color 0.3s ease;
  }
  & > ul:nth-of-type(1) > li::before {
    content: "\f071"; /* ikon segitiga peringatan (FontAwesome) */
    font-family: FontAwesome;
    flex: none;
    display: grid;
    place-items: center;
    width: 2.2rem; height: 2.2rem;
    border-radius: 50%;
    background: #fff4d6;
    color: #b57f00;
    font-size: 0.95rem;
    line-height: 1;
  }
  & > ul:nth-of-type(1) > li:hover {
    transform: translateX(5px);
    border-color: var(--pp-gold);
    box-shadow: 0 12px 24px -14px rgba(36, 73, 107, 0.45);
  }

  /* ---------- Daftar 2: batas similarity (baris dengan centang) ---------- */
  & > ul:nth-of-type(2) > li {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
    margin-bottom: 0.6rem;
    padding: 0.85rem 1.1rem;
    background: #f6f9fc;
    border-left: 3px solid var(--pp-blue);
    border-radius: 0 10px 10px 0;
    transition: background-color 0.3s ease, transform 0.4s var(--pp-ease);
  }
  & > ul:nth-of-type(2) > li::before {
    content: "\f058"; /* ikon centang bulat */
    font-family: FontAwesome;
    flex: none;
    color: var(--pp-blue);
    font-size: 1.15rem;
    line-height: 1.6;
  }
  & > ul:nth-of-type(2) > li:hover { background: var(--pp-soft); transform: translateX(4px); }

  /* Angka penting (mis. "no more than 20%") diberi stabilo emas */
  & > ul:nth-of-type(2) p > strong ~ strong {
    background: linear-gradient(transparent 58%, rgba(222, 163, 7, 0.38) 58%);
    padding: 0 2px;
  }

  /* ---------- Daftar 3: tahapan sanksi (timeline bernomor) ---------- */
  & > ul:nth-of-type(3) { counter-reset: pp-step; margin-top: 1.2rem; }
  & > ul:nth-of-type(3) > li {
    counter-increment: pp-step;
    position: relative;
    padding: 0 0 1.5rem 3.4rem;
  }
  & > ul:nth-of-type(3) > li::before {
    content: counter(pp-step);
    position: absolute;
    left: 0; top: 0;
    display: grid;
    place-items: center;
    width: 2.3rem; height: 2.3rem;
    border-radius: 50%;
    background: var(--pp-blue);
    color: #fff;
    font-weight: 700;
    box-shadow: 0 0 0 5px var(--pp-soft);
  }
  /* Garis penghubung antar tahap */
  & > ul:nth-of-type(3) > li::after {
    content: "";
    position: absolute;
    left: 1.15rem; top: 2.6rem; bottom: 0.2rem;
    width: 2px;
    background: linear-gradient(var(--pp-blue), #cfe0f0);
  }
  & > ul:nth-of-type(3) > li:last-child { padding-bottom: 0.4rem; }
  & > ul:nth-of-type(3) > li:last-child::after { display: none; }

  /* Judul tahap */
  & > ul:nth-of-type(3) > li > p:first-child > strong {
    display: block;
    margin: 0.2rem 0 0.6rem;
    color: var(--pp-deep);
    font-size: 1.08rem;
  }

  /* Rincian di dalam tiap tahap */
  & > ul:nth-of-type(3) ul { margin: 0; }
  & > ul:nth-of-type(3) ul li {
    margin-bottom: 0.55rem;
    padding: 0.8rem 1rem;
    background: #f6f9fc;
    border: 1px solid var(--pp-line);
    border-left: 3px solid var(--pp-gold);
    border-radius: 0 10px 10px 0;
    transition: transform 0.4s var(--pp-ease), box-shadow 0.4s var(--pp-ease);
  }
  & > ul:nth-of-type(3) ul li:hover {
    transform: translateX(4px);
    box-shadow: 0 10px 20px -14px rgba(36, 73, 107, 0.5);
  }

  /* Istilah sanksi ("Desk Rejection", "Article Retraction") jadi label */
  & > ul:nth-of-type(3) ul strong {
    padding: 1px 9px;
    border-radius: 999px;
    background: #fff1cc;
    color: #8a5a00;
    white-space: nowrap;
  }
}

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .page:has(> h2 + p + h3 + p + ul):not(:has(> h4)) {
    padding: 1.4rem 1.1rem 1rem;
    & > h2 { font-size: 1.5rem; }
    & > h3 { font-size: 1.08rem; }
    & > ul:nth-of-type(3) > li { padding-left: 2.9rem; }
  }
}

/* =====================================================================
   ANIMASI (otomatis mati jika pengunjung memilih "reduce motion")
   ===================================================================== */
@keyframes jp-shimmer { from { background-position: 0% 0; } to { background-position: 200% 0; } }
@keyframes jp-rise    { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
@keyframes jp-grow    { from { width: 0; } to { width: 64px; } }
@keyframes jp-reveal  { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }

@media (prefers-reduced-motion: no-preference) {
  .pkp_structure_main .page:has(> h2 + p + h3 + p + ul):not(:has(> h4)) {

    &::before { animation: jp-shimmer 9s linear infinite; }

    /* Pembuka: judul, lalu kotak sorotan menyusul */
    & > h2     { animation: jp-rise 0.8s var(--pp-ease) both; }
    & > h2 + p { animation: jp-rise 0.8s var(--pp-ease) 0.12s both; }
    & > h2::after { animation: jp-grow 1s var(--pp-ease) 0.35s both; }

    /* Bagian di bawahnya muncul saat di-scroll (Chrome, Edge, Safari 26+) */
    @supports (animation-timeline: view()) {
      & > h3,
      & > ul > li {
        animation: jp-reveal linear both;
        animation-timeline: view();
        animation-range: entry 0% entry 30%;
      }
    }
  }
}

/* =====================================================================
   HALAMAN CONFLICT OF INTEREST POLICY
   ===================================================================== */
.pkp_structure_main .page:has(> h2 + p + h3 + p + h3 + p + ul) {
  --ci-blue: #4884B4;
  --ci-deep: #24496b;
  --ci-gold: #DEA307;
  --ci-soft: #ECF3FF;
  --ci-line: #e1e8f0;
  --ci-ease: cubic-bezier(0.22, 0.8, 0.24, 1);

  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 14px;
  padding: 2.2rem 2.4rem 1.6rem;
  box-shadow: 0 2px 10px rgba(36, 73, 107, 0.07), 0 18px 40px -22px rgba(36, 73, 107, 0.35);
  color: #33424f;
  line-height: 1.75;

  /* Garis aksen di atas kartu */
  &::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--ci-blue) 0%, var(--ci-blue) 40%, #9fc8ea 50%, var(--ci-blue) 60%, var(--ci-blue) 100%);
    background-size: 200% 100%;
  }

  /* Judul halaman */
  & > h2 {
    position: relative;
    margin: 0 0 1.4rem;
    padding-bottom: 0.9rem;
    color: var(--ci-deep);
    font-size: 1.9rem;
    line-height: 1.25;
  }
  & > h2::after {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 64px; height: 4px;
    border-radius: 2px;
    background: var(--ci-gold);
  }

  /* Paragraf pembuka: kotak sorotan */
  & > h2 + p {
    margin: 0 0 1rem;
    padding: 1.1rem 1.3rem;
    background: linear-gradient(100deg, var(--ci-soft), #f8fbff);
    border-left: 4px solid var(--ci-gold);
    border-radius: 0 12px 12px 0;
    font-size: 1.04rem;
  }
  & strong { color: var(--ci-deep); }

  /* Judul tiap bagian + ikon bulat sesuai perannya */
  & > h3 {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin: 2.3rem 0 0.9rem;
    padding: 0.7rem 1.1rem;
    background: linear-gradient(90deg, var(--ci-soft), transparent);
    border-left: 4px solid var(--ci-blue);
    border-radius: 0 10px 10px 0;
    color: var(--ci-deep);
    font-size: 1.2rem;
    line-height: 1.4;
  }
  & > h3::before {
    flex: none;
    display: grid;
    place-items: center;
    width: 2rem; height: 2rem;
    border-radius: 50%;
    background: var(--ci-blue);
    color: #fff;
    font-family: FontAwesome;
    font-size: 0.9rem;
    font-weight: normal;
    line-height: 1;
  }
  & > h3:nth-of-type(1)::before { content: "\f05a"; } /* definisi: info */
  & > h3:nth-of-type(2)::before { content: "\f040"; } /* penulis: pensil */
  & > h3:nth-of-type(3)::before { content: "\f06e"; } /* reviewer: mata */
  & > h3:nth-of-type(4)::before { content: "\f0e3"; } /* editor: palu */

  & > p { margin: 0 0 1rem; }

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

  /* ---------- Daftar utama: kartu dengan ikon ---------- */
  & ul { list-style: none; margin: 0; padding: 0; }
  & > ul { margin-bottom: 1rem; }
  & li > p { margin: 0; }

  & > ul > li {
    position: relative;
    margin-bottom: 0.8rem;
    padding: 1rem 1.2rem 1rem 4.2rem;
    background: #fff;
    border: 1px solid var(--ci-line);
    border-radius: 12px;
    transition: transform 0.4s var(--ci-ease), box-shadow 0.4s var(--ci-ease), border-color 0.3s ease;
  }
  & > ul > li::before {
    content: "";
    position: absolute;
    left: 1.1rem; top: 1rem;
    display: grid;
    place-items: center;
    width: 2.2rem; height: 2.2rem;
    border-radius: 50%;
    background: var(--ci-soft);
    color: var(--ci-blue);
    font-family: FontAwesome;
    font-size: 0.95rem;
    line-height: 1;
  }
  & > ul > li:hover {
    transform: translateX(5px);
    border-color: var(--ci-gold);
    box-shadow: 0 12px 24px -14px rgba(36, 73, 107, 0.45);
  }

  /* Ikon per kartu */
  & > ul:nth-of-type(1) > li:nth-child(1)::before { content: "\f0d6"; } /* uang */
  & > ul:nth-of-type(1) > li:nth-child(2)::before { content: "\f0c0"; } /* orang */
  & > ul:nth-of-type(1) > li:nth-child(3)::before { content: "\f15c"; } /* dokumen */
  & > ul:nth-of-type(2) > li:nth-child(1)::before { content: "\f05e"; background: #fdecea; color: #c0463d; } /* larangan */
  & > ul:nth-of-type(2) > li:nth-child(2)::before { content: "\f023"; } /* gembok */
  & > ul:nth-of-type(3) > li:nth-child(1)::before { content: "\f235"; } /* mundur diri */
  & > ul:nth-of-type(3) > li:nth-child(2)::before { content: "\f0ec"; } /* pelimpahan */

  /* Penulis: label kartu jadi judul */
  & > ul:nth-of-type(1) > li > p:first-child > strong:first-child {
    display: block;
    margin-bottom: 0.15rem;
    color: var(--ci-deep);
    font-size: 1.04rem;
  }
  /* Istilah penting di penulis: stabilo emas */
  & > ul:nth-of-type(1) > li > p > strong:not(:first-child) {
    background: linear-gradient(transparent 58%, rgba(222, 163, 7, 0.38) 58%);
    padding: 0 2px;
  }
  /* Istilah kunci di reviewer & editor: label emas */
  & > ul:nth-of-type(n+2) > li > p > strong {
    padding: 1px 9px;
    border-radius: 999px;
    background: #fff1cc;
    color: #8a5a00;
    white-space: nowrap;
  }

  /* ---------- Contoh pernyataan (penulis): kartu hijau & kuning ---------- */
  & > ul:nth-of-type(1) ul { margin-top: 0.9rem; }
  & > ul:nth-of-type(1) ul li {
    margin-bottom: 0.6rem;
    padding: 0.8rem 1rem;
    border-left: 4px solid;
    border-radius: 0 10px 10px 0;
    font-size: 0.96rem;
  }
  & > ul:nth-of-type(1) ul li:nth-child(1) { background: #edf7f1; border-color: #2e9e6b; }
  & > ul:nth-of-type(1) ul li:nth-child(2) { background: #fff7e3; border-color: var(--ci-gold); }
  & > ul:nth-of-type(1) ul em {
    display: block;
    margin-bottom: 0.25rem;
    font-style: normal;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }
  & > ul:nth-of-type(1) ul li:nth-child(1) em { color: #1f7a50; }
  & > ul:nth-of-type(1) ul li:nth-child(2) em { color: #8a5a00; }

  /* ---------- Kondisi wajib mundur (reviewer): baris merah muda dengan silang ---------- */
  & > ul:nth-of-type(2) ul { margin-top: 0.8rem; }
  & > ul:nth-of-type(2) ul li {
    position: relative;
    margin-bottom: 0.45rem;
    padding: 0.6rem 0.9rem 0.6rem 2.5rem;
    background: #fdf3f2;
    border-radius: 10px;
    font-size: 0.97rem;
  }
  & > ul:nth-of-type(2) ul li::before {
    content: "\f00d";
    position: absolute;
    left: 0.95rem; top: 0.6rem;
    color: #c0463d;
    font-family: FontAwesome;
    font-size: 0.95rem;
  }
}

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .page:has(> h2 + p + h3 + p + h3 + p + ul) {
    padding: 1.4rem 1.1rem 1rem;
    & > h2 { font-size: 1.5rem; }
    & > h3 { font-size: 1.05rem; }
    & > ul > li { padding: 0.9rem 1rem 0.9rem 3.5rem; }
    & > ul > li::before { left: 0.8rem; width: 2rem; height: 2rem; }
  }
}

/* =====================================================================
   ANIMASI (otomatis mati jika pengunjung memilih "reduce motion")
   ===================================================================== */
@keyframes jc-shimmer { from { background-position: 0% 0; } to { background-position: 200% 0; } }
@keyframes jc-rise    { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
@keyframes jc-grow    { from { width: 0; } to { width: 64px; } }
@keyframes jc-reveal  { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }

@media (prefers-reduced-motion: no-preference) {
  .pkp_structure_main .page:has(> h2 + p + h3 + p + h3 + p + ul) {

    &::before { animation: jc-shimmer 9s linear infinite; }

    & > h2        { animation: jc-rise 0.8s var(--ci-ease) both; }
    & > h2 + p    { animation: jc-rise 0.8s var(--ci-ease) 0.12s both; }
    & > h2::after { animation: jc-grow 1s var(--ci-ease) 0.35s both; }

    /* Bagian di bawahnya muncul saat di-scroll (Chrome, Edge, Safari 26+) */
    @supports (animation-timeline: view()) {
      & > h3,
      & > ul > li {
        animation: jc-reveal linear both;
        animation-timeline: view();
        animation-range: entry 0% entry 30%;
      }
    }
  }
}

/* =====================================================================
   HALAMAN CORRECTION AND RETRACTION POLICY
   ===================================================================== */
.pkp_structure_main .page:has(> h2 + p + p + h3 + p + ul + p + ol) {
  --cr-blue:  #4884B4;
  --cr-deep:  #24496b;
  --cr-gold:  #DEA307;
  --cr-red:   #c0463d;
  --cr-soft:  #ECF3FF;
  --cr-line:  #e1e8f0;
  --cr-ease:  cubic-bezier(0.22, 0.8, 0.24, 1);

  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 14px;
  padding: 2.2rem 2.4rem 1.6rem;
  box-shadow: 0 2px 10px rgba(36, 73, 107, 0.07), 0 18px 40px -22px rgba(36, 73, 107, 0.35);
  color: #33424f;
  line-height: 1.75;

  /* Garis aksen di atas kartu */
  &::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--cr-blue) 0%, var(--cr-blue) 40%, #9fc8ea 50%, var(--cr-blue) 60%, var(--cr-blue) 100%);
    background-size: 200% 100%;
  }

  /* Judul halaman */
  & > h2 {
    position: relative;
    margin: 0 0 1.4rem;
    padding-bottom: 0.9rem;
    color: var(--cr-deep);
    font-size: 1.9rem;
    line-height: 1.25;
  }
  & > h2::after {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 64px; height: 4px;
    border-radius: 2px;
    background: var(--cr-gold);
  }

  /* Paragraf pembuka: kotak sorotan */
  & > h2 + p {
    margin: 0 0 1rem;
    padding: 1.1rem 1.3rem;
    background: linear-gradient(100deg, var(--cr-soft), #f8fbff);
    border-left: 4px solid var(--cr-gold);
    border-radius: 0 12px 12px 0;
    font-size: 1.04rem;
  }
  & strong { color: var(--cr-deep); }

  /* Judul bagian + ikon bulat */
  & > h3 {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin: 2.3rem 0 0.9rem;
    padding: 0.7rem 1.1rem;
    background: linear-gradient(90deg, var(--cr-soft), transparent);
    border-left: 4px solid var(--cr-blue);
    border-radius: 0 10px 10px 0;
    color: var(--cr-deep);
    font-size: 1.2rem;
    line-height: 1.4;
  }
  & > h3::before {
    flex: none;
    display: grid;
    place-items: center;
    width: 2rem; height: 2rem;
    border-radius: 50%;
    background: var(--cr-blue);
    color: #fff;
    font-family: FontAwesome;
    font-size: 0.9rem;
    font-weight: normal;
    line-height: 1;
  }
  & > h3:nth-of-type(1)::before { content: "\f044"; }                         /* koreksi: edit */
  & > h3:nth-of-type(2)::before { content: "\f06a"; background: var(--cr-gold); } /* concern: seru */
  & > h3:nth-of-type(3)::before { content: "\f0e2"; background: var(--cr-red); }  /* retraksi: tarik kembali */
  & > h3:nth-of-type(4)::before { content: "\f0e0"; }                         /* kontak: surat */
  & > h3:nth-of-type(2) { border-left-color: var(--cr-gold); background: linear-gradient(90deg, #fff7e3, transparent); }
  & > h3:nth-of-type(3) { border-left-color: var(--cr-red);  background: linear-gradient(90deg, #fdf0ee, transparent); }

  & > p { margin: 0 0 1rem; }

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

  /* Label "Process for ...:" dengan garis memanjang */
  & > p:has(+ ol) {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 1.6rem 0 1rem;
    color: var(--cr-deep);
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  & > p:has(+ ol)::after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, var(--cr-line), transparent);
  }

  /* Reset daftar bawaan */
  & ul, & ol { list-style: none; margin: 0; padding: 0; }
  & > ul { margin-bottom: 1rem; }
  & li > p { margin: 0; }

  /* ---------- Daftar bergaya kartu (ul) ---------- */
  & > ul > li {
    position: relative;
    margin-bottom: 0.7rem;
    padding: 0.95rem 1.2rem 0.95rem 4.2rem;
    background: #fff;
    border: 1px solid var(--cr-line);
    border-radius: 12px;
    transition: transform 0.4s var(--cr-ease), box-shadow 0.4s var(--cr-ease), border-color 0.3s ease;
  }
  & > ul > li::before {
    content: "";
    position: absolute;
    left: 1.1rem; top: 0.85rem;
    display: grid;
    place-items: center;
    width: 2.2rem; height: 2.2rem;
    border-radius: 50%;
    background: var(--cr-soft);
    color: var(--cr-blue);
    font-family: FontAwesome;
    font-size: 0.95rem;
    line-height: 1;
  }
  & > ul > li:hover {
    transform: translateX(5px);
    border-color: var(--cr-gold);
    box-shadow: 0 12px 24px -14px rgba(36, 73, 107, 0.45);
  }

  /* Jenis koreksi: judul kartu */
  & > ul:nth-of-type(1) > li > p > strong:first-child {
    display: block;
    margin-bottom: 0.15rem;
    color: var(--cr-deep);
    font-size: 1.04rem;
  }
  & > ul:nth-of-type(1) > li:nth-child(1)::before { content: "\f040"; } /* pensil: kesalahan penulis */
  & > ul:nth-of-type(1) > li:nth-child(2)::before { content: "\f085"; } /* roda gigi: kesalahan produksi */

  /* Expression of Concern: kartu amber */
  & > ul:nth-of-type(2) > li { background: #fffaf0; border-color: #f3e2b5; }
  & > ul:nth-of-type(2) > li::before { background: #fff1cc; color: #b57f00; }
  & > ul:nth-of-type(2) > li:nth-child(1)::before { content: "\f128"; } /* tanda tanya */
  & > ul:nth-of-type(2) > li:nth-child(2)::before { content: "\f002"; } /* kaca pembesar */
  & > ul:nth-of-type(2) > li:nth-child(3)::before { content: "\f0e3"; } /* palu sengketa */

  /* Catatan setelah daftar concern: kotak info */
  & > ul:nth-of-type(2) + p {
    display: flex;
    gap: 0.8rem;
    align-items: flex-start;
    margin-top: 1.1rem;
    padding: 0.9rem 1.1rem;
    background: var(--cr-soft);
    border-radius: 12px;
    font-size: 0.97rem;
  }
  & > ul:nth-of-type(2) + p::before {
    content: "\f05a";
    flex: none;
    color: var(--cr-blue);
    font-family: FontAwesome;
    font-size: 1.2rem;
    line-height: 1.5;
  }

  /* Kriteria retraksi: kartu merah muda */
  & > ul:nth-of-type(3) > li { background: #fffafa; border-color: #f3d4d1; }
  & > ul:nth-of-type(3) > li::before { background: #fdecea; color: var(--cr-red); }
  & > ul:nth-of-type(3) > li:nth-child(1)::before { content: "\f1c0"; } /* data palsu */
  & > ul:nth-of-type(3) > li:nth-child(2)::before { content: "\f0c5"; } /* publikasi ganda */
  & > ul:nth-of-type(3) > li:nth-child(3)::before { content: "\f24d"; } /* plagiarisme */
  & > ul:nth-of-type(3) > li:nth-child(4)::before { content: "\f24e"; } /* pelanggaran etika */

  /* ---------- Langkah proses (ol): timeline bernomor ---------- */
  & > ol { counter-reset: cr-step; margin-bottom: 1rem; }
  & > ol > li {
    counter-increment: cr-step;
    position: relative;
    padding: 0.2rem 0 1.4rem 3.4rem;
  }
  & > ol > li::before {
    content: counter(cr-step);
    position: absolute;
    left: 0; top: 0;
    display: grid;
    place-items: center;
    width: 2.3rem; height: 2.3rem;
    border-radius: 50%;
    background: var(--cr-blue);
    color: #fff;
    font-weight: 700;
    box-shadow: 0 0 0 5px var(--cr-soft);
  }
  & > ol > li::after {
    content: "";
    position: absolute;
    left: 1.15rem; top: 2.6rem; bottom: 0.1rem;
    width: 2px;
    background: linear-gradient(var(--cr-blue), #cfe0f0);
  }
  & > ol > li:last-child { padding-bottom: 0.4rem; }
  & > ol > li:last-child::after { display: none; }

  /* Proses retraksi memakai warna merah */
  & > ol:nth-of-type(2) > li::before { background: var(--cr-red); box-shadow: 0 0 0 5px #fdecea; }
  & > ol:nth-of-type(2) > li::after  { background: linear-gradient(var(--cr-red), #f3d4d1); }

  /* Istilah kunci di langkah proses: stabilo emas */
  & > ol strong {
    background: linear-gradient(transparent 58%, rgba(222, 163, 7, 0.38) 58%);
    padding: 0 2px;
  }
  /* Judul notice: chip bergaya kode */
  & > ol em {
    padding: 1px 9px;
    border-radius: 6px;
    background: #f1f5f9;
    border: 1px solid var(--cr-line);
    color: var(--cr-deep);
    font-style: normal;
    font-size: 0.93em;
    white-space: nowrap;
  }

  /* ---------- Kontak: kartu dengan email sebagai tombol ---------- */
  & > h3:nth-of-type(4) + p {
    padding: 1.1rem 1.3rem;
    background: linear-gradient(100deg, var(--cr-soft), #f8fbff);
    border: 1px solid var(--cr-line);
    border-radius: 12px;
  }
  & > h3:nth-of-type(4) + p > strong {
    display: inline-block;
    margin-top: 0.3rem;
    padding: 2px 14px;
    border-radius: 999px;
    background: var(--cr-blue);
    color: #fff;
    font-size: 0.95rem;
    box-shadow: 0 6px 14px -8px rgba(72, 132, 180, 0.9);
  }
}

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .page:has(> h2 + p + p + h3 + p + ul + p + ol) {
    padding: 1.4rem 1.1rem 1rem;
    & > h2 { font-size: 1.5rem; }
    & > h3 { font-size: 1.05rem; }
    & > ul > li { padding: 0.9rem 1rem 0.9rem 3.5rem; }
    & > ul > li::before { left: 0.8rem; width: 2rem; height: 2rem; }
    & > ol > li { padding-left: 2.9rem; }
  }
}

/* =====================================================================
   ANIMASI (otomatis mati jika pengunjung memilih "reduce motion")
   ===================================================================== */
@keyframes jr-shimmer { from { background-position: 0% 0; } to { background-position: 200% 0; } }
@keyframes jr-rise    { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
@keyframes jr-grow    { from { width: 0; } to { width: 64px; } }
@keyframes jr-reveal  { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }

@media (prefers-reduced-motion: no-preference) {
  .pkp_structure_main .page:has(> h2 + p + p + h3 + p + ul + p + ol) {

    &::before { animation: jr-shimmer 9s linear infinite; }

    & > h2        { animation: jr-rise 0.8s var(--cr-ease) both; }
    & > h2 + p    { animation: jr-rise 0.8s var(--cr-ease) 0.12s both; }
    & > h2::after { animation: jr-grow 1s var(--cr-ease) 0.35s both; }

    /* Bagian di bawahnya muncul saat di-scroll (Chrome, Edge, Safari 26+) */
    @supports (animation-timeline: view()) {
      & > h3,
      & > ul > li,
      & > ol > li,
      & > p:has(+ ol) {
        animation: jr-reveal linear both;
        animation-timeline: view();
        animation-range: entry 0% entry 30%;
      }
    }
  }
}

/* =====================================================================
   HALAMAN OWNERSHIP AND MANAGEMENT INFORMATION
   ===================================================================== */
.pkp_structure_main .page:has(> h2 + p + h3 + ul + h3 + p + ul + h3 + p + ul + h3 + p) {
  --ow-blue: #4884B4;
  --ow-deep: #24496b;
  --ow-gold: #DEA307;
  --ow-soft: #ECF3FF;
  --ow-line: #e1e8f0;
  --ow-ease: cubic-bezier(0.22, 0.8, 0.24, 1);

  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 14px;
  padding: 2.2rem 2.4rem 1.6rem;
  box-shadow: 0 2px 10px rgba(36, 73, 107, 0.07), 0 18px 40px -22px rgba(36, 73, 107, 0.35);
  color: #33424f;
  line-height: 1.75;

  /* Garis aksen di atas kartu */
  &::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--ow-blue) 0%, var(--ow-blue) 40%, #9fc8ea 50%, var(--ow-blue) 60%, var(--ow-blue) 100%);
    background-size: 200% 100%;
  }

  /* Judul halaman */
  & > h2 {
    position: relative;
    margin: 0 0 1.4rem;
    padding-bottom: 0.9rem;
    color: var(--ow-deep);
    font-size: 1.9rem;
    line-height: 1.25;
  }
  & > h2::after {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 64px; height: 4px;
    border-radius: 2px;
    background: var(--ow-gold);
  }

  /* Paragraf pembuka: kotak sorotan */
  & > h2 + p {
    margin: 0 0 1rem;
    padding: 1.1rem 1.3rem;
    background: linear-gradient(100deg, var(--ow-soft), #f8fbff);
    border-left: 4px solid var(--ow-gold);
    border-radius: 0 12px 12px 0;
    font-size: 1.04rem;
  }
  & strong { color: var(--ow-deep); }

  /* Judul bagian + ikon bulat */
  & > h3 {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin: 2.3rem 0 0.9rem;
    padding: 0.7rem 1.1rem;
    background: linear-gradient(90deg, var(--ow-soft), transparent);
    border-left: 4px solid var(--ow-blue);
    border-radius: 0 10px 10px 0;
    color: var(--ow-deep);
    font-size: 1.2rem;
    line-height: 1.4;
  }
  & > h3::before {
    flex: none;
    display: grid;
    place-items: center;
    width: 2rem; height: 2rem;
    border-radius: 50%;
    background: var(--ow-blue);
    color: #fff;
    font-family: FontAwesome;
    font-size: 0.9rem;
    font-weight: normal;
    line-height: 1;
  }
  & > h3:nth-of-type(1)::before { content: "\f19c"; } /* kepemilikan: universitas */
  & > h3:nth-of-type(2)::before { content: "\f132"; } /* independensi: perisai */
  & > h3:nth-of-type(3)::before { content: "\f0e8"; } /* struktur: bagan */
  & > h3:nth-of-type(4)::before { content: "\f0e0"; } /* kontak: surat */

  & > p { margin: 0 0 1rem; }

  /* Tautan di dalam konten */
  & li a {
    color: var(--ow-blue);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid rgba(72, 132, 180, 0.35);
    transition: color 0.25s ease, border-color 0.25s ease;
  }
  & li a:hover { color: var(--ow-gold); border-color: var(--ow-gold); }

  /* Reset daftar bawaan */
  & ul { list-style: none; margin: 0; padding: 0; }
  & > ul { margin-bottom: 1rem; }
  & li > p { margin: 0; }

  /* ---------- Daftar 1: data kepemilikan (tabel info) ---------- */
  & > ul:nth-of-type(1) {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--ow-line);
    border-radius: 14px;
  }
  & > ul:nth-of-type(1) > li {
    position: relative;
    padding: 0.95rem 1.2rem 0.95rem 4.2rem;
    border-bottom: 1px solid var(--ow-line);
    transition: background-color 0.3s ease, box-shadow 0.35s var(--ow-ease);
  }
  & > ul:nth-of-type(1) > li:nth-child(odd) { background: #f8fbff; }
  & > ul:nth-of-type(1) > li:last-child { border-bottom: 0; }
  & > ul:nth-of-type(1) > li:hover {
    background: var(--ow-soft);
    box-shadow: inset 4px 0 0 var(--ow-gold);
  }
  & > ul:nth-of-type(1) > li::before {
    content: "";
    position: absolute;
    left: 1.1rem; top: 0.85rem;
    display: grid;
    place-items: center;
    width: 2.2rem; height: 2.2rem;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--ow-line);
    color: var(--ow-blue);
    font-family: FontAwesome;
    font-size: 0.95rem;
    line-height: 1;
  }
  & > ul:nth-of-type(1) > li:nth-child(1)::before { content: "\f02d"; } /* judul */
  & > ul:nth-of-type(1) > li:nth-child(2)::before { content: "\f19c"; } /* penerbit */
  & > ul:nth-of-type(1) > li:nth-child(3)::before { content: "\f0e8"; } /* badan pengelola */
  & > ul:nth-of-type(1) > li:nth-child(4)::before { content: "\f041"; } /* alamat */
  & > ul:nth-of-type(1) > li:nth-child(5)::before { content: "\f0e0"; } /* email */

  /* Label di kiri, isi di kanan */
  & > ul:nth-of-type(1) > li > p {
    display: grid;
    grid-template-columns: 9.5rem 1fr;
    gap: 0.2rem 1rem;
    align-items: baseline;
  }
  & > ul:nth-of-type(1) > li > p > strong:first-child {
    color: var(--ow-deep);
    font-size: 0.8rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  /* ---------- Daftar 2 & 3: kartu dengan ikon ---------- */
  & > ul:nth-of-type(n+2) > li {
    position: relative;
    margin-bottom: 0.75rem;
    padding: 0.95rem 1.2rem 0.95rem 4.2rem;
    background: #fff;
    border: 1px solid var(--ow-line);
    border-radius: 12px;
    transition: transform 0.4s var(--ow-ease), box-shadow 0.4s var(--ow-ease), border-color 0.3s ease;
  }
  & > ul:nth-of-type(n+2) > li::before {
    content: "";
    position: absolute;
    left: 1.1rem; top: 0.85rem;
    display: grid;
    place-items: center;
    width: 2.2rem; height: 2.2rem;
    border-radius: 50%;
    background: var(--ow-soft);
    color: var(--ow-blue);
    font-family: FontAwesome;
    font-size: 0.95rem;
    line-height: 1;
  }
  & > ul:nth-of-type(n+2) > li:hover {
    transform: translateX(5px);
    border-color: var(--ow-gold);
    box-shadow: 0 12px 24px -14px rgba(36, 73, 107, 0.45);
  }

  /* Independensi editorial */
  & > ul:nth-of-type(2) > li:nth-child(1)::before { content: "\f0c1"; } /* pemisahan struktur */
  & > ul:nth-of-type(2) > li:nth-child(2)::before { content: "\f0e3"; } /* otoritas keputusan */

  /* Peran operasional: judul kartu */
  & > ul:nth-of-type(3) > li > p > strong:first-child {
    display: block;
    margin-bottom: 0.15rem;
    color: var(--ow-deep);
    font-size: 1.04rem;
  }
  & > ul:nth-of-type(3) > li:nth-child(1)::before { content: "\f2be"; } /* Editor-in-Chief */
  & > ul:nth-of-type(3) > li:nth-child(2)::before { content: "\f0c0"; } /* Editorial Board */
  & > ul:nth-of-type(3) > li:nth-child(3)::before { content: "\f013"; } /* Technical Editors */

  /* ---------- Kontak: kartu dengan email sebagai tombol ---------- */
  & > h3:nth-of-type(4) + p {
    padding: 1.1rem 1.3rem;
    background: linear-gradient(100deg, var(--ow-soft), #f8fbff);
    border: 1px solid var(--ow-line);
    border-radius: 12px;
  }
  & > h3:nth-of-type(4) + p > strong {
    display: inline-block;
    margin-top: 0.3rem;
    padding: 2px 14px;
    border-radius: 999px;
    background: var(--ow-blue);
    color: #fff;
    font-size: 0.95rem;
    box-shadow: 0 6px 14px -8px rgba(72, 132, 180, 0.9);
  }
}

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .page:has(> h2 + p + h3 + ul + h3 + p + ul + h3 + p + ul + h3 + p) {
    padding: 1.4rem 1.1rem 1rem;
    & > h2 { font-size: 1.5rem; }
    & > h3 { font-size: 1.05rem; }
    & > ul > li { padding: 0.9rem 1rem 0.9rem 3.5rem !important; }
    & > ul > li::before { left: 0.8rem !important; width: 2rem !important; height: 2rem !important; }
    & > ul:nth-of-type(1) > li > p { grid-template-columns: 1fr; }
  }
}

/* =====================================================================
   ANIMASI (otomatis mati jika pengunjung memilih "reduce motion")
   ===================================================================== */
@keyframes jo-shimmer { from { background-position: 0% 0; } to { background-position: 200% 0; } }
@keyframes jo-rise    { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
@keyframes jo-grow    { from { width: 0; } to { width: 64px; } }
@keyframes jo-reveal  { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }

@media (prefers-reduced-motion: no-preference) {
  .pkp_structure_main .page:has(> h2 + p + h3 + ul + h3 + p + ul + h3 + p + ul + h3 + p) {

    &::before { animation: jo-shimmer 9s linear infinite; }

    & > h2        { animation: jo-rise 0.8s var(--ow-ease) both; }
    & > h2 + p    { animation: jo-rise 0.8s var(--ow-ease) 0.12s both; }
    & > h2::after { animation: jo-grow 1s var(--ow-ease) 0.35s both; }

    /* Bagian di bawahnya muncul saat di-scroll (Chrome, Edge, Safari 26+) */
    @supports (animation-timeline: view()) {
      & > h3,
      & > ul:nth-of-type(n+2) > li,
      & > ul:nth-of-type(1) {
        animation: jo-reveal linear both;
        animation-timeline: view();
        animation-range: entry 0% entry 30%;
      }
    }
  }
}

/* =====================================================================
   HALAMAN GENERATIVE AI POLICIES
   ===================================================================== */
.pkp_structure_main .page:has(> h2 + p + p + p + p + h3 + h4) {
  --ga-blue: #4884B4;
  --ga-deep: #24496b;
  --ga-gold: #DEA307;
  --ga-red:  #c0463d;
  --ga-soft: #ECF3FF;
  --ga-line: #e1e8f0;
  --ga-ease: cubic-bezier(0.22, 0.8, 0.24, 1);

  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 14px;
  padding: 2.2rem 2.4rem 1.6rem;
  box-shadow: 0 2px 10px rgba(36, 73, 107, 0.07), 0 18px 40px -22px rgba(36, 73, 107, 0.35);
  color: #33424f;
  line-height: 1.75;

  /* Garis aksen di atas kartu */
  &::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--ga-blue) 0%, var(--ga-blue) 40%, #9fc8ea 50%, var(--ga-blue) 60%, var(--ga-blue) 100%);
    background-size: 200% 100%;
  }

  & strong { color: var(--ga-deep); }
  & > p { margin: 0 0 1rem; }
  & ul, & ol { list-style: none; margin: 0; padding: 0; }
  & li > p { margin: 0; }
  & blockquote { margin: 0 0 1rem; padding: 0; border: 0; }
  & blockquote > p { margin: 0; }

  /* ---------- Judul halaman ---------- */
  & > h2 {
    position: relative;
    margin: 0 0 1.2rem;
    padding-bottom: 0.9rem;
    color: var(--ga-deep);
    font-size: 1.9rem;
    line-height: 1.25;
  }
  & > h2::after {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 64px; height: 4px;
    border-radius: 2px;
    background: var(--ga-gold);
  }

  /* Nama jurnal: lencana */
  & > h2 + p {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0 0 1.1rem;
    padding: 0.35rem 1.1rem 0.35rem 0.5rem;
    background: var(--ga-blue);
    border-radius: 999px;
    box-shadow: 0 6px 14px -8px rgba(72, 132, 180, 0.9);
    font-size: 0.9rem;
  }
  & > h2 + p::before {
    content: "\f2db"; /* microchip */
    display: grid;
    place-items: center;
    width: 1.9rem; height: 1.9rem;
    border-radius: 50%;
    background: #fff;
    color: var(--ga-blue);
    font-family: FontAwesome;
    font-size: 0.95rem;
    line-height: 1;
  }
  & > h2 + p strong { color: #fff; }

  /* Paragraf pembuka: kotak sorotan */
  & > h2 + p + p {
    padding: 1.1rem 1.3rem;
    background: linear-gradient(100deg, var(--ga-soft), #f8fbff);
    border-left: 4px solid var(--ga-gold);
    border-radius: 0 12px 12px 0;
    font-size: 1.04rem;
  }

  /* Pernyataan sikap JTMI */
  & > h2 + p + p + p {
    padding: 1rem 1.3rem;
    background: #f6f9fc;
    border: 1px solid var(--ga-line);
    border-left: 4px solid var(--ga-blue);
    border-radius: 0 12px 12px 0;
  }

  /* ---------- Judul bagian utama (h3): pita biru ---------- */
  & > h3 {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin: 2.6rem -2.4rem 1.1rem;
    padding: 0.8rem 2.4rem;
    background: linear-gradient(100deg, var(--ga-blue), var(--ga-deep));
    border-bottom: 3px solid var(--ga-gold);
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.4;
  }
  & > h3::before {
    flex: none;
    display: grid;
    place-items: center;
    width: 2.1rem; height: 2.1rem;
    border-radius: 50%;
    background: #fff;
    color: var(--ga-blue);
    font-family: FontAwesome;
    font-size: 0.95rem;
    font-weight: normal;
    line-height: 1;
  }
  & > h3:nth-of-type(1)::before { content: "\f007"; } /* penulis */
  & > h3:nth-of-type(2)::before { content: "\f06e"; } /* reviewer */
  & > h3:nth-of-type(3)::before { content: "\f0e3"; } /* editor */
  & > h3:nth-of-type(4)::before { content: "\f021"; } /* pembaruan */
  & > h3:nth-of-type(5)::before { content: "\f02d"; } /* referensi */

  /* Paragraf pembuka tiap bagian */
  & > h3 + p {
    padding: 1rem 1.3rem;
    background: linear-gradient(100deg, var(--ga-soft), #f8fbff);
    border-left: 4px solid var(--ga-gold);
    border-radius: 0 12px 12px 0;
    font-size: 1.03rem;
  }

  /* ---------- Sub-judul (h4) ---------- */
  & > h4 {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin: 2rem 0 0.9rem;
    padding: 0.65rem 1.1rem;
    background: linear-gradient(90deg, var(--ga-soft), transparent);
    border-left: 4px solid var(--ga-blue);
    border-radius: 0 10px 10px 0;
    color: var(--ga-deep);
    font-size: 1.12rem;
    line-height: 1.4;
  }
  & > h4::before {
    flex: none;
    display: grid;
    place-items: center;
    width: 1.9rem; height: 1.9rem;
    border-radius: 50%;
    background: var(--ga-blue);
    color: #fff;
    font-family: FontAwesome;
    font-size: 0.85rem;
    font-weight: normal;
    line-height: 1;
  }
  & > h4:nth-of-type(1)::before { content: "\f040"; } /* penggunaan */
  & > h4:nth-of-type(2)::before { content: "\f132"; } /* penggunaan bertanggung jawab */
  & > h4:nth-of-type(3)::before { content: "\f0f6"; } /* disclosure */
  & > h4:nth-of-type(4)::before { content: "\f0c0"; } /* kepenulisan */
  & > h4:nth-of-type(5)::before { content: "\f03e"; } /* gambar */

  /* ---------- Label pengantar daftar ("This includes ...:") ---------- */
  & > p:has(+ ul),
  & > p:has(+ blockquote:nth-of-type(2)) {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 1.5rem 0 0.9rem;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }
  & > p:has(+ ul)::after,
  & > p:has(+ blockquote:nth-of-type(2))::after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, var(--ga-line), transparent);
  }

  /* ---------- Penekanan paragraf tertentu ---------- */

  /* "Authors remain fully responsible ..." */
  & > h4:nth-of-type(1) + p + p + p {
    padding: 0.9rem 1.2rem;
    background: #fff8e6;
    border-left: 4px solid var(--ga-gold);
    border-radius: 0 12px 12px 0;
    font-weight: 600;
    color: var(--ga-deep);
  }

  /* "Human oversight is required ..." */
  & > h4:nth-of-type(2) + p + p + p {
    padding: 0.9rem 1.2rem;
    background: #fff8e6;
    border-left: 4px solid var(--ga-gold);
    border-radius: 0 12px 12px 0;
    font-weight: 600;
    color: var(--ga-deep);
  }

  /* "Transparency is essential." */
  & > h4:nth-of-type(3) + p {
    color: var(--ga-blue);
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.01em;
  }

  /* "Generative AI systems cannot be listed as authors" */
  & > h4:nth-of-type(4) + p {
    position: relative;
    padding: 1rem 1.3rem 1rem 4.2rem;
    background: #fffafa;
    border: 1px solid #f3d4d1;
    border-left: 4px solid var(--ga-red);
    border-radius: 0 12px 12px 0;
    font-weight: 600;
    color: var(--ga-deep);
  }
  & > h4:nth-of-type(4) + p::before {
    content: "\f05e";
    position: absolute;
    left: 1.1rem; top: 0.85rem;
    display: grid;
    place-items: center;
    width: 2.2rem; height: 2.2rem;
    border-radius: 50%;
    background: #fdecea;
    color: var(--ga-red);
    font-family: FontAwesome;
    font-size: 1rem;
    line-height: 1;
  }

  /* "AI tools must not be used to fabricate ..." */
  & > h4:nth-of-type(5) + p + p {
    position: relative;
    padding: 1rem 1.3rem 1rem 4.2rem;
    background: #fffafa;
    border: 1px solid #f3d4d1;
    border-left: 4px solid var(--ga-red);
    border-radius: 0 12px 12px 0;
  }
  & > h4:nth-of-type(5) + p + p::before {
    content: "\f071";
    position: absolute;
    left: 1.1rem; top: 0.85rem;
    display: grid;
    place-items: center;
    width: 2.2rem; height: 2.2rem;
    border-radius: 50%;
    background: #fdecea;
    color: var(--ga-red);
    font-family: FontAwesome;
    font-size: 1rem;
    line-height: 1;
  }

  /* ---------- Daftar: gaya kartu bersama ---------- */
  & > ul > li {
    position: relative;
    margin-bottom: 0.7rem;
    background: #fff;
    border: 1px solid var(--ga-line);
    border-radius: 12px;
    transition: transform 0.4s var(--ga-ease), box-shadow 0.4s var(--ga-ease), border-color 0.3s ease;
  }
  & > ul > li::before {
    display: grid;
    place-items: center;
    background: var(--ga-soft);
    color: var(--ga-blue);
    font-family: FontAwesome;
    line-height: 1;
  }
  & > ul > li:hover {
    border-color: var(--ga-gold);
    box-shadow: 0 12px 24px -14px rgba(36, 73, 107, 0.45);
  }

  /* Daftar 1: tanggung jawab penulis (kartu satu kolom) */
  & > ul:nth-of-type(1) > li {
    padding: 0.85rem 1.2rem 0.85rem 4.2rem;
  }
  & > ul:nth-of-type(1) > li::before {
    content: "";
    position: absolute;
    left: 1.1rem; top: 0.7rem;
    width: 2.2rem; height: 2.2rem;
    border-radius: 50%;
    font-size: 0.95rem;
  }
  & > ul:nth-of-type(1) > li:hover { transform: translateX(5px); }
  & > ul:nth-of-type(1) > li:nth-child(1)::before { content: "\f058"; } /* akurasi */
  & > ul:nth-of-type(1) > li:nth-child(2)::before { content: "\f10d"; } /* sitasi */
  & > ul:nth-of-type(1) > li:nth-child(3)::before { content: "\f0eb"; } /* interpretasi */
  & > ul:nth-of-type(1) > li:nth-child(4)::before { content: "\f05e"; background: #fdecea; color: var(--ga-red); } /* plagiarisme */
  & > ul:nth-of-type(1) > li:nth-child(5)::before { content: "\f023"; } /* kerahasiaan */
  & > ul:nth-of-type(1) > li:nth-child(6)::before { content: "\f24e"; } /* etika */

  /* Daftar 2: isi deklarasi (empat kotak) */
  & > ul:nth-of-type(2) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 0.8rem;
    margin-bottom: 1.2rem;
  }
  & > ul:nth-of-type(2) > li {
    margin: 0;
    padding: 1.1rem 1.1rem 1rem;
    text-align: center;
    background: #f8fbff;
  }
  & > ul:nth-of-type(2) > li::before {
    width: 2.8rem; height: 2.8rem;
    margin: 0 auto 0.6rem;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--ga-line);
    font-size: 1.15rem;
  }
  & > ul:nth-of-type(2) > li:hover { transform: translateY(-4px); }
  & > ul:nth-of-type(2) > li:nth-child(1)::before { content: "\f2db"; } /* nama tool */
  & > ul:nth-of-type(2) > li:nth-child(2)::before { content: "\f1ad"; } /* developer */
  & > ul:nth-of-type(2) > li:nth-child(3)::before { content: "\f140"; } /* tujuan */
  & > ul:nth-of-type(2) > li:nth-child(4)::before { content: "\f058"; } /* konfirmasi */

  /* Daftar 3: tanggung jawab penulis manusia */
  & > ul:nth-of-type(3) > li {
    padding: 0.85rem 1.2rem 0.85rem 4.2rem;
  }
  & > ul:nth-of-type(3) > li::before {
    content: "";
    position: absolute;
    left: 1.1rem; top: 0.7rem;
    width: 2.2rem; height: 2.2rem;
    border-radius: 50%;
    font-size: 0.95rem;
  }
  & > ul:nth-of-type(3) > li:hover { transform: translateX(5px); }
  & > ul:nth-of-type(3) > li:nth-child(1)::before { content: "\f132"; } /* integritas */
  & > ul:nth-of-type(3) > li:nth-child(2)::before { content: "\f058"; } /* persetujuan */
  & > ul:nth-of-type(3) > li:nth-child(3)::before { content: "\f075"; } /* tanggapan */
  & > ul:nth-of-type(3) > li:nth-child(4)::before { content: "\f24e"; } /* etika publikasi */
  & > ul:nth-of-type(3) > li:nth-child(5)::before { content: "\f1f9"; } /* hak cipta */

  /* Daftar 4: dukungan alur kerja editorial (kotak dua kolom) */
  & > ul:nth-of-type(4) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.7rem;
    margin-bottom: 1.2rem;
  }
  & > ul:nth-of-type(4) > li {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin: 0;
    padding: 0.75rem 1rem;
    background: #f8fbff;
  }
  & > ul:nth-of-type(4) > li::before {
    flex: none;
    width: 2.1rem; height: 2.1rem;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--ga-line);
    font-size: 0.9rem;
  }
  & > ul:nth-of-type(4) > li:hover { transform: translateY(-3px); }
  & > ul:nth-of-type(4) > li:nth-child(1)::before { content: "\f1ab"; } /* bahasa */
  & > ul:nth-of-type(4) > li:nth-child(2)::before { content: "\f002"; } /* penyaringan */
  & > ul:nth-of-type(4) > li:nth-child(3)::before { content: "\f02c"; } /* metadata */
  & > ul:nth-of-type(4) > li:nth-child(4)::before { content: "\f0c5"; } /* plagiarisme */
  & > ul:nth-of-type(4) > li:nth-child(5)::before { content: "\f06e"; } /* reviewer */
  & > ul:nth-of-type(4) > li:nth-child(6)::before { content: "\f013"; } /* administrasi */

  /* ---------- Kutipan ---------- */

  /* Judul bagian deklarasi: pita biru */
  & > blockquote:nth-of-type(1) {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 0.4rem 0 1.2rem;
    padding: 1rem 1.3rem;
    background: linear-gradient(100deg, var(--ga-deep), var(--ga-blue));
    border-radius: 12px;
    box-shadow: 0 10px 22px -14px rgba(36, 73, 107, 0.7);
  }
  & > blockquote:nth-of-type(1)::before {
    content: "\f0f6";
    flex: none;
    display: grid;
    place-items: center;
    width: 2.3rem; height: 2.3rem;
    border-radius: 50%;
    background: var(--ga-gold);
    color: #fff;
    font-family: FontAwesome;
    font-size: 1.05rem;
    line-height: 1;
  }
  & > blockquote:nth-of-type(1) strong { color: #fff; font-size: 1.04rem; }

  /* Contoh pernyataan: kotak kutipan */
  & > blockquote:nth-of-type(2) {
    position: relative;
    padding: 1.2rem 1.4rem 1.2rem 4.4rem;
    background: #f6f9fc;
    border: 1px solid var(--ga-line);
    border-left: 4px solid var(--ga-gold);
    border-radius: 0 12px 12px 0;
  }
  & > blockquote:nth-of-type(2)::before {
    content: "\f10d";
    position: absolute;
    left: 1.2rem; top: 1.15rem;
    display: grid;
    place-items: center;
    width: 2.3rem; height: 2.3rem;
    border-radius: 50%;
    background: var(--ga-gold);
    color: #fff;
    font-family: FontAwesome;
    font-size: 1rem;
    line-height: 1;
  }
  & > blockquote:nth-of-type(2) em {
    color: #3d4f5f;
    font-size: 1.01rem;
    line-height: 1.8;
  }

  /* Catatan setelah contoh pernyataan: kotak info */
  & > blockquote:nth-of-type(2) + p {
    display: flex;
    gap: 0.8rem;
    align-items: flex-start;
    margin-top: 1.1rem;
    padding: 0.9rem 1.1rem;
    background: var(--ga-soft);
    border-radius: 12px;
    font-size: 0.96rem;
  }
  & > blockquote:nth-of-type(2) + p::before {
    content: "\f05a";
    flex: none;
    color: var(--ga-blue);
    font-family: FontAwesome;
    font-size: 1.25rem;
    line-height: 1.5;
  }

  /* ---------- Bagian Reviewer: paragraf jadi kartu berikon ---------- */
  & > h3:nth-of-type(2) + p + p,
  & > h3:nth-of-type(2) + p + p + p,
  & > h3:nth-of-type(2) + p + p + p + p,
  & > h3:nth-of-type(2) + p + p + p + p + p,
  & > h3:nth-of-type(2) + p + p + p + p + p + p,
  & > h3:nth-of-type(3) + p + p {
    position: relative;
    padding: 0.9rem 1.2rem 0.9rem 4.2rem;
    background: #fff;
    border: 1px solid var(--ga-line);
    border-radius: 12px;
    transition: transform 0.4s var(--ga-ease), box-shadow 0.4s var(--ga-ease), border-color 0.3s ease;
  }
  & > h3:nth-of-type(2) + p + p::before,
  & > h3:nth-of-type(2) + p + p + p::before,
  & > h3:nth-of-type(2) + p + p + p + p::before,
  & > h3:nth-of-type(2) + p + p + p + p + p::before,
  & > h3:nth-of-type(2) + p + p + p + p + p + p::before,
  & > h3:nth-of-type(3) + p + p::before {
    position: absolute;
    left: 1.1rem; top: 0.75rem;
    display: grid;
    place-items: center;
    width: 2.2rem; height: 2.2rem;
    border-radius: 50%;
    background: var(--ga-soft);
    color: var(--ga-blue);
    font-family: FontAwesome;
    font-size: 0.95rem;
    line-height: 1;
  }
  & > h3:nth-of-type(2) + p + p:hover,
  & > h3:nth-of-type(2) + p + p + p:hover,
  & > h3:nth-of-type(2) + p + p + p + p:hover,
  & > h3:nth-of-type(2) + p + p + p + p + p:hover,
  & > h3:nth-of-type(2) + p + p + p + p + p + p:hover,
  & > h3:nth-of-type(3) + p + p:hover {
    transform: translateX(5px);
    border-color: var(--ga-gold);
    box-shadow: 0 12px 24px -14px rgba(36, 73, 107, 0.45);
  }
  & > h3:nth-of-type(2) + p + p::before                         { content: "\f023"; } /* rahasia */
  & > h3:nth-of-type(2) + p + p + p::before                     { content: "\f05e"; background: #fdecea; color: var(--ga-red); } /* dilarang upload */
  & > h3:nth-of-type(2) + p + p + p + p::before                 { content: "\f00c"; } /* penggunaan terbatas */
  & > h3:nth-of-type(2) + p + p + p + p + p::before             { content: "\f0e3"; } /* tanggung jawab */
  & > h3:nth-of-type(2) + p + p + p + p + p + p::before         { content: "\f075"; } /* disclosure */
  & > h3:nth-of-type(3) + p + p::before                         { content: "\f05e"; background: #fdecea; color: var(--ga-red); } /* editor: dilarang upload */

  /* "Reviewers should not upload ..." dan "Editors should not upload ...": nuansa peringatan */
  & > h3:nth-of-type(2) + p + p + p,
  & > h3:nth-of-type(3) + p + p {
    background: #fffafa;
    border-color: #f3d4d1;
  }

  /* ---------- Bagian Editor: kalimat penegasan setelah daftar ---------- */
  & > ul:nth-of-type(4) + p {
    padding: 0.9rem 1.2rem;
    background: #fff8e6;
    border-left: 4px solid var(--ga-gold);
    border-radius: 0 12px 12px 0;
    font-weight: 600;
    color: var(--ga-deep);
  }
  & > ul:nth-of-type(4) + p + p,
  & > ul:nth-of-type(4) + p + p + p {
    position: relative;
    padding: 0.9rem 1.2rem 0.9rem 4.2rem;
    background: #fff;
    border: 1px solid var(--ga-line);
    border-radius: 12px;
    transition: transform 0.4s var(--ga-ease), box-shadow 0.4s var(--ga-ease), border-color 0.3s ease;
  }
  & > ul:nth-of-type(4) + p + p::before,
  & > ul:nth-of-type(4) + p + p + p::before {
    position: absolute;
    left: 1.1rem; top: 0.75rem;
    display: grid;
    place-items: center;
    width: 2.2rem; height: 2.2rem;
    border-radius: 50%;
    background: var(--ga-soft);
    color: var(--ga-blue);
    font-family: FontAwesome;
    font-size: 0.95rem;
    line-height: 1;
  }
  & > ul:nth-of-type(4) + p + p::before     { content: "\f0e3"; }
  & > ul:nth-of-type(4) + p + p + p::before { content: "\f132"; }
  & > ul:nth-of-type(4) + p + p:hover,
  & > ul:nth-of-type(4) + p + p + p:hover {
    transform: translateX(5px);
    border-color: var(--ga-gold);
    box-shadow: 0 12px 24px -14px rgba(36, 73, 107, 0.45);
  }

  /* ---------- Policy Updates ---------- */
  & > h3:nth-of-type(4) + p + p {
    padding: 0.9rem 1.1rem;
    background: var(--ga-soft);
    border-radius: 12px;
    font-size: 0.97rem;
  }

  /* ---------- References: daftar bernomor ---------- */
  & > ol { counter-reset: ga-ref; margin-bottom: 0.8rem; }
  & > ol > li {
    counter-increment: ga-ref;
    position: relative;
    margin-bottom: 0.7rem;
    padding: 0.9rem 1.2rem 0.9rem 4.2rem;
    background: #f8fbff;
    border: 1px solid var(--ga-line);
    border-radius: 12px;
    transition: transform 0.4s var(--ga-ease), box-shadow 0.4s var(--ga-ease), border-color 0.3s ease;
  }
  & > ol > li::before {
    content: counter(ga-ref);
    position: absolute;
    left: 1.1rem; top: 0.8rem;
    display: grid;
    place-items: center;
    width: 2.2rem; height: 2.2rem;
    border-radius: 50%;
    background: var(--ga-blue);
    color: #fff;
    font-weight: 700;
    box-shadow: 0 0 0 5px var(--ga-soft);
  }
  & > ol > li:hover {
    transform: translateX(5px);
    border-color: var(--ga-gold);
    box-shadow: 0 12px 24px -14px rgba(36, 73, 107, 0.45);
  }
  /* Nama lembaga (STM, Elsevier, WAME): label emas */
  & > ol > li > p > strong:first-child {
    display: inline-block;
    margin-right: 0.35rem;
    padding: 1px 11px;
    border-radius: 999px;
    background: #fff1cc;
    color: #8a5a00;
  }
}

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .page:has(> h2 + p + p + p + p + h3 + h4) {
    padding: 1.4rem 1.1rem 1rem;

    & > h2 { font-size: 1.5rem; }
    & > h3 { margin: 2rem -1.1rem 1rem; padding: 0.7rem 1.1rem; font-size: 1.12rem; }
    & > h4 { font-size: 1.04rem; }

    & > ul:nth-of-type(1) > li,
    & > ul:nth-of-type(3) > li { padding: 0.8rem 1rem 0.8rem 3.6rem; }
    & > ul:nth-of-type(1) > li::before,
    & > ul:nth-of-type(3) > li::before { left: 0.8rem; width: 2rem; height: 2rem; }

    & > h4:nth-of-type(4) + p,
    & > h4:nth-of-type(5) + p + p,
    & > h3:nth-of-type(2) + p + p,
    & > h3:nth-of-type(2) + p + p + p,
    & > h3:nth-of-type(2) + p + p + p + p,
    & > h3:nth-of-type(2) + p + p + p + p + p,
    & > h3:nth-of-type(2) + p + p + p + p + p + p,
    & > h3:nth-of-type(3) + p + p,
    & > ul:nth-of-type(4) + p + p,
    & > ul:nth-of-type(4) + p + p + p,
    & > ol > li { padding-left: 3.6rem; }

    & > blockquote:nth-of-type(2) { padding-left: 3.6rem; }
    & > blockquote:nth-of-type(2)::before { left: 0.8rem; width: 2rem; height: 2rem; }
  }
}

/* =====================================================================
   ANIMASI (otomatis mati jika pengunjung memilih "reduce motion")
   ===================================================================== */
@keyframes ga-shimmer { from { background-position: 0% 0; } to { background-position: 200% 0; } }
@keyframes ga-rise    { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
@keyframes ga-grow    { from { width: 0; } to { width: 64px; } }
@keyframes ga-reveal  { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }

@media (prefers-reduced-motion: no-preference) {
  .pkp_structure_main .page:has(> h2 + p + p + p + p + h3 + h4) {

    &::before { animation: ga-shimmer 9s linear infinite; }

    & > h2        { animation: ga-rise 0.8s var(--ga-ease) both; }
    & > h2 + p    { animation: ga-rise 0.8s var(--ga-ease) 0.08s both; }
    & > h2 + p + p { animation: ga-rise 0.8s var(--ga-ease) 0.16s both; }
    & > h2::after { animation: ga-grow 1s var(--ga-ease) 0.35s both; }

    /* Bagian di bawahnya muncul saat di-scroll (Chrome, Edge, Safari 26+) */
    @supports (animation-timeline: view()) {
      & > h3,
      & > h4,
      & > ul > li,
      & > ol > li,
      & > blockquote {
        animation: ga-reveal linear both;
        animation-timeline: view();
        animation-range: entry 0% entry 30%;
      }
    }
  }
}

/* =====================================================================
   HALAMAN PRIVACY STATEMENT
   ===================================================================== */
.pkp_structure_main .page_privacy {
  --pv-blue: #4884B4;
  --pv-deep: #24496b;
  --pv-gold: #DEA307;
  --pv-soft: #ECF3FF;
  --pv-line: #e1e8f0;
  --pv-ease: cubic-bezier(0.22, 0.8, 0.24, 1);

  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 14px;
  padding: 2rem 2.4rem 1.6rem;
  box-shadow: 0 2px 10px rgba(36, 73, 107, 0.07), 0 18px 40px -22px rgba(36, 73, 107, 0.35);
  color: #33424f;
  line-height: 1.75;

  /* Garis aksen di atas kartu */
  &::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--pv-blue) 0%, var(--pv-blue) 40%, #9fc8ea 50%, var(--pv-blue) 60%, var(--pv-blue) 100%);
    background-size: 200% 100%;
  }

  & strong { color: var(--pv-deep); }
  & > p { margin: 0 0 1rem; }
  & ul { list-style: none; margin: 0 0 1rem; padding: 0; }
  & li > p { margin: 0; }

  /* ---------- 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: #888888;
  }
  & .cmp_breadcrumbs a { color: var(--pv-blue); text-decoration: none; }
  & .cmp_breadcrumbs a:hover { color: #2e6da4; text-decoration: underline; }
  & .cmp_breadcrumbs .separator { margin: 0 8px; color: #c0c0c0; }
  & .cmp_breadcrumbs .current { font-weight: 600; color: #2e6da4; }

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

  /* Paragraf pembuka: kotak sorotan */
  & > h1 + p {
    padding: 1.1rem 1.3rem;
    background: linear-gradient(100deg, var(--pv-soft), #f8fbff);
    border-left: 4px solid var(--pv-gold);
    border-radius: 0 12px 12px 0;
    font-size: 1.04rem;
  }

  /* ---------- Judul bagian + ikon bulat ---------- */
  & > h3 {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin: 2.3rem 0 0.9rem;
    padding: 0.7rem 1.1rem;
    background: linear-gradient(90deg, var(--pv-soft), transparent);
    border-left: 4px solid var(--pv-blue);
    border-radius: 0 10px 10px 0;
    color: var(--pv-deep);
    font-size: 1.2rem;
    line-height: 1.4;
  }
  & > h3::before {
    flex: none;
    display: grid;
    place-items: center;
    width: 2rem; height: 2rem;
    border-radius: 50%;
    background: var(--pv-blue);
    color: #fff;
    font-family: FontAwesome;
    font-size: 0.9rem;
    font-weight: normal;
    line-height: 1;
  }
  & > h3:nth-of-type(1)::before { content: "\f1c0"; } /* pengumpulan data */
  & > h3:nth-of-type(2)::before { content: "\f085"; } /* penggunaan data */
  & > h3:nth-of-type(3)::before { content: "\f132"; } /* perlindungan */
  & > h3:nth-of-type(4)::before { content: "\f1da"; } /* retensi & hak pengguna */
  & > h3:nth-of-type(5)::before { content: "\f0e0"; } /* kontak */

  /* Kalimat pengantar daftar */
  & > h3 + p:not(:last-child) {
    margin-bottom: 0.9rem;
    font-weight: 600;
    color: #2e6da4;
  }

  /* ---------- Gaya kartu bersama ---------- */
  & > ul > li {
    position: relative;
    background: #fff;
    border: 1px solid var(--pv-line);
    border-radius: 12px;
    transition: transform 0.4s var(--pv-ease), box-shadow 0.4s var(--pv-ease), border-color 0.3s ease;
  }
  & > ul > li::before {
    display: grid;
    place-items: center;
    background: var(--pv-soft);
    color: var(--pv-blue);
    font-family: FontAwesome;
    line-height: 1;
  }
  & > ul > li:hover {
    border-color: var(--pv-gold);
    box-shadow: 0 12px 24px -14px rgba(36, 73, 107, 0.45);
  }

  /* ---------- Daftar 1: data yang dikumpulkan (kotak dua kolom) ---------- */
  & > ul:nth-of-type(1) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 0.8rem;
  }
  & > ul:nth-of-type(1) > li {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.85rem 1.1rem;
    background: #f8fbff;
  }
  & > ul:nth-of-type(1) > li::before {
    flex: none;
    width: 2.3rem; height: 2.3rem;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--pv-line);
    font-size: 0.95rem;
  }
  & > ul:nth-of-type(1) > li:hover { transform: translateY(-3px); }
  & > ul:nth-of-type(1) > li:nth-child(1)::before { content: "\f007"; } /* nama & afiliasi */
  & > ul:nth-of-type(1) > li:nth-child(2)::before { content: "\f0e0"; } /* kontak */
  & > ul:nth-of-type(1) > li:nth-child(3)::before { content: "\f2bb"; } /* ORCID, Scopus */
  & > ul:nth-of-type(1) > li:nth-child(4)::before { content: "\f002"; } /* keahlian riset */
  & > ul:nth-of-type(1) > li:nth-child(5)::before { content: "\f023"; } /* kredensial akun */

  /* ---------- Daftar 2, 3, 4: kartu berikon, satu kolom ---------- */
  & > ul:nth-of-type(n+2) > li {
    margin-bottom: 0.7rem;
    padding: 0.9rem 1.2rem 0.9rem 4.2rem;
  }
  & > ul:nth-of-type(n+2) > li::before {
    content: "";
    position: absolute;
    left: 1.1rem; top: 0.75rem;
    width: 2.2rem; height: 2.2rem;
    border-radius: 50%;
    font-size: 0.95rem;
  }
  & > ul:nth-of-type(n+2) > li:hover { transform: translateX(5px); }

  /* Daftar 2: penggunaan data */
  & > ul:nth-of-type(2) > li:nth-child(1)::before { content: "\f0f6"; } /* proses naskah */
  & > ul:nth-of-type(2) > li:nth-child(2)::before { content: "\f075"; } /* komunikasi */
  & > ul:nth-of-type(2) > li:nth-child(3)::before { content: "\f1c0"; } /* metadata indeksasi */
  & > ul:nth-of-type(2) > li:nth-child(4)::before { content: "\f0f3"; } /* notifikasi */
  & > ul:nth-of-type(2) > li:nth-child(5)::before { content: "\f080"; } /* statistik */

  /* Daftar 3: perlindungan data (judul kartu dari teks tebal) */
  & > ul:nth-of-type(3) > li > p > strong:first-child {
    display: block;
    margin-bottom: 0.1rem;
    color: var(--pv-deep);
    font-size: 1.04rem;
  }
  & > ul:nth-of-type(3) > li:nth-child(1)::before { content: "\f070"; } /* tidak dibagikan */
  & > ul:nth-of-type(3) > li:nth-child(2)::before { content: "\f023"; } /* kerahasiaan review */
  & > ul:nth-of-type(3) > li:nth-child(3)::before { content: "\f132"; } /* keamanan sistem */

  /* Daftar 4: retensi & hak pengguna */
  & > ul:nth-of-type(4) > li:nth-child(1)::before { content: "\f02d"; } /* rekam ilmiah permanen */
  & > ul:nth-of-type(4) > li:nth-child(2)::before { content: "\f040"; } /* akses & koreksi profil */
  & > ul:nth-of-type(4) > li:nth-child(3)::before { content: "\f014"; } /* hapus akun */

  /* ---------- Kontak: kartu dengan email sebagai tombol ---------- */
  & > h3:nth-of-type(5) + p {
    padding: 1.1rem 1.3rem;
    background: linear-gradient(100deg, var(--pv-soft), #f8fbff);
    border: 1px solid var(--pv-line);
    border-radius: 12px;
  }
  & > h3:nth-of-type(5) + p > strong {
    display: inline-block;
    margin-top: 0.3rem;
    padding: 2px 14px;
    border-radius: 999px;
    background: var(--pv-blue);
    color: #fff;
    font-size: 0.95rem;
    box-shadow: 0 6px 14px -8px rgba(72, 132, 180, 0.9);
  }
}

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .page_privacy {
    padding: 1.4rem 1.1rem 1rem;

    & > h1 { font-size: 1.5rem; }
    & > h3 { font-size: 1.05rem; }
    & > ul:nth-of-type(n+2) > li { padding: 0.85rem 1rem 0.85rem 3.5rem; }
    & > ul:nth-of-type(n+2) > li::before { left: 0.8rem; width: 2rem; height: 2rem; }
  }
}

/* =====================================================================
   ANIMASI (otomatis mati jika pengunjung memilih "reduce motion")
   ===================================================================== */
@keyframes pv-shimmer { from { background-position: 0% 0; } to { background-position: 200% 0; } }
@keyframes pv-rise    { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
@keyframes pv-grow    { from { width: 0; } to { width: 64px; } }
@keyframes pv-reveal  { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }

@media (prefers-reduced-motion: no-preference) {
  .pkp_structure_main .page_privacy {

    &::before { animation: pv-shimmer 9s linear infinite; }

    & > h1        { animation: pv-rise 0.8s var(--pv-ease) both; }
    & > h1 + p    { animation: pv-rise 0.8s var(--pv-ease) 0.12s both; }
    & > h1::after { animation: pv-grow 1s var(--pv-ease) 0.35s both; }

    /* Bagian di bawahnya muncul saat di-scroll (Chrome, Edge, Safari 26+) */
    @supports (animation-timeline: view()) {
      & > h3,
      & > ul > li {
        animation: pv-reveal linear both;
        animation-timeline: view();
        animation-range: entry 0% entry 30%;
      }
    }
  }
}

/* =====================================================================
   HALAMAN FOCUS AND SCOPE
   ===================================================================== */
.pkp_structure_main .page:has(> .about-wrap.focus-scope) {
  --fs-blue: #4884B4;
  --fs-deep: #24496b;
  --fs-gold: #DEA307;
  --fs-soft: #ECF3FF;
  --fs-line: #e1e8f0;
  --fs-ease: cubic-bezier(0.22, 0.8, 0.24, 1);

  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 14px;
  padding: 2.2rem 2.4rem 1.8rem;
  box-shadow: 0 2px 10px rgba(36, 73, 107, 0.07), 0 18px 40px -22px rgba(36, 73, 107, 0.35);
  color: #33424f;
  line-height: 1.75;

  /* Garis aksen di atas kartu */
  &::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--fs-blue) 0%, var(--fs-blue) 40%, #9fc8ea 50%, var(--fs-blue) 60%, var(--fs-blue) 100%);
    background-size: 200% 100%;
  }

  /* Judul halaman */
  & > .page_title {
    position: relative;
    margin: 0 0 1.4rem;
    padding: 0 0 0.9rem;
    color: var(--fs-deep);
    font-size: 1.9rem;
    line-height: 1.25;
    text-align: left;
  }
  & > .page_title::after {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 64px; height: 4px;
    border-radius: 2px;
    background: var(--fs-gold);
  }

  /* Kartu lama dilebur: kartu halaman sudah jadi pembungkus */
  & > .about-wrap.focus-scope > .section-card {
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;

    & strong { color: var(--fs-deep); }

    & p {
      margin: 0 0 1rem;
      font-size: 1rem;
      line-height: 1.75;
      color: #33424f;
      text-align: left;
    }
    & li > p { margin: 0; }
    & ul { list-style: none; margin: 0; padding: 0; }

    /* ---------- Judul bagian + ikon bulat ---------- */
    & > h3 {
      display: flex;
      align-items: center;
      gap: 0.8rem;
      margin: 2.3rem 0 0.9rem;
      padding: 0.7rem 1.1rem;
      background: linear-gradient(90deg, var(--fs-soft), transparent);
      border-left: 4px solid var(--fs-blue);
      border-radius: 0 10px 10px 0;
      color: var(--fs-deep);
      font-size: 1.2rem;
      line-height: 1.4;
    }
    & > h3:first-child { margin-top: 0; }
    & > h3::before {
      flex: none;
      display: grid;
      place-items: center;
      width: 2rem; height: 2rem;
      border-radius: 50%;
      background: var(--fs-blue);
      color: #fff;
      font-family: FontAwesome;
      font-size: 0.9rem;
      font-weight: normal;
      line-height: 1;
    }
    & > h3:nth-of-type(1)::before { content: "\f140"; } /* Focus: sasaran */
    & > h3:nth-of-type(2)::before { content: "\f14e"; } /* Scope: kompas */
    & > h3:nth-of-type(3)::before { content: "\f0ea"; } /* Kriteria: papan ceklis */
    & > h3:nth-of-type(2) { border-left-color: var(--fs-gold); background: linear-gradient(90deg, #fff7e3, transparent); }
    & > h3:nth-of-type(2)::before { background: var(--fs-gold); }

    /* ---------- Focus: kotak sorotan ---------- */
    & > h3:nth-of-type(1) + p {
      padding: 1.15rem 1.35rem;
      background: linear-gradient(100deg, var(--fs-soft), #f8fbff);
      border-left: 4px solid var(--fs-gold);
      border-radius: 0 12px 12px 0;
      font-size: 1.04rem;
    }

    /* ---------- Scope: grid kartu topik ---------- */
    & > ul:nth-of-type(1) {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr));
      gap: 0.95rem;
      margin: 1.1rem 0 0;
    }
    & > ul:nth-of-type(1) > li {
      position: relative;
      overflow: hidden;
      padding: 1.25rem 1.3rem 1.2rem;
      background: #fff;
      border: 1px solid var(--fs-line);
      border-radius: 14px;
      transition: transform 0.45s var(--fs-ease), box-shadow 0.45s var(--fs-ease), border-color 0.3s ease;
    }
    /* Garis emas di atas kartu "ditarik" saat hover */
    & > ul:nth-of-type(1) > li::after {
      content: "";
      position: absolute;
      left: 0; right: 0; top: 0;
      height: 3px;
      background: var(--fs-gold);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.5s var(--fs-ease);
    }
    & > ul:nth-of-type(1) > li:hover {
      transform: translateY(-4px);
      border-color: #d4e2f0;
      box-shadow: 0 16px 28px -16px rgba(36, 73, 107, 0.5);
    }
    & > ul:nth-of-type(1) > li:hover::after { transform: scaleX(1); }

    /* Ikon topik */
    & > ul:nth-of-type(1) > li::before {
      display: grid;
      place-items: center;
      width: 2.7rem; height: 2.7rem;
      margin-bottom: 0.85rem;
      border-radius: 12px;
      background: var(--fs-soft);
      color: var(--fs-blue);
      font-family: FontAwesome;
      font-size: 1.15rem;
      line-height: 1;
      transition: background-color 0.3s ease, color 0.3s ease, transform 0.45s var(--fs-ease);
    }
    & > ul:nth-of-type(1) > li:hover::before { background: var(--fs-blue); color: #fff; transform: rotate(-6deg); }
    & > ul:nth-of-type(1) > li:nth-child(1)::before { content: "\f0e8"; } /* Management of IS: bagan */
    & > ul:nth-of-type(1) > li:nth-child(2)::before { content: "\f2db"; } /* AI: chip */
    & > ul:nth-of-type(1) > li:nth-child(3)::before { content: "\f02d"; } /* Expert Systems: pengetahuan */
    & > ul:nth-of-type(1) > li:nth-child(4)::before { content: "\f1c0"; } /* Data Mining: database */
    & > ul:nth-of-type(1) > li:nth-child(5)::before { content: "\f080"; } /* DSS: grafik */
    & > ul:nth-of-type(1) > li:nth-child(6)::before { content: "\f06e"; } /* Computer Vision: mata */

    /* Judul topik & deskripsi */
    & > ul:nth-of-type(1) > li > p > strong:first-child {
      display: block;
      margin-bottom: 0.4rem;
      font-size: 1.04rem;
      line-height: 1.35;
    }
    & > ul:nth-of-type(1) > li > p {
      font-size: 0.92rem;
      line-height: 1.7;
      color: #52626f;
    }

    /* ---------- Kriteria naskah: daftar ceklis ---------- */
    & > ul:nth-of-type(2) { margin: 1.1rem 0 0; }
    & > ul:nth-of-type(2) > li {
      display: flex;
      gap: 0.9rem;
      align-items: flex-start;
      margin-bottom: 0.6rem;
      padding: 0.85rem 1.15rem;
      background: #f6f9fc;
      border-left: 3px solid var(--fs-blue);
      border-radius: 0 10px 10px 0;
      transition: background-color 0.3s ease, transform 0.4s var(--fs-ease);
    }
    & > ul:nth-of-type(2) > li::before {
      content: "\f058";
      flex: none;
      color: var(--fs-blue);
      font-family: FontAwesome;
      font-size: 1.2rem;
      line-height: 1.5;
      transition: color 0.3s ease;
    }
    & > ul:nth-of-type(2) > li:hover { background: var(--fs-soft); transform: translateX(4px); }
    & > ul:nth-of-type(2) > li:hover::before { color: var(--fs-gold); }

    /* Frasa kunci: stabilo emas */
    & > ul:nth-of-type(2) strong {
      background: linear-gradient(transparent 58%, rgba(222, 163, 7, 0.38) 58%);
      padding: 0 2px;
    }
  }
}

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .page:has(> .about-wrap.focus-scope) {
    padding: 1.4rem 1.1rem 1.1rem;
    & > .page_title { font-size: 1.5rem; }
    & > .about-wrap.focus-scope > .section-card > h3 { font-size: 1.05rem; }
  }
}

/* ---------- Animasi (otomatis mati jika pengunjung memilih "reduce motion") ---------- */
@keyframes jf-shimmer { from { background-position: 0% 0; } to { background-position: 200% 0; } }
@keyframes jf-rise    { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
@keyframes jf-grow    { from { width: 0; } to { width: 64px; } }
@keyframes jf-reveal  { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }

@media (prefers-reduced-motion: no-preference) {
  .pkp_structure_main .page:has(> .about-wrap.focus-scope) {

    &::before { animation: jf-shimmer 9s linear infinite; }

    & > .page_title { animation: jf-rise 0.8s var(--fs-ease) both; }
    & > .page_title::after { animation: jf-grow 1s var(--fs-ease) 0.35s both; }
    & > .about-wrap.focus-scope > .section-card > h3:first-child { animation: jf-rise 0.8s var(--fs-ease) 0.1s both; }
    & > .about-wrap.focus-scope > .section-card > h3:first-child + p { animation: jf-rise 0.8s var(--fs-ease) 0.2s both; }

    /* Bagian di bawahnya muncul saat di-scroll (Chrome, Edge, Safari 26+) */
    @supports (animation-timeline: view()) {
      & > .about-wrap.focus-scope > .section-card > h3:not(:first-child),
      & > .about-wrap.focus-scope > .section-card > ul > li {
        animation: jf-reveal linear both;
        animation-timeline: view();
        animation-range: entry 0% entry 30%;
      }
    }
  }
}


/* =====================================================================
   WIDGET STATISTIK (author.my.id) DI HOMEPAGE
   Widget ini responsif terhadap lebar iframe-nya. Di kolom konten yang
   sempit ia menyusun kartu ke bawah, jadi iframe dirender di lebar "virtual"
   yang lebar (--st-w) lalu diperkecil otomatis agar pas di kolom.
   ===================================================================== */
.homepage_about .stat-panel {
  margin: 1.4rem 0 1.1rem;
  padding: 0.95rem 1.05rem 1.05rem;
  background: linear-gradient(180deg, #f7fbff, #ffffff);
  border: 1px solid #e1e8f0;
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(36, 73, 107, 0.06);
}

/* Judul kecil di atas widget */
.homepage_about .stat-title {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin: 0 0 0.8rem;
  color: #24496b;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.2;
  text-transform: uppercase;
}
.homepage_about .stat-title::before {
  content: "\f080";
  flex: none;
  display: grid;
  place-items: center;
  width: 1.8rem; height: 1.8rem;
  border-radius: 50%;
  background: #4884B4;
  color: #fff;
  font-family: FontAwesome;
  font-size: 0.8rem;
  letter-spacing: 0;
}
.homepage_about .stat-title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, #d5e2ef, transparent);
}

/* Kotak widget: angka di bawah ini adalah satu-satunya yang perlu diubah */
.homepage_about .stat-widget {
  --st-w: 1200;   /* lebar virtual iframe (px) */
  --st-h: 150;    /* tinggi iframe (px): naikkan jika bagian bawah widget terpotong */

  position: relative;
  container-type: inline-size;
  width: 100%;
  aspect-ratio: var(--st-w) / var(--st-h);
  margin: 0;
  overflow: hidden;
  border-radius: 10px;
}

.homepage_about .stat-widget iframe {
  position: absolute;
  top: 0; left: 0;
  width: calc(var(--st-w) * 1px);
  height: calc(var(--st-h) * 1px);
  max-width: none;
  border: 0;
  transform-origin: 0 0;
  transform: scale(0.6);                /* cadangan untuk browser lama */
}

/* Skala otomatis mengikuti lebar kolom (browser modern) */
@supports (transform: scale(calc(10px / 1px))) {
  .homepage_about .stat-widget iframe {
    transform: scale(calc(100cqw / (var(--st-w) * 1px)));
  }
}

/* Paragraf kosong ( ) di akhir kartu About menambah ruang kosong: sembunyikan */
.homepage_about > table:last-of-type + p { display: none; }

/* Panel muncul halus saat di-scroll (Chrome, Edge, Safari 26+) */
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .homepage_about .stat-panel {
      animation: jt-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 35%;
    }
  }
}

/* =====================================================================
   HALAMAN APTIKOM PARTNERSHIP & MEMBERSHIP
   ===================================================================== */
.pkp_structure_main .page:has(> h2 + p + p + p + h3 + p + p + ul + p) {
  --ap-blue: #4884B4;
  --ap-deep: #24496b;
  --ap-gold: #DEA307;
  --ap-soft: #ECF3FF;
  --ap-line: #e1e8f0;
  --ap-ease: cubic-bezier(0.22, 0.8, 0.24, 1);

  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 14px;
  padding: 2.2rem 2.4rem 1.6rem;
  box-shadow: 0 2px 10px rgba(36, 73, 107, 0.07), 0 18px 40px -22px rgba(36, 73, 107, 0.35);
  color: #33424f;
  line-height: 1.75;

  /* Garis aksen di atas kartu */
  &::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--ap-blue) 0%, var(--ap-blue) 40%, #9fc8ea 50%, var(--ap-blue) 60%, var(--ap-blue) 100%);
    background-size: 200% 100%;
  }

  /* Judul halaman */
  & > h2 {
    position: relative;
    margin: 0 0 1.4rem;
    padding-bottom: 0.9rem;
    color: var(--ap-deep);
    font-size: 1.9rem;
    line-height: 1.25;
  }
  & > h2::after {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 64px; height: 4px;
    border-radius: 2px;
    background: var(--ap-gold);
  }

  & strong { color: var(--ap-deep); }
  & > p { margin: 0 0 1rem; }

  /* Tautan di dalam teks */
  & p a {
    color: var(--ap-blue);
    text-decoration: none;
    border-bottom: 1px solid rgba(72, 132, 180, 0.35);
    transition: color 0.25s ease, border-color 0.25s ease;
  }
  & p a:hover { color: var(--ap-gold); border-color: var(--ap-gold); }

  /* ---------- Logo APTIKOM: panel mitra ---------- */
  & > h2 + p {
    display: grid;
    place-items: center;
    margin: 0 0 1.3rem;
    padding: 1.5rem 1.6rem;
    background: linear-gradient(135deg, #f7fbff, #ffffff);
    border: 1px solid var(--ap-line);
    border-radius: 14px;
  }
  & > h2 + p img {
    display: block;
    width: 100%;
    max-width: 440px;   /* ubah angka ini jika ingin logo lebih besar/kecil */
    height: auto;
    transition: transform 0.6s var(--ap-ease);
  }
  & > h2 + p:hover img { transform: scale(1.03); }

  /* ---------- Paragraf pembuka: kotak sorotan ---------- */
  & > h2 + p + p {
    padding: 1.1rem 1.3rem;
    background: linear-gradient(100deg, var(--ap-soft), #f8fbff);
    border-left: 4px solid var(--ap-gold);
    border-radius: 0 12px 12px 0;
    font-size: 1.04rem;
  }
  /* Tahun keanggotaan jadi label emas */
  & > h2 + p + p > strong:last-of-type {
    padding: 1px 11px;
    border-radius: 999px;
    background: #fff1cc;
    color: #8a5a00;
  }

  /* ---------- Judul bagian + ikon bulat ---------- */
  & > h3 {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin: 2.3rem 0 0.9rem;
    padding: 0.7rem 1.1rem;
    background: linear-gradient(90deg, var(--ap-soft), transparent);
    border-left: 4px solid var(--ap-blue);
    border-radius: 0 10px 10px 0;
    color: var(--ap-deep);
    font-size: 1.2rem;
    line-height: 1.4;
  }
  & > h3::before {
    content: "\f2b5";   /* jabat tangan */
    flex: none;
    display: grid;
    place-items: center;
    width: 2rem; height: 2rem;
    border-radius: 50%;
    background: var(--ap-blue);
    color: #fff;
    font-family: FontAwesome;
    font-size: 0.9rem;
    font-weight: normal;
    line-height: 1;
  }

  /* ---------- Dokumen kerja sama: kartu unduh ---------- */
  & > ul { list-style: none; margin: 1rem 0 1.2rem; padding: 0; }
  & > ul > li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 4.8rem 1rem 1.2rem;
    background: #fff;
    border: 1px solid var(--ap-line);
    border-radius: 14px;
    transition: transform 0.45s var(--ap-ease), box-shadow 0.45s var(--ap-ease), border-color 0.3s ease;
  }
  & > ul > li > p { margin: 0; }

  /* Ikon dokumen di kiri */
  & > ul > li::before {
    content: "\f15c";
    flex: none;
    display: grid;
    place-items: center;
    width: 2.8rem; height: 2.8rem;
    border-radius: 12px;
    background: var(--ap-soft);
    color: var(--ap-blue);
    font-family: FontAwesome;
    font-size: 1.2rem;
    line-height: 1;
  }
  /* Tombol unduh bulat di kanan */
  & > ul > li::after {
    content: "\f019";
    position: absolute;
    right: 1.1rem; top: 50%;
    translate: 0 -50%;
    display: grid;
    place-items: center;
    width: 2.5rem; height: 2.5rem;
    border-radius: 50%;
    background: var(--ap-blue);
    color: #fff;
    font-family: FontAwesome;
    font-size: 1rem;
    line-height: 1;
    transition: background-color 0.3s ease, transform 0.4s var(--ap-ease);
  }
  & > ul > li:hover {
    transform: translateY(-3px);
    border-color: var(--ap-gold);
    box-shadow: 0 14px 26px -16px rgba(36, 73, 107, 0.5);
  }
  & > ul > li:hover::after { background: var(--ap-gold); transform: translateY(3px); }

  /* Seluruh kartu bisa diklik */
  & > ul > li a {
    border: 0;
    color: var(--ap-deep);
    font-weight: 700;
  }
  & > ul > li a::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 14px;
  }
  & > ul > li a:hover { color: var(--ap-blue); }

  /* ---------- Paragraf penutup: kotak info ---------- */
  & > ul + p {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
    margin-top: 1.4rem;
    padding: 1rem 1.2rem;
    background: var(--ap-soft);
    border-radius: 12px;
    font-size: 0.98rem;
  }
  & > ul + p::before {
    content: "\f05a";
    flex: none;
    color: var(--ap-blue);
    font-family: FontAwesome;
    font-size: 1.3rem;
    line-height: 1.4;
  }
}

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .page:has(> h2 + p + p + p + h3 + p + p + ul + p) {
    padding: 1.4rem 1.1rem 1rem;
    & > h2 { font-size: 1.5rem; }
    & > h3 { font-size: 1.05rem; }
    & > h2 + p { padding: 1rem; }
    & > ul > li { padding: 0.9rem 4rem 0.9rem 0.9rem; gap: 0.8rem; }
    & > ul > li::after { right: 0.8rem; width: 2.2rem; height: 2.2rem; }
  }
}

/* =====================================================================
   ANIMASI (otomatis mati jika pengunjung memilih "reduce motion")
   ===================================================================== */
@keyframes ap-shimmer { from { background-position: 0% 0; } to { background-position: 200% 0; } }
@keyframes ap-rise    { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
@keyframes ap-grow    { from { width: 0; } to { width: 64px; } }
@keyframes ap-reveal  { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }

@media (prefers-reduced-motion: no-preference) {
  .pkp_structure_main .page:has(> h2 + p + p + p + h3 + p + p + ul + p) {

    &::before { animation: ap-shimmer 9s linear infinite; }

    /* Pembuka: judul, logo, lalu kotak sorotan menyusul */
    & > h2            { animation: ap-rise 0.8s var(--ap-ease) both; }
    & > h2::after     { animation: ap-grow 1s var(--ap-ease) 0.35s both; }
    & > h2 + p        { animation: ap-rise 0.8s var(--ap-ease) 0.12s both; }
    & > h2 + p + p    { animation: ap-rise 0.8s var(--ap-ease) 0.24s both; }

    /* Bagian di bawahnya muncul saat di-scroll (Chrome, Edge, Safari 26+) */
    @supports (animation-timeline: view()) {
      & > h3,
      & > ul > li,
      & > ul + p {
        animation: ap-reveal linear both;
        animation-timeline: view();
        animation-range: entry 0% entry 30%;
      }
    }
  }
}

/* =====================================================================
   SUBMISSIONS - AUTHOR GUIDELINES (isi baru: h3 / h4 / daftar alur)
   ===================================================================== */
.page_submissions .author_guidelines {
  --ag-blue: #4884B4;
  --ag-deep: #24496b;
  --ag-gold: #DEA307;
  --ag-soft: #ECF3FF;
  --ag-line: #e1e8f0;
  --ag-ease: cubic-bezier(0.22, 0.8, 0.24, 1);
}

.page_submissions .author_guidelines strong { color: var(--ag-deep); }
.page_submissions .author_guidelines ul { list-style: none; margin: 0; padding: 0; }
.page_submissions .author_guidelines li > p { margin: 0; text-align: left; }

/* ---------- Judul bagian (h3): pita dengan ikon ---------- */
.page_submissions .author_guidelines > h3 {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 2.2rem 0 0.9rem;
  padding: 0.7rem 1.1rem;
  background: linear-gradient(90deg, var(--ag-soft), transparent);
  border-left: 4px solid var(--ag-blue);
  border-radius: 0 10px 10px 0;
  color: var(--ag-deep);
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: left;
}
.page_submissions .author_guidelines > h2 + h3 { margin-top: 0; }

.page_submissions .author_guidelines > h3::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--ag-blue);
  color: #ffffff;
  font: normal normal normal 0.9rem/1 FontAwesome;
}
.page_submissions .author_guidelines > h3:nth-of-type(1)::before { content: "\f1c2"; } /* template Word */
.page_submissions .author_guidelines > h3:nth-of-type(2)::before { content: "\f0e8"; } /* alur kerja */

/* Paragraf pengantar: kotak sorotan */
.page_submissions .author_guidelines > h3 + p {
  margin: 0 0 1rem;
  padding: 1rem 1.25rem;
  background: linear-gradient(100deg, var(--ag-soft), #f8fbff);
  border-left: 4px solid var(--ag-gold);
  border-radius: 0 12px 12px 0;
  text-align: left;
}

/* ---------- Daftar template: kartu berikon ---------- */
.page_submissions .author_guidelines > ul:nth-of-type(1) > li {
  position: relative;
  margin: 0 0 0.6rem;
  padding: 0.85rem 1.2rem 0.85rem 4.2rem;
  background: #ffffff;
  border: 1px solid var(--ag-line);
  border-radius: 12px;
  transition: transform 0.4s var(--ag-ease), box-shadow 0.4s var(--ag-ease), border-color 0.3s ease;
}
.page_submissions .author_guidelines > ul:nth-of-type(1) > li::before {
  content: "";
  position: absolute;
  left: 1.1rem;
  top: 0.75rem;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: var(--ag-soft);
  color: var(--ag-blue);
  font: normal normal normal 0.95rem/1 FontAwesome;
}
.page_submissions .author_guidelines > ul:nth-of-type(1) > li:nth-child(1)::before { content: "\f019"; } /* unduh */
.page_submissions .author_guidelines > ul:nth-of-type(1) > li:nth-child(2)::before { content: "\f1ab"; } /* bahasa */
.page_submissions .author_guidelines > ul:nth-of-type(1) > li:nth-child(3)::before { content: "\f03e"; } /* gambar & tabel */
.page_submissions .author_guidelines > ul:nth-of-type(1) > li:hover {
  transform: translateX(5px);
  border-color: var(--ag-gold);
  box-shadow: 0 12px 24px -14px rgba(36, 73, 107, 0.45);
}

/* ---------- Langkah workflow (h4): timeline ---------- */
.page_submissions .author_guidelines > h4 {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 1.6rem 0 0.6rem;
  padding: 0;
  color: var(--ag-deep);
  font-size: 1.08rem;
  line-height: 1.4;
  text-align: left;
}
.page_submissions .author_guidelines > h4::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: var(--ag-blue);
  box-shadow: 0 0 0 5px var(--ag-soft);
  color: #ffffff;
  font: normal normal normal 0.95rem/1 FontAwesome;
}
.page_submissions .author_guidelines > h4:nth-of-type(1)::before { content: "\f234"; } /* registrasi */
.page_submissions .author_guidelines > h4:nth-of-type(2)::before { content: "\f1d8"; } /* submission */
.page_submissions .author_guidelines > h4:nth-of-type(3)::before { content: "\f0c0"; } /* peer review */
.page_submissions .author_guidelines > h4:nth-of-type(4)::before { content: "\f002"; } /* plagiarism */
.page_submissions .author_guidelines > h4:nth-of-type(5)::before { content: "\f1ea"; } /* publikasi */

/* Garis timeline di bawah tiap langkah */
.page_submissions .author_guidelines > h4 + ul {
  margin: 0 0 0 1.1rem;
  padding: 0.4rem 0 1rem 1.9rem;
  border-left: 2px solid #cfe0f0;
}
.page_submissions .author_guidelines > h4:last-of-type + ul {
  border-left-color: transparent;
  padding-bottom: 0.2rem;
}

/* Kartu item langkah */
.page_submissions .author_guidelines > h4 + ul > li {
  position: relative;
  margin: 0 0 0.6rem;
  padding: 0.85rem 1.1rem;
  background: #ffffff;
  border: 1px solid var(--ag-line);
  border-left: 3px solid var(--ag-blue);
  border-radius: 0 12px 12px 0;
  transition: transform 0.4s var(--ag-ease), box-shadow 0.4s var(--ag-ease), border-color 0.3s ease;
}
.page_submissions .author_guidelines > h4 + ul > li:hover {
  transform: translateX(4px);
  border-color: var(--ag-gold);
  box-shadow: 0 12px 24px -14px rgba(36, 73, 107, 0.45);
}
.page_submissions .author_guidelines > h4 + ul > li > p > strong:first-child {
  display: block;
  margin-bottom: 0.1rem;
  color: var(--ag-deep);
  font-size: 1.02rem;
}

/* ---------- Cabang hasil di dalam langkah ---------- */
.page_submissions .author_guidelines li > ul { margin: 0.8rem 0 0.1rem; padding: 0; }

.page_submissions .author_guidelines li > ul > li {
  position: relative;
  margin: 0 0 0.5rem;
  padding: 0.7rem 1rem 0.7rem 2.9rem;
  border-left: 4px solid;
  border-radius: 0 10px 10px 0;
  font-size: 0.97rem;
  transition: transform 0.35s var(--ag-ease);
}
.page_submissions .author_guidelines li > ul > li:last-child { margin-bottom: 0; }
.page_submissions .author_guidelines li > ul > li:hover { transform: translateX(3px); }

.page_submissions .author_guidelines li > ul > li::before {
  position: absolute;
  left: 0.9rem;
  top: 0.7rem;
  font: normal normal normal 1.1rem/1.4 FontAwesome;
}

/* Hasil pertama = penolakan / perlu perbaikan (merah) */
.page_submissions .author_guidelines li > ul > li:nth-child(1) {
  background: #fdf3f2;
  border-color: #c0463d;
}
.page_submissions .author_guidelines li > ul > li:nth-child(1)::before { content: "\f057"; color: #c0463d; }
.page_submissions .author_guidelines li > ul > li:nth-child(1) > p > strong { color: #a8372f; }

/* Hasil kedua = lolos (hijau) */
.page_submissions .author_guidelines li > ul > li:nth-child(2) {
  background: #edf7f1;
  border-color: #2e9e6b;
}
.page_submissions .author_guidelines li > ul > li:nth-child(2)::before { content: "\f058"; color: #2e9e6b; }
.page_submissions .author_guidelines li > ul > li:nth-child(2) > p > strong { color: #1f7a50; }

/* Langkah 3 (Peer-Review): "Revision Required" berwarna amber */
.page_submissions .author_guidelines > ul:nth-of-type(4) li > ul > li:nth-child(1) {
  background: #fff7e3;
  border-color: var(--ag-gold);
}
.page_submissions .author_guidelines > ul:nth-of-type(4) li > ul > li:nth-child(1)::before { content: "\f021"; color: #b57f00; }
.page_submissions .author_guidelines > ul:nth-of-type(4) li > ul > li:nth-child(1) > p > strong { color: #8a5a00; }

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .page_submissions .author_guidelines > h3 { font-size: 1.08rem; padding: 0.6rem 0.9rem; }
  .page_submissions .author_guidelines > h4 { font-size: 1rem; }
  .page_submissions .author_guidelines > h4 + ul { padding-left: 1.1rem; }
  .page_submissions .author_guidelines > ul:nth-of-type(1) > li { padding-left: 3.6rem; }
  .page_submissions .author_guidelines > ul:nth-of-type(1) > li::before { left: 0.8rem; width: 2rem; height: 2rem; }
  .page_submissions .author_guidelines li > ul > li { padding-left: 2.6rem; }
}

/* ---------- Animasi (otomatis mati jika pengunjung memilih "reduce motion") ---------- */
@keyframes ag-reveal { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .page_submissions .author_guidelines > h3,
    .page_submissions .author_guidelines > h4,
    .page_submissions .author_guidelines > ul:nth-of-type(1) > li,
    .page_submissions .author_guidelines > h4 + ul > li {
      animation: ag-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* =====================================================================
   SUBMISSIONS - PRIVACY STATEMENT & COPYRIGHT NOTICE
   ===================================================================== */
.page_submissions :is(.privacy_statement, .copyright_notice) {
  --ps-blue: #4884B4;
  --ps-deep: #24496b;
  --ps-gold: #DEA307;
  --ps-soft: #ECF3FF;
  --ps-line: #e1e8f0;
  --ps-ease: cubic-bezier(0.22, 0.8, 0.24, 1);
}

.page_submissions :is(.privacy_statement, .copyright_notice) strong { color: var(--ps-deep); }
.page_submissions :is(.privacy_statement, .copyright_notice) p { text-align: left; }
.page_submissions :is(.privacy_statement, .copyright_notice) ul { list-style: none; margin: 0; padding: 0; }
.page_submissions :is(.privacy_statement, .copyright_notice) li > p { margin: 0; }

/* =====================================================================
   PRIVACY STATEMENT
   ===================================================================== */

/* Paragraf pembuka: kotak sorotan */
.page_submissions .privacy_statement > h2 + p {
  margin: 0 0 1rem;
  padding: 1.1rem 1.3rem;
  background: linear-gradient(100deg, var(--ps-soft), #f8fbff);
  border-left: 4px solid var(--ps-gold);
  border-radius: 0 12px 12px 0;
  font-size: 1.02rem;
}

/* Judul bagian (h3): pita dengan ikon */
.page_submissions .privacy_statement > h3 {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 2.2rem 0 0.9rem;
  padding: 0.7rem 1.1rem;
  background: linear-gradient(90deg, var(--ps-soft), transparent);
  border-left: 4px solid var(--ps-blue);
  border-radius: 0 10px 10px 0;
  color: var(--ps-deep);
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: left;
}

.page_submissions .privacy_statement > h3::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--ps-blue);
  color: #ffffff;
  font: normal normal normal 0.9rem/1 FontAwesome;
}
.page_submissions .privacy_statement > h3:nth-of-type(1)::before { content: "\f1c0"; } /* pengumpulan data */
.page_submissions .privacy_statement > h3:nth-of-type(2)::before { content: "\f085"; } /* penggunaan data */
.page_submissions .privacy_statement > h3:nth-of-type(3)::before { content: "\f132"; } /* perlindungan */
.page_submissions .privacy_statement > h3:nth-of-type(4)::before { content: "\f1da"; } /* retensi & hak */
.page_submissions .privacy_statement > h3:nth-of-type(5)::before { content: "\f0e0"; } /* kontak */

/* Kalimat pengantar daftar */
.page_submissions .privacy_statement > h3 + p:not(:last-child) {
  margin: 0 0 0.9rem;
  font-weight: 600;
  color: #2e6da4;
}

/* Gaya kartu bersama */
.page_submissions .privacy_statement > ul > li {
  position: relative;
  background: #ffffff;
  border: 1px solid var(--ps-line);
  border-radius: 12px;
  transition: transform 0.4s var(--ps-ease), box-shadow 0.4s var(--ps-ease), border-color 0.3s ease;
}
.page_submissions .privacy_statement > ul > li::before {
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--ps-soft);
  color: var(--ps-blue);
  font: normal normal normal 0.95rem/1 FontAwesome;
}
.page_submissions .privacy_statement > ul > li:hover {
  border-color: var(--ps-gold);
  box-shadow: 0 12px 24px -14px rgba(36, 73, 107, 0.45);
}

/* Daftar 1: data yang dikumpulkan (grid kartu) */
.page_submissions .privacy_statement > ul:nth-of-type(1) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  gap: 0.8rem;
  margin-bottom: 1rem;
}
.page_submissions .privacy_statement > ul:nth-of-type(1) > li {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.85rem 1.1rem;
  background: #f8fbff;
}
.page_submissions .privacy_statement > ul:nth-of-type(1) > li::before {
  flex: none;
  width: 2.3rem;
  height: 2.3rem;
  background: #ffffff;
  border: 1px solid var(--ps-line);
}
.page_submissions .privacy_statement > ul:nth-of-type(1) > li:hover { transform: translateY(-3px); }
.page_submissions .privacy_statement > ul:nth-of-type(1) > li:nth-child(1)::before { content: "\f007"; } /* nama & afiliasi */
.page_submissions .privacy_statement > ul:nth-of-type(1) > li:nth-child(2)::before { content: "\f0e0"; } /* kontak */
.page_submissions .privacy_statement > ul:nth-of-type(1) > li:nth-child(3)::before { content: "\f2bb"; } /* ORCID, Scopus ID */
.page_submissions .privacy_statement > ul:nth-of-type(1) > li:nth-child(4)::before { content: "\f002"; } /* bidang riset */
.page_submissions .privacy_statement > ul:nth-of-type(1) > li:nth-child(5)::before { content: "\f023"; } /* kredensial akun */

/* Daftar 2 sampai 4: kartu berikon satu kolom */
.page_submissions .privacy_statement > ul:nth-of-type(n+2) { margin-bottom: 1rem; }
.page_submissions .privacy_statement > ul:nth-of-type(n+2) > li {
  margin-bottom: 0.7rem;
  padding: 0.9rem 1.2rem 0.9rem 4.2rem;
}
.page_submissions .privacy_statement > ul:nth-of-type(n+2) > li::before {
  content: "";
  position: absolute;
  left: 1.1rem;
  top: 0.75rem;
  width: 2.2rem;
  height: 2.2rem;
}
.page_submissions .privacy_statement > ul:nth-of-type(n+2) > li:hover { transform: translateX(5px); }

/* Daftar 2: penggunaan data */
.page_submissions .privacy_statement > ul:nth-of-type(2) > li:nth-child(1)::before { content: "\f0f6"; } /* proses naskah */
.page_submissions .privacy_statement > ul:nth-of-type(2) > li:nth-child(2)::before { content: "\f075"; } /* komunikasi */
.page_submissions .privacy_statement > ul:nth-of-type(2) > li:nth-child(3)::before { content: "\f1c0"; } /* metadata indeksasi */
.page_submissions .privacy_statement > ul:nth-of-type(2) > li:nth-child(4)::before { content: "\f0f3"; } /* notifikasi */
.page_submissions .privacy_statement > ul:nth-of-type(2) > li:nth-child(5)::before { content: "\f080"; } /* statistik */

/* Daftar 3: perlindungan data (label tebal jadi judul kartu) */
.page_submissions .privacy_statement > ul:nth-of-type(3) > li > p > strong:first-child {
  display: block;
  margin-bottom: 0.1rem;
  font-size: 1.04rem;
}
.page_submissions .privacy_statement > ul:nth-of-type(3) > li:nth-child(1)::before { content: "\f070"; } /* tidak dibagikan */
.page_submissions .privacy_statement > ul:nth-of-type(3) > li:nth-child(2)::before { content: "\f023"; } /* kerahasiaan review */
.page_submissions .privacy_statement > ul:nth-of-type(3) > li:nth-child(3)::before { content: "\f132"; } /* keamanan sistem */

/* Daftar 4: retensi & hak pengguna */
.page_submissions .privacy_statement > ul:nth-of-type(4) > li:nth-child(1)::before { content: "\f02d"; } /* rekam ilmiah permanen */
.page_submissions .privacy_statement > ul:nth-of-type(4) > li:nth-child(2)::before { content: "\f040"; } /* akses & koreksi profil */
.page_submissions .privacy_statement > ul:nth-of-type(4) > li:nth-child(3)::before { content: "\f014"; } /* hapus akun */

/* Kontak: kartu dengan email sebagai tombol */
.page_submissions .privacy_statement > h3:nth-of-type(5) + p {
  margin: 0;
  padding: 1.1rem 1.3rem;
  background: linear-gradient(100deg, var(--ps-soft), #f8fbff);
  border: 1px solid var(--ps-line);
  border-radius: 12px;
}
.page_submissions .privacy_statement > h3:nth-of-type(5) + p > strong {
  display: inline-block;
  margin-top: 0.3rem;
  padding: 2px 14px;
  border-radius: 999px;
  background: var(--ps-blue);
  color: #ffffff;
  font-size: 0.95rem;
  box-shadow: 0 6px 14px -8px rgba(72, 132, 180, 0.9);
}

/* =====================================================================
   COPYRIGHT NOTICE
   ===================================================================== */

/* Paragraf 1: badge lisensi CC jadi kartu */
.page_submissions .copyright_notice > p:nth-of-type(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 1.25rem;
  padding: 1rem 1.5rem;
  background: #f7fbff;
  border: 1px solid var(--ps-line);
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(72, 132, 180, 0.08);
  text-align: center;
}
.page_submissions .copyright_notice > p:nth-of-type(1) > span {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  color: #2e6da4 !important;
  letter-spacing: 0.3px;
}
.page_submissions .copyright_notice > p:nth-of-type(1) img {
  height: 26px !important;
  margin-left: 0 !important;
  transition: transform 0.2s ease;
}
.page_submissions .copyright_notice > p:nth-of-type(1) a { border-bottom: none; }
.page_submissions .copyright_notice > p:nth-of-type(1) a:hover img { transform: translateY(-2px); }

/* Paragraf 2: kalimat pengantar */
.page_submissions .copyright_notice > p:nth-of-type(2) {
  margin: 0 0 1rem;
  padding: 1rem 1.25rem;
  background: linear-gradient(100deg, var(--ps-soft), #f8fbff);
  border-left: 4px solid var(--ps-gold);
  border-radius: 0 12px 12px 0;
  font-weight: 600;
  color: #2e6da4;
}

/* Poin (1), (2), (3): kartu berikon */
.page_submissions .copyright_notice > p:nth-of-type(n+3):nth-of-type(-n+5) {
  position: relative;
  margin: 0 0 0.8rem;
  padding: 1rem 1.2rem 1rem 4.2rem;
  background: #f7fbff;
  border: 1px solid var(--ps-line);
  border-left: 4px solid var(--ps-blue);
  border-radius: 0 12px 12px 0;
  transition: transform 0.4s var(--ps-ease), box-shadow 0.4s var(--ps-ease), background-color 0.3s ease, border-color 0.3s ease;
}
.page_submissions .copyright_notice > p:nth-of-type(n+3):nth-of-type(-n+5)::before {
  position: absolute;
  left: 1.1rem;
  top: 0.9rem;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: var(--ps-soft);
  color: var(--ps-blue);
  font: normal normal normal 0.95rem/1 FontAwesome;
}
.page_submissions .copyright_notice > p:nth-of-type(3)::before { content: "\f1f9"; } /* hak cipta */
.page_submissions .copyright_notice > p:nth-of-type(4)::before { content: "\f19c"; } /* penerbit */
.page_submissions .copyright_notice > p:nth-of-type(5)::before { content: "\f25e"; } /* lisensi CC */
.page_submissions .copyright_notice > p:nth-of-type(n+3):nth-of-type(-n+5):hover {
  background: #ffffff;
  border-left-color: var(--ps-gold);
  box-shadow: 0 12px 24px -14px rgba(36, 73, 107, 0.45);
  transform: translateX(5px);
}

/* Sembunyikan paragraf kosong ( ) di akhir */
.page_submissions .copyright_notice > p:last-of-type:not(:has(a)):not(:has(strong)) { display: none; }

/* =====================================================================
   RESPONSIF & ANIMASI
   ===================================================================== */
@media (max-width: 600px) {
  .page_submissions .privacy_statement > h3 { font-size: 1.08rem; padding: 0.6rem 0.9rem; }
  .page_submissions .privacy_statement > ul:nth-of-type(n+2) > li { padding-left: 3.6rem; }
  .page_submissions .privacy_statement > ul:nth-of-type(n+2) > li::before { left: 0.8rem; width: 2rem; height: 2rem; }
  .page_submissions .copyright_notice > p:nth-of-type(n+3):nth-of-type(-n+5) { padding-left: 3.6rem; }
  .page_submissions .copyright_notice > p:nth-of-type(n+3):nth-of-type(-n+5)::before { left: 0.8rem; width: 2rem; height: 2rem; }
}

@keyframes ps-reveal { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .page_submissions .privacy_statement > h3,
    .page_submissions .privacy_statement > ul > li,
    .page_submissions .copyright_notice > p:nth-of-type(n+2):nth-of-type(-n+5) {
      animation: ps-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* =====================================================================
   HALAMAN AUTHOR GUIDELINES (halaman penuh, bukan kartu)
   Penanda: h2 + p + h3 + p + ul + h3 + p + h4 + ul
   ===================================================================== */
.pkp_structure_main .page:has(> h2 + p + h3 + p + ul + h3 + p + h4 + ul) {
  --ug-blue: #4884B4;
  --ug-deep: #24496b;
  --ug-gold: #DEA307;
  --ug-red:  #c0463d;
  --ug-soft: #ECF3FF;
  --ug-line: #e1e8f0;
  --ug-ease: cubic-bezier(0.22, 0.8, 0.24, 1);

  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 14px;
  padding: 2.2rem 2.4rem 1.8rem;
  box-shadow: 0 2px 10px rgba(36, 73, 107, 0.07), 0 18px 40px -22px rgba(36, 73, 107, 0.35);
  color: #33424f;
  line-height: 1.75;

  /* Garis aksen di atas kartu */
  &::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--ug-blue) 0%, var(--ug-blue) 40%, #9fc8ea 50%, var(--ug-blue) 60%, var(--ug-blue) 100%);
    background-size: 200% 100%;
  }

  & strong { color: var(--ug-deep); }
  & > p { margin: 0 0 1rem; text-align: left; }
  & ul, & ol { list-style: none; margin: 0; padding: 0; }
  & li > p { margin: 0; text-align: left; }

  /* Tautan di dalam konten */
  & li a {
    color: var(--ug-blue);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid rgba(72, 132, 180, 0.35);
    transition: color 0.25s ease, border-color 0.25s ease;
  }
  & li a:hover { color: var(--ug-gold); border-color: var(--ug-gold); }

  /* ---------- Judul halaman ---------- */
  & > h2 {
    position: relative;
    margin: 0 0 1.4rem;
    padding-bottom: 0.9rem;
    color: var(--ug-deep);
    font-size: 1.9rem;
    line-height: 1.25;
  }
  & > h2::after {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 64px; height: 4px;
    border-radius: 2px;
    background: var(--ug-gold);
  }

  /* Paragraf pembuka (Welcome...): kotak sorotan */
  & > h2 + p {
    padding: 1.1rem 1.3rem;
    background: linear-gradient(100deg, var(--ug-soft), #f8fbff);
    border-left: 4px solid var(--ug-gold);
    border-radius: 0 12px 12px 0;
    font-size: 1.04rem;
  }

  /* ---------- Judul bagian utama (h3): pita biru ---------- */
  & > h3 {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin: 2.6rem -2.4rem 1.1rem;
    padding: 0.8rem 2.4rem;
    background: linear-gradient(100deg, var(--ug-blue), var(--ug-deep));
    border-bottom: 3px solid var(--ug-gold);
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.4;
  }
  & > h3::before {
    flex: none;
    display: grid;
    place-items: center;
    width: 2.1rem; height: 2.1rem;
    border-radius: 50%;
    background: #fff;
    color: var(--ug-blue);
    font-family: FontAwesome;
    font-size: 0.95rem;
    font-weight: normal;
    line-height: 1;
  }
  & > h3:nth-of-type(1)::before { content: "\f1c2"; } /* template Word */
  & > h3:nth-of-type(2)::before { content: "\f0e8"; } /* alur kerja */
  & > h3:nth-of-type(3)::before { content: "\f046"; } /* checklist */

  /* Paragraf pembuka tiap bagian */
  & > h3 + p {
    padding: 1rem 1.3rem;
    background: linear-gradient(100deg, var(--ug-soft), #f8fbff);
    border-left: 4px solid var(--ug-gold);
    border-radius: 0 12px 12px 0;
    font-size: 1.02rem;
  }

  /* ---------- Daftar template: kartu berikon ---------- */
  & > ul:nth-of-type(1) > li {
    position: relative;
    margin-bottom: 0.65rem;
    padding: 0.85rem 1.2rem 0.85rem 4.2rem;
    background: #fff;
    border: 1px solid var(--ug-line);
    border-radius: 12px;
    transition: transform 0.4s var(--ug-ease), box-shadow 0.4s var(--ug-ease), border-color 0.3s ease;
  }
  & > ul:nth-of-type(1) > li::before {
    content: "";
    position: absolute;
    left: 1.1rem; top: 0.75rem;
    display: grid;
    place-items: center;
    width: 2.2rem; height: 2.2rem;
    border-radius: 50%;
    background: var(--ug-soft);
    color: var(--ug-blue);
    font-family: FontAwesome;
    font-size: 0.95rem;
    line-height: 1;
  }
  & > ul:nth-of-type(1) > li:nth-child(1)::before { content: "\f019"; } /* unduh */
  & > ul:nth-of-type(1) > li:nth-child(2)::before { content: "\f1ab"; } /* bahasa */
  & > ul:nth-of-type(1) > li:nth-child(3)::before { content: "\f03e"; } /* gambar & tabel */
  & > ul:nth-of-type(1) > li:hover {
    transform: translateX(5px);
    border-color: var(--ug-gold);
    box-shadow: 0 12px 24px -14px rgba(36, 73, 107, 0.45);
  }

  /* ---------- Langkah workflow (h4): timeline ---------- */
  & > h4 {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin: 1.7rem 0 0.6rem;
    color: var(--ug-deep);
    font-size: 1.1rem;
    line-height: 1.4;
  }
  & > h4::before {
    flex: none;
    display: grid;
    place-items: center;
    width: 2.3rem; height: 2.3rem;
    border-radius: 50%;
    background: var(--ug-blue);
    box-shadow: 0 0 0 5px var(--ug-soft);
    color: #fff;
    font-family: FontAwesome;
    font-size: 0.95rem;
    font-weight: normal;
    line-height: 1;
  }
  & > h4:nth-of-type(1)::before { content: "\f234"; } /* registrasi */
  & > h4:nth-of-type(2)::before { content: "\f1d8"; } /* submission */
  & > h4:nth-of-type(3)::before { content: "\f0c0"; } /* peer review */
  & > h4:nth-of-type(4)::before { content: "\f002"; } /* plagiarism */
  & > h4:nth-of-type(5)::before { content: "\f1ea"; } /* publikasi */

  /* Garis timeline */
  & > h4 + ul {
    margin: 0 0 0 1.15rem;
    padding: 0.4rem 0 1rem 1.9rem;
    border-left: 2px solid #cfe0f0;
  }
  & > h4:last-of-type + ul {
    border-left-color: transparent;
    padding-bottom: 0.2rem;
  }

  /* Kartu item langkah */
  & > h4 + ul > li {
    position: relative;
    margin-bottom: 0.6rem;
    padding: 0.85rem 1.15rem;
    background: #fff;
    border: 1px solid var(--ug-line);
    border-left: 3px solid var(--ug-blue);
    border-radius: 0 12px 12px 0;
    transition: transform 0.4s var(--ug-ease), box-shadow 0.4s var(--ug-ease), border-color 0.3s ease;
  }
  & > h4 + ul > li:hover {
    transform: translateX(4px);
    border-color: var(--ug-gold);
    box-shadow: 0 12px 24px -14px rgba(36, 73, 107, 0.45);
  }
  & > h4 + ul > li > p > strong:first-child {
    display: block;
    margin-bottom: 0.1rem;
    font-size: 1.03rem;
  }

  /* ---------- Cabang hasil di dalam langkah ---------- */
  & li > ul { margin: 0.8rem 0 0.1rem; }
  & li > ul > li {
    position: relative;
    margin-bottom: 0.5rem;
    padding: 0.7rem 1rem 0.7rem 2.9rem;
    border-left: 4px solid;
    border-radius: 0 10px 10px 0;
    font-size: 0.97rem;
    transition: transform 0.35s var(--ug-ease);
  }
  & li > ul > li:last-child { margin-bottom: 0; }
  & li > ul > li:hover { transform: translateX(3px); }
  & li > ul > li::before {
    position: absolute;
    left: 0.9rem; top: 0.7rem;
    font-family: FontAwesome;
    font-size: 1.1rem;
    line-height: 1.4;
  }

  /* Hasil pertama: ditolak / perlu perbaikan (merah) */
  & li > ul > li:nth-child(1) { background: #fdf3f2; border-color: var(--ug-red); }
  & li > ul > li:nth-child(1)::before { content: "\f057"; color: var(--ug-red); }
  & li > ul > li:nth-child(1) > p > strong { color: #a8372f; }

  /* Hasil kedua: lolos (hijau) */
  & li > ul > li:nth-child(2) { background: #edf7f1; border-color: #2e9e6b; }
  & li > ul > li:nth-child(2)::before { content: "\f058"; color: #2e9e6b; }
  & li > ul > li:nth-child(2) > p > strong { color: #1f7a50; }

  /* Langkah 3 (Peer-Review): "Revision Required" amber */
  & > ul:nth-of-type(4) li > ul > li:nth-child(1) { background: #fff7e3; border-color: var(--ug-gold); }
  & > ul:nth-of-type(4) li > ul > li:nth-child(1)::before { content: "\f021"; color: #b57f00; }
  & > ul:nth-of-type(4) li > ul > li:nth-child(1) > p > strong { color: #8a5a00; }

  /* ---------- Submission Preparation Checklist: kartu bernomor ---------- */
  & > ol { counter-reset: ug-chk; margin: 1.1rem 0 0.4rem; }
  & > ol > li {
    counter-increment: ug-chk;
    position: relative;
    margin-bottom: 0.8rem;
    padding: 1rem 3.2rem 1rem 4.4rem;
    background: #fff;
    border: 1px solid var(--ug-line);
    border-radius: 12px;
    transition: transform 0.4s var(--ug-ease), box-shadow 0.4s var(--ug-ease), border-color 0.3s ease;
  }
  & > ol > li::before {
    content: counter(ug-chk);
    position: absolute;
    left: 1.1rem; top: 0.9rem;
    display: grid;
    place-items: center;
    width: 2.2rem; height: 2.2rem;
    border-radius: 50%;
    background: var(--ug-blue);
    box-shadow: 0 0 0 5px var(--ug-soft);
    color: #fff;
    font-weight: 700;
  }
  /* Tanda centang di kanan */
  & > ol > li::after {
    content: "\f00c";
    position: absolute;
    right: 1.2rem; top: 1rem;
    color: #2e9e6b;
    font-family: FontAwesome;
    font-size: 1.1rem;
    line-height: 1.6;
  }
  & > ol > li:hover {
    transform: translateX(5px);
    border-color: var(--ug-gold);
    box-shadow: 0 12px 24px -14px rgba(36, 73, 107, 0.45);
  }
  & > ol > li > p > strong:first-child {
    display: block;
    margin-bottom: 0.15rem;
    font-size: 1.04rem;
  }
}

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .page:has(> h2 + p + h3 + p + ul + h3 + p + h4 + ul) {
    padding: 1.4rem 1.1rem 1.1rem;
    & > h2 { font-size: 1.5rem; }
    & > h3 { margin: 2rem -1.1rem 1rem; padding: 0.7rem 1.1rem; font-size: 1.12rem; }
    & > h4 { font-size: 1.02rem; }
    & > h4 + ul { padding-left: 1.1rem; }
    & > ul:nth-of-type(1) > li { padding-left: 3.6rem; }
    & > ul:nth-of-type(1) > li::before { left: 0.8rem; width: 2rem; height: 2rem; }
    & li > ul > li { padding-left: 2.6rem; }
    & > ol > li { padding: 0.9rem 2.6rem 0.9rem 3.6rem; }
    & > ol > li::before { left: 0.8rem; width: 2rem; height: 2rem; }
    & > ol > li::after { right: 0.8rem; }
  }
}

/* =====================================================================
   ANIMASI (otomatis mati jika pengunjung memilih "reduce motion")
   ===================================================================== */
@keyframes ug-shimmer { from { background-position: 0% 0; } to { background-position: 200% 0; } }
@keyframes ug-rise    { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
@keyframes ug-grow    { from { width: 0; } to { width: 64px; } }
@keyframes ug-reveal  { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }

@media (prefers-reduced-motion: no-preference) {
  .pkp_structure_main .page:has(> h2 + p + h3 + p + ul + h3 + p + h4 + ul) {

    &::before { animation: ug-shimmer 9s linear infinite; }

    /* Pembuka: judul, lalu kotak sorotan menyusul */
    & > h2        { animation: ug-rise 0.8s var(--ug-ease) both; }
    & > h2 + p    { animation: ug-rise 0.8s var(--ug-ease) 0.12s both; }
    & > h2::after { animation: ug-grow 1s var(--ug-ease) 0.35s both; }

    /* Bagian di bawahnya muncul saat di-scroll (Chrome, Edge, Safari 26+) */
    @supports (animation-timeline: view()) {
      & > h3,
      & > h4,
      & > ul:nth-of-type(1) > li,
      & > h4 + ul > li,
      & > ol > li {
        animation: ug-reveal linear both;
        animation-timeline: view();
        animation-range: entry 0% entry 30%;
      }
    }
  }
}

/* =====================================================================
   HALAMAN EDITORIAL TEAM (versi lebih cantik)
   ===================================================================== */
.pkp_structure_main .page_editorial_team {
  --et-blue: #4884B4;
  --et-deep: #24496b;
  --et-gold: #DEA307;
  --et-soft: #ECF3FF;
  --et-line: #e1e8f0;
  --et-ease: cubic-bezier(0.22, 0.8, 0.24, 1);

  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 14px;
  padding: 2rem 2.4rem 1.8rem;
  box-shadow: 0 2px 10px rgba(36, 73, 107, 0.07), 0 18px 40px -22px rgba(36, 73, 107, 0.35);
  color: #33424f;
  line-height: 1.7;
}

/* Garis aksen di atas kartu halaman */
.page_editorial_team::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--et-blue) 0%, var(--et-blue) 40%, #9fc8ea 50%, var(--et-blue) 60%, var(--et-blue) 100%);
  background-size: 200% 100%;
}

/* ---------- Breadcrumb ---------- */
.page_editorial_team .cmp_breadcrumbs { margin-bottom: 1rem; font-size: 12.5px; }
.page_editorial_team .cmp_breadcrumbs ol {
  display: flex; flex-wrap: wrap; align-items: center;
  margin: 0; padding: 0; list-style: none;
}
.page_editorial_team .cmp_breadcrumbs li { display: inline-flex; align-items: center; color: #888; }
.page_editorial_team .cmp_breadcrumbs a { color: var(--et-blue); text-decoration: none; }
.page_editorial_team .cmp_breadcrumbs a:hover { color: #2e6da4; text-decoration: underline; }
.page_editorial_team .cmp_breadcrumbs .separator { margin: 0 8px; color: #c0c0c0; }
.page_editorial_team .cmp_breadcrumbs .current { font-weight: 600; color: #2e6da4; }

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

/* ---------- Judul grup (h3): pita dengan ikon ---------- */
.page_editorial_team > h3,
.page_editorial_team .team-group > h3 {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 2rem 0 1rem;
  padding: 0.65rem 1.1rem;
  background: linear-gradient(90deg, var(--et-soft), transparent);
  border-left: 4px solid var(--et-blue);
  border-radius: 0 10px 10px 0;
  color: var(--et-deep);
  font-size: 1.2rem;
  line-height: 1.4;
}
.page_editorial_team > h3 { margin-top: 0; }

.page_editorial_team > h3::before,
.page_editorial_team .team-group > h3::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.1rem; height: 2.1rem;
  border-radius: 50%;
  background: var(--et-blue);
  color: #fff;
  font: normal normal normal 0.95rem/1 FontAwesome;
  box-shadow: 0 0 0 4px var(--et-soft);
}

/* Editor-in-Chief: nuansa emas + bintang */
.page_editorial_team > h3 {
  border-left-color: var(--et-gold);
  background: linear-gradient(90deg, #fff7e3, transparent);
}
.page_editorial_team > h3::before {
  content: "\f005";
  background: var(--et-gold);
  box-shadow: 0 0 0 4px #fff1cc;
}

/* Ikon tiap grup (urutan div: 1 = grid Chief, 2-4 = grup) */
.page_editorial_team .team-group:nth-of-type(2) > h3::before { content: "\f085"; } /* Managing: roda gigi */
.page_editorial_team .team-group:nth-of-type(3) > h3::before { content: "\f0c0"; } /* Associate: tim */
.page_editorial_team .team-group:nth-of-type(4) > h3::before { content: "\f0b1"; } /* Assistant: koper */

/* ---------- Grid & kartu anggota ---------- */
.page_editorial_team .team-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 285px), 1fr));
  gap: 14px;
  margin-bottom: 0.5rem;
}

.page_editorial_team .team-grid .member-card {
  position: relative;
  overflow: hidden;
  align-items: stretch;
  gap: 14px;
  padding: 1rem 1.1rem;
  background: #fff;
  border: 1px solid var(--et-line);
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(36, 73, 107, 0.06);
  transition: transform 0.45s var(--et-ease), box-shadow 0.45s var(--et-ease), border-color 0.3s ease;
}

/* Garis emas di atas kartu "ditarik" saat hover */
.page_editorial_team .member-card::after {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 3px;
  background: var(--et-gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s var(--et-ease);
}
.page_editorial_team .team-grid .member-card:hover {
  transform: translateY(-5px);
  border-color: #d4e2f0;
  box-shadow: 0 18px 30px -16px rgba(36, 73, 107, 0.5);
}
.page_editorial_team .member-card:hover::after { transform: scaleX(1); }

/* ---------- Avatar inisial ---------- */
.page_editorial_team .team-grid .avatar {
  position: relative;
  width: 54px; height: 54px;
  background: linear-gradient(135deg, #6fa3cf, var(--et-blue));
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.5px;
  box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--et-soft), 0 8px 16px -8px rgba(72, 132, 180, 0.8);
  transition: transform 0.5s var(--et-ease), box-shadow 0.4s ease;
}
.page_editorial_team .member-card:hover .avatar {
  transform: rotate(-6deg) scale(1.06);
  box-shadow: 0 0 0 3px #fff, 0 0 0 5px #f6d97a, 0 10px 18px -8px rgba(72, 132, 180, 0.9);
}

/* Variasi warna avatar agar tidak monoton */
.page_editorial_team .member-card:nth-child(4n+2) .avatar { background: linear-gradient(135deg, #5bb5a6, #2f8f83); }
.page_editorial_team .member-card:nth-child(4n+3) .avatar { background: linear-gradient(135deg, #8b8fd6, #5a5fb8); }
.page_editorial_team .member-card:nth-child(4n+4) .avatar { background: linear-gradient(135deg, #e8a85b, #c9801f); }

/* Editor-in-Chief: kartu sorotan emas + lencana bintang */
.page_editorial_team > .team-grid { grid-template-columns: minmax(0, 520px); }
.page_editorial_team > .team-grid .member-card {
  padding: 1.3rem 1.4rem;
  background: linear-gradient(135deg, #fffaf0 0%, #ffffff 70%);
  border-color: #f0dfae;
  border-left: 4px solid var(--et-gold);
}
.page_editorial_team > .team-grid .avatar {
  width: 68px; height: 68px;
  background: linear-gradient(135deg, #f2c44d, var(--et-gold));
  font-size: 21px;
  box-shadow: 0 0 0 3px #fff, 0 0 0 5px #fff1cc, 0 10px 20px -8px rgba(222, 163, 7, 0.8);
}
.page_editorial_team > .team-grid .avatar::after {
  content: "\f005";
  position: absolute;
  right: -4px; bottom: -4px;
  display: grid;
  place-items: center;
  width: 24px; height: 24px;
  border-radius: 50%;
  background: var(--et-deep);
  border: 2px solid #fff;
  color: #f6d97a;
  font: normal normal normal 11px/1 FontAwesome;
}
.page_editorial_team > .team-grid .member-info .name { font-size: 1.12rem; }

/* ---------- Teks anggota ---------- */
.page_editorial_team .team-grid .member-info {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.page_editorial_team .member-info .name {
  color: var(--et-deep);
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.35;
}

/* Afiliasi dengan ikon universitas */
.page_editorial_team .member-info .affil {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 4px;
  color: #6b7a88;
  font-size: 12.5px;
  line-height: 1.5;
}
.page_editorial_team .member-info .affil::before {
  content: "\f19c";
  flex: none;
  margin-top: 1px;
  color: var(--et-gold);
  font: normal normal normal 12px/1.5 FontAwesome;
}

/* ---------- Lencana Scopus ---------- */
.page_editorial_team .team-grid .member-info .scopus {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  margin-top: auto;
  padding: 3px 12px;
  border: 1px solid #cfe0f0;
  font-size: 11.5px;
}
.page_editorial_team .member-info .scopus::before {
  content: "\f19d";   /* topi toga */
  font: normal normal normal 12px/1 FontAwesome;
}
.page_editorial_team .member-info .scopus::after {
  content: "\f08e";   /* tautan keluar */
  font: normal normal normal 10px/1 FontAwesome;
  opacity: 0.6;
  transition: transform 0.3s var(--et-ease), opacity 0.3s ease;
}
.page_editorial_team .member-info .scopus:hover { border-color: var(--et-blue); }
.page_editorial_team .member-info .scopus:hover::after { transform: translate(2px, -2px); opacity: 1; }

/* Beri jarak agar badge tidak menempel pada afiliasi */
.page_editorial_team .member-info .affil + .scopus { margin-top: 10px; }

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .pkp_structure_main .page_editorial_team { padding: 1.4rem 1.1rem 1.2rem; }
  .page_editorial_team > h1 { font-size: 1.5rem; }
  .page_editorial_team > h3,
  .page_editorial_team .team-group > h3 { font-size: 1.05rem; }
  .page_editorial_team .team-grid { grid-template-columns: 1fr; }
  .page_editorial_team > .team-grid { grid-template-columns: 1fr; }
}

/* ---------- Animasi (otomatis mati jika pengunjung memilih "reduce motion") ---------- */
@keyframes et-shimmer { from { background-position: 0% 0; } to { background-position: 200% 0; } }
@keyframes et-rise    { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
@keyframes et-grow    { from { width: 0; } to { width: 64px; } }
@keyframes et-reveal  { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }

@media (prefers-reduced-motion: no-preference) {
  .page_editorial_team::before { animation: et-shimmer 9s linear infinite; }
  .page_editorial_team > h1 { animation: et-rise 0.8s var(--et-ease) both; }
  .page_editorial_team > h1::after { animation: et-grow 1s var(--et-ease) 0.35s both; }

  /* Kartu & judul grup muncul saat di-scroll (Chrome, Edge, Safari 26+) */
  @supports (animation-timeline: view()) {
    .page_editorial_team > h3,
    .page_editorial_team .team-group > h3,
    .page_editorial_team .member-card {
      animation: et-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* =====================================================================
   HALAMAN DETAIL ARTIKEL (page_article / obj_article_details)
   ===================================================================== */
.pkp_structure_main .page_article {
  --ar-blue: #4884B4;
  --ar-deep: #24496b;
  --ar-gold: #DEA307;
  --ar-soft: #ECF3FF;
  --ar-line: #e1e8f0;
  --ar-ease: cubic-bezier(0.22, 0.8, 0.24, 1);
}

/* ---------- Breadcrumb ---------- */
.page_article .cmp_breadcrumbs { margin-bottom: 1rem; font-size: 12.5px; }
.page_article .cmp_breadcrumbs ol {
  display: flex; flex-wrap: wrap; align-items: center;
  margin: 0; padding: 0; list-style: none;
}
.page_article .cmp_breadcrumbs li { display: inline-flex; align-items: center; color: #888; }
.page_article .cmp_breadcrumbs a { color: var(--ar-blue); text-decoration: none; }
.page_article .cmp_breadcrumbs a:hover { color: #2e6da4; text-decoration: underline; }
.page_article .cmp_breadcrumbs .separator { margin: 0 8px; color: #c0c0c0; }
.page_article .cmp_breadcrumbs .current { font-weight: 600; color: #2e6da4; }

/* ---------- Judul artikel: banner ---------- */
.page_article .obj_article_details .page_title {
  position: relative;
  overflow: hidden;
  margin: 0 0 1.4rem;
  padding: 1.5rem 1.7rem 1.6rem 1.9rem;
  background:
    radial-gradient(18rem 10rem at 100% 0%, rgba(255, 255, 255, 0.16), transparent 70%),
    linear-gradient(120deg, var(--ar-blue), var(--ar-deep));
  border-bottom: 4px solid var(--ar-gold);
  border-radius: 14px;
  box-shadow: 0 18px 36px -22px rgba(36, 73, 107, 0.7);
  color: #fff;
  font-size: clamp(1.25rem, 2.3vw, 1.6rem);
  line-height: 1.4;
  text-align: left;
}
/* Garis emas vertikal di kiri banner */
.page_article .obj_article_details .page_title::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 6px;
  background: linear-gradient(var(--ar-gold), #f6d97a);
}

/* ---------- Jarak antar bagian utama ---------- */
.page_article .main_entry > .item { margin: 0 0 1.2rem; }
.page_article .main_entry .item .label { text-align: left; }

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

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

/* ---------- DOI ---------- */
.page_article .item.doi { margin-top: 0 !important; }
.page_article .item.doi {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem 0.9rem;
  padding: 0.8rem 1.1rem;
  background: #fff;
  border: 1px solid var(--ar-line);
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(36, 73, 107, 0.06);
}
.page_article .item.doi > .label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  color: var(--ar-deep);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.page_article .item.doi > .label::before {
  content: "\f0c1";
  display: grid;
  place-items: center;
  width: 1.8rem; height: 1.8rem;
  border-radius: 50%;
  background: var(--ar-blue);
  color: #fff;
  font: normal normal normal 0.8rem/1 FontAwesome;
}
.page_article .item.doi > .value {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem 1rem;
  min-width: 0;
}
.page_article .item.doi .value > a {
  padding: 3px 12px;
  border-radius: 999px;
  background: var(--ar-soft);
  color: #2e6da4;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.page_article .item.doi .value > a:hover { background: var(--ar-blue); color: #fff; }
.page_article .item.doi .value > div[style] { display: none; }  /* spacer lama */

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

/* ---------- Kartu: Abstract, Downloads chart, References ---------- */
.page_article :is(.item.abstract, .item.downloads_chart, .item.references) {
  overflow: hidden;
  padding: 0 1.6rem 1.5rem;
  background: #fff;
  border: 1px solid var(--ar-line);
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(36, 73, 107, 0.07), 0 18px 40px -26px rgba(36, 73, 107, 0.35);
}
.page_article :is(.item.abstract, .item.downloads_chart, .item.references) > .label {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 0 -1.6rem 1.2rem;
  padding: 0.7rem 1.6rem;
  background: var(--ar-blue);
  border-bottom: 3px solid var(--ar-gold);
  color: #fff;
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.4;
  text-transform: none;
}
.page_article :is(.item.abstract, .item.downloads_chart, .item.references) > .label::before {
  color: var(--ar-gold);
  font: normal normal normal 1rem/1 FontAwesome;
}
.page_article .item.abstract > .label::before         { content: "\f0f6"; }
.page_article .item.downloads_chart > .label::before  { content: "\f080"; }
.page_article .item.references > .label::before       { content: "\f02d"; }

/* Isi abstract */
.page_article .item.abstract p {
  margin: 0;
  color: #33424f;
  font-size: 14.5px;
  line-height: 1.9;
  text-align: justify;
}

/* Grafik unduhan */
.page_article .item.downloads_chart .value { position: relative; }
.page_article .item.downloads_chart canvas { max-width: 100%; }

/* ---------- References ---------- */
.page_article .item.references .value p {
  margin: 0 0 0.5rem;
  padding: 0.6rem 0.9rem;
  background: #f8fbff;
  border-left: 3px solid #cfe0f0;
  border-radius: 0 8px 8px 0;
  color: #44525f;
  font-size: 13px;
  line-height: 1.65;
  text-align: left;
  overflow-wrap: anywhere;
  transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.4s var(--ar-ease);
}
.page_article .item.references .value p:hover {
  background: var(--ar-soft);
  border-left-color: var(--ar-gold);
  transform: translateX(3px);
}
.page_article .item.references .value a {
  color: var(--ar-blue);
  font-weight: 600;
  text-decoration: none;
}
.page_article .item.references .value a:hover { color: var(--ar-gold); text-decoration: underline; }

.page_article .item.references .value {
  max-height: 460px;
  overflow-y: auto;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: #9fc8ea transparent;
}

/* =====================================================================
   SIDEBAR KANAN (entry_details)
   ===================================================================== */

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

/* Tombol PDF besar */
.page_article .item.galleys { margin: 0 0 1.1rem; }
.page_article .item.galleys .galleys_links {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page_article .item.galleys .galleys_links li { margin: 0; }
.page_article .item.galleys .obj_galley_link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  width: 100%;
  padding: 0.85rem 1rem;
  background: linear-gradient(120deg, var(--ar-blue), #3a6d9a);
  border: 0;
  border-radius: 12px;
  box-shadow: 0 10px 20px -10px rgba(72, 132, 180, 0.95);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-decoration: none;
  transition: transform 0.35s var(--ar-ease), box-shadow 0.35s var(--ar-ease), filter 0.25s ease;
}
.page_article .item.galleys .obj_galley_link::before {
  content: "\f1c1";
  font: normal normal normal 1.25rem/1 FontAwesome;
}
.page_article .item.galleys .obj_galley_link::after {
  content: "\f019";
  font: normal normal normal 0.95rem/1 FontAwesome;
  opacity: 0.75;
  transition: transform 0.35s var(--ar-ease);
}
.page_article .item.galleys .obj_galley_link:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 26px -12px rgba(72, 132, 180, 1);
  filter: brightness(1.06);
  color: #fff;
}
.page_article .item.galleys .obj_galley_link:hover::after { transform: translateY(3px); opacity: 1; }

/* Kartu info sidebar */
.page_article .entry_details > .item:not(.cover_image):not(.galleys) {
  margin: 0 0 1rem;
  padding: 1rem 1.15rem;
  background: #fff;
  border: 1px solid var(--ar-line);
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(36, 73, 107, 0.06);
  overflow: hidden;
  transition: box-shadow 0.4s var(--ar-ease), border-color 0.3s ease;
}
.page_article .entry_details > .item:not(.cover_image):not(.galleys):hover {
  border-color: #d4e2f0;
  box-shadow: 0 12px 26px -16px rgba(36, 73, 107, 0.45);
}

/* Label kecil dengan ikon */
.page_article .entry_details .label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 0.55rem;
  color: var(--ar-deep);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.page_article .entry_details .label::before {
  color: var(--ar-gold);
  font: normal normal normal 0.9rem/1 FontAwesome;
}
.page_article .item.published .label::before { content: "\f073"; }
.page_article .item.citation > .sub_item > .label::before { content: "\f10d"; }
.page_article .item.issue .sub_item:nth-of-type(1) .label::before { content: "\f1ea"; }
.page_article .item.issue .sub_item:nth-of-type(2) .label::before { content: "\f0ca"; }
.page_article .item.copyright > .label::before { content: "\f1f9"; }
.page_article .citation_formats_list .label::before { content: "\f019"; }

/* Published */
.page_article .item.published .value {
  color: var(--ar-deep);
  font-size: 1.02rem;
  font-weight: 700;
  text-align: left;
}

/* Issue & Section */
.page_article .item.issue .sub_item + .sub_item {
  margin-top: 0.8rem;
  padding-top: 0.8rem;
  border-top: 1px dashed var(--ar-line);
}
.page_article .item.issue .value { text-align: left; }
.page_article .item.issue .value a.title {
  color: #2e6da4;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.5;
}
.page_article .item.issue .value a.title:hover { color: var(--ar-gold); }

/* ---------- How to Cite ---------- */
.page_article .item.citation .csl-entry {
  padding: 0.8rem 1rem;
  background: #f6f9fc;
  border-left: 3px solid var(--ar-gold);
  border-radius: 0 10px 10px 0;
  color: #33424f;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.7;
  text-align: left;
  overflow-wrap: anywhere;
}
.page_article .citation_formats { margin-top: 0.8rem; }
.page_article .citation_formats_button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 1.05rem;
  background: #fff;
  border: 1.5px solid var(--ar-blue);
  border-radius: 999px;
  color: var(--ar-blue);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.3s var(--ar-ease);
}
.page_article .citation_formats_button::after {
  content: "\f107";
  display: inline-block;
  font: normal normal normal 1rem/1 FontAwesome;
  transition: transform 0.35s var(--ar-ease);
}
.page_article .citation_formats_button[aria-expanded="true"]::after { transform: rotate(180deg); }
.page_article .citation_formats_button:hover {
  background: var(--ar-blue);
  color: #fff;
  transform: translateY(-1px);
}

/* Daftar format sitasi: pil */
.page_article .citation_formats_list ul.citation_formats_styles {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0.9rem 0 0;
  padding: 0;
  list-style: none;
}
.page_article .citation_formats_list ul.citation_formats_styles li { margin: 0; padding: 0; }
.page_article .citation_formats_list ul.citation_formats_styles a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 12px;
  background: var(--ar-soft);
  border-radius: 999px;
  color: #2e6da4;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.3s var(--ar-ease);
}
.page_article .citation_formats_list ul.citation_formats_styles a:hover {
  background: var(--ar-blue);
  color: #fff;
  transform: translateY(-2px);
}

/* Bagian "Download Citation": tombol selebar kartu */
.page_article .citation_formats_list .label { margin-top: 1.1rem; padding-top: 0.9rem; border-top: 1px dashed var(--ar-line); }
.page_article .citation_formats_list .label ~ ul.citation_formats_styles { flex-direction: column; }
.page_article .citation_formats_list .label ~ ul.citation_formats_styles a {
  display: flex;
  width: 100%;
  padding: 7px 12px;
  background: #f6f9fc;
  border: 1px solid var(--ar-line);
  border-radius: 8px;
}
.page_article .citation_formats_list .label ~ ul.citation_formats_styles a .fa { color: var(--ar-gold); }

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

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

/* ---------- Animasi (otomatis mati jika pengunjung memilih "reduce motion") ---------- */
@keyframes ar-rise   { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
@keyframes ar-reveal { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }

@media (prefers-reduced-motion: no-preference) {
  .page_article .obj_article_details .page_title { animation: ar-rise 0.8s var(--ar-ease) both; }

  /* Bagian muncul halus saat di-scroll (Chrome, Edge, Safari 26+) */
  @supports (animation-timeline: view()) {
    .page_article .item.authors li,
    .page_article .main_entry > .item,
    .page_article .entry_details > .item,
    .page_article .item.references .value p {
      animation: ar-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 28%;
    }
  }
}

/* =====================================================================
   FIX: pop-up statistik Dimensions tertutup cover issue
   ===================================================================== */

/* Kartu DOI dinaikkan di atas elemen lain & tanpa animasi scroll
   (animasi membuat lapisan baru yang menutupi pop-up) */
.page_article .main_entry > .item.doi {
  position: relative;
  z-index: 20;
  overflow: visible;
  animation: none;
}
.page_article .main_entry > .item.doi:hover { z-index: 30; }

/* Pop-up Dimensions selalu paling depan */
.page_article .item.doi .__dimensions_badge_embed__,
.page_article .item.doi .__dimensions_Badge_Legend_padding {
  position: relative;
  z-index: 50;
}
.page_article .item.doi .__dimensions_Badge_Legend_padding { position: absolute; }

/* Bonus: label "DOI:" sejajar dengan ikonnya (di screenshot tadi menumpuk) */
.page_article .item.doi > .label {
  flex-direction: row;
  flex-wrap: nowrap;
  white-space: nowrap;
}

/* =====================================================================
   HOMEPAGE - ABOUT THE JOURNAL (ikon + animasi)
   ===================================================================== */

/* ---------- Judul section dengan ikon ---------- */
.page_index_journal > section.homepage_about > h2 {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}
.page_index_journal > section.homepage_about > h2::before {
  content: "\f02d";
  flex: none;
  display: grid;
  place-items: center;
  width: 2.2rem; height: 2.2rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #6fa3cf, #4884B4);
  box-shadow: 0 0 0 4px #ECF3FF;
  color: #fff;
  font: normal normal normal 1rem/1 FontAwesome;
}

/* =====================================================================
   TABEL 1: INFO JURNAL
   ===================================================================== */
.homepage_about > table:first-of-type {
  border: 1px solid #dce8f3;
  box-shadow: 0 6px 20px -12px rgba(36, 73, 107, 0.4) !important;
}

.homepage_about > table:first-of-type td {
  border: 0 !important;
  border-bottom: 1px solid #e1e8f0 !important;
  transition: background-color 0.3s ease, box-shadow 0.35s cubic-bezier(0.22, 0.8, 0.24, 1);
}
.homepage_about > table:first-of-type tr:last-child td { border-bottom: 0 !important; }

/* Kolom label (kiri) */
.homepage_about > table:first-of-type td:first-child {
  width: 215px !important;
  padding: 10px 14px !important;
  background: linear-gradient(135deg, #4884B4, #3a6d9a) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
  white-space: nowrap;
}
.homepage_about > table:first-of-type tr:last-child td:first-child { border-bottom: 0 !important; }
.homepage_about > table:first-of-type td:first-child span {
  padding-left: 0 !important;
  font-weight: 600;
  letter-spacing: 0.2px;
}

/* Ikon bulat di tiap label */
.homepage_about > table:first-of-type td:first-child::before {
  content: "\f02d";
  display: inline-grid;
  place-items: center;
  width: 1.8rem; height: 1.8rem;
  margin-right: 0.65rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  color: #f6d97a;
  font: normal normal normal 0.85rem/1 FontAwesome;
  vertical-align: middle;
  transition: transform 0.45s cubic-bezier(0.22, 0.8, 0.24, 1), background-color 0.3s ease, color 0.3s ease;
}
.homepage_about > table:first-of-type tr:nth-child(1)  td:first-child::before { content: "\f02d"; } /* Journal Title */
.homepage_about > table:first-of-type tr:nth-child(2)  td:first-child::before { content: "\f292"; } /* Initials */
.homepage_about > table:first-of-type tr:nth-child(3)  td:first-child::before { content: "\f031"; } /* Abbreviation */
.homepage_about > table:first-of-type tr:nth-child(4)  td:first-child::before { content: "\f073"; } /* Frequency */
.homepage_about > table:first-of-type tr:nth-child(5)  td:first-child::before { content: "\f0c1"; } /* DOI */
.homepage_about > table:first-of-type tr:nth-child(6)  td:first-child::before { content: "\f02f"; } /* Print ISSN */
.homepage_about > table:first-of-type tr:nth-child(7)  td:first-child::before { content: "\f0ac"; } /* Online ISSN */
.homepage_about > table:first-of-type tr:nth-child(8)  td:first-child::before { content: "\f19d"; } /* Editor in Chief */
.homepage_about > table:first-of-type tr:nth-child(9)  td:first-child::before { content: "\f007"; } /* Deputy Editor */
.homepage_about > table:first-of-type tr:nth-child(10) td:first-child::before { content: "\f19c"; } /* Publisher */
.homepage_about > table:first-of-type tr:nth-child(11) td:first-child::before { content: "\f080"; } /* Citation Analysis */

/* Hover baris: ikon emas berputar sedikit */
.homepage_about > table:first-of-type tr:hover td:first-child::before {
  background: #DEA307;
  color: #fff;
  transform: rotate(-10deg) scale(1.12);
}

/* Kolom isi (kanan): warna selang-seling yang lebih lembut */
.homepage_about > table:first-of-type td:nth-child(2) {
  padding: 10px 16px !important;
  color: #33424f;
  font-size: 14px;
  line-height: 1.6;
}
.homepage_about > table:first-of-type tr:nth-child(odd)  td:nth-child(2) { background: #f4f9ff !important; }
.homepage_about > table:first-of-type tr:nth-child(even) td:nth-child(2) { background: #ffffff !important; }
.homepage_about > table:first-of-type tr:hover td:nth-child(2) { background: #e6f1ff !important; }

.homepage_about > table:first-of-type td:nth-child(2) span {
  padding-left: 0 !important;
  color: #33424f !important;
}
/* Judul jurnal ditebalkan */
.homepage_about > table:first-of-type tr:nth-child(1) td:nth-child(2) span {
  color: #24496b !important;
  font-weight: 700;
}

/* Tautan umum di kolom isi */
.homepage_about > table:first-of-type td:nth-child(2) a {
  color: #2e6da4;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.25s ease;
}
.homepage_about > table:first-of-type td:nth-child(2) a span { color: inherit !important; }
.homepage_about > table:first-of-type td:nth-child(2) a:hover { color: #DEA307; text-decoration: underline; }

/* ISSN & prefix DOI: lencana */
.homepage_about > table:first-of-type a[href*="issn.perpusnas"],
.homepage_about > table:first-of-type a[href*="crossref"] {
  display: inline-block;
  margin: 0 4px;
  padding: 2px 12px;
  background: #fff;
  border: 1px solid #cfe0f0;
  border-radius: 999px;
  font-weight: 700 !important;
  letter-spacing: 0.06em;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.3s ease !important;
}
.homepage_about > table:first-of-type a[href*="issn.perpusnas"]:hover,
.homepage_about > table:first-of-type a[href*="crossref"]:hover {
  background: #4884B4;
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-2px);
}

/* Citation Analysis: setiap tautan jadi pil berikon */
.homepage_about > table:first-of-type tr:last-child td:nth-child(2) {
  font-size: 0 !important;      /* menyembunyikan pemisah "|" */
  line-height: 2;
}
.homepage_about > table:first-of-type tr:last-child td:nth-child(2) a {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 3px 6px 3px 0;
  padding: 3px 13px;
  background: #ECF3FF;
  border: 1px solid #cfe0f0;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.35s cubic-bezier(0.22, 0.8, 0.24, 1);
}
.homepage_about > table:first-of-type tr:last-child td:nth-child(2) a::before {
  color: #DEA307;
  font: normal normal normal 12px/1 FontAwesome;
  transition: color 0.25s ease;
}
.homepage_about > table:first-of-type tr:last-child td:nth-child(2) a:hover {
  background: #4884B4;
  border-color: #4884B4;
  color: #fff;
  transform: translateY(-3px);
}
.homepage_about > table:first-of-type tr:last-child td:nth-child(2) a:hover::before { color: #fff; }

.homepage_about > table:first-of-type a[href*="sinta"]::before      { content: "\f091"; } /* piala */
.homepage_about > table:first-of-type a[href*="garuda"]::before     { content: "\f0ac"; }
.homepage_about > table:first-of-type a[href*="doaj"]::before       { content: "\f09c"; } /* open access */
.homepage_about > table:first-of-type a[href*="copernicus"]::before { content: "\f19d"; }
.homepage_about > table:first-of-type a[href*="dimensions"]::before { content: "\f201"; }
.homepage_about > table:first-of-type a[href*="scholar"]::before    { content: "\f19d"; }

/* SINTA disorot emas */
.homepage_about > table:first-of-type tr:last-child td:nth-child(2) a[href*="sinta"] {
  background: #fff4d6;
  border-color: #f0dfae;
  color: #8a5a00;
}
.homepage_about > table:first-of-type tr:last-child td:nth-child(2) a[href*="sinta"]:hover {
  background: #DEA307;
  border-color: #DEA307;
  color: #fff;
}

/* =====================================================================
   TABEL 2: LOGO / BADGE
   ===================================================================== */
.homepage_about > table:nth-of-type(2) {
  border-collapse: separate !important;
  border-spacing: 10px !important;
  height: auto !important;
  padding: 2px !important;
  background: linear-gradient(135deg, #f7fbff, #ffffff) !important;
}
.homepage_about > table:nth-of-type(2) td {
  width: auto !important;
  height: 76px;
  padding: 10px 8px;
  background: #fff;
  border: 1px solid #e1e8f0;
  border-radius: 10px;
  transition: transform 0.45s cubic-bezier(0.22, 0.8, 0.24, 1), box-shadow 0.45s cubic-bezier(0.22, 0.8, 0.24, 1), border-color 0.3s ease;
}
.homepage_about > table:nth-of-type(2) td:hover {
  transform: translateY(-4px);
  border-color: #DEA307;
  box-shadow: 0 14px 24px -14px rgba(36, 73, 107, 0.5);
}

/* =====================================================================
   JOURNAL METRICS (panel widget)
   ===================================================================== */
.homepage_about .stat-panel {
  position: relative;
  overflow: hidden;
  transition: transform 0.45s cubic-bezier(0.22, 0.8, 0.24, 1), box-shadow 0.45s cubic-bezier(0.22, 0.8, 0.24, 1);
}
.homepage_about .stat-panel::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #DEA307, #f6d97a);
}
.homepage_about .stat-panel:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 30px -18px rgba(36, 73, 107, 0.5) !important;
}

/* =====================================================================
   JOURNAL SUMMARY
   ===================================================================== */
.homepage_about > table:last-of-type td {
  position: relative;
  overflow: hidden;
}
/* Tanda kutip besar sebagai watermark */
.homepage_about > table:last-of-type td::before {
  content: "\f10d";
  position: absolute;
  right: 16px; top: -4px;
  color: rgba(72, 132, 180, 0.1);
  font: normal normal normal 4.5rem/1 FontAwesome;
  pointer-events: none;
}
.homepage_about > table:last-of-type p { font-size: 0 !important; }   /* menyembunyikan tanda ":" */
.homepage_about > table:last-of-type p strong {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.6rem;
  padding: 3px 14px 3px 10px;
  background: #4884B4;
  border-radius: 999px;
  box-shadow: 0 6px 14px -8px rgba(72, 132, 180, 0.9);
  color: #fff;
  font-size: 11.5px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.homepage_about > table:last-of-type p strong::before {
  content: "\f05a";
  color: #f6d97a;
  font: normal normal normal 13px/1 FontAwesome;
}
.homepage_about > table:last-of-type p > span {
  display: block;
  color: #33424f !important;
  font-size: 13.5px;
  line-height: 1.8;
}

/* =====================================================================
   RESPONSIF (HP)
   ===================================================================== */
@media (max-width: 600px) {
  .homepage_about > table:first-of-type,
  .homepage_about > table:first-of-type tbody,
  .homepage_about > table:first-of-type tr,
  .homepage_about > table:first-of-type td { display: block; width: 100% !important; }
  .homepage_about > table:first-of-type td:first-child { white-space: normal; }

  .homepage_about > table:nth-of-type(2) tbody { display: block; }
  .homepage_about > table:nth-of-type(2) tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
  .homepage_about > table:nth-of-type(2) td { flex: 1 1 40%; }
}

/* =====================================================================
   ANIMASI (otomatis mati jika pengunjung memilih "reduce motion")
   ===================================================================== */
@keyframes ha-row   { from { opacity: 0; translate: -18px 0; } to { opacity: 1; translate: 0 0; } }
@keyframes ha-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(72, 132, 180, 0.5); }
  70%  { box-shadow: 0 0 0 9px rgba(72, 132, 180, 0); }
  100% { box-shadow: 0 0 0 0 rgba(72, 132, 180, 0); }
}
@keyframes ha-float { from { translate: 0 0; } to { translate: 0 8px; } }
@keyframes ha-ring  {
  0%   { box-shadow: 0 0 0 4px #ECF3FF, 0 0 0 4px rgba(222, 163, 7, 0.45); }
  100% { box-shadow: 0 0 0 4px #ECF3FF, 0 0 0 13px rgba(222, 163, 7, 0); }
}

@media (prefers-reduced-motion: no-preference) {

  /* Baris tabel masuk satu per satu dari kiri */
  .homepage_about > table:first-of-type tr { animation: ha-row 0.7s cubic-bezier(0.22, 0.8, 0.24, 1) both; }
  .homepage_about > table:first-of-type tr:nth-child(1)  { animation-delay: 0.10s; }
  .homepage_about > table:first-of-type tr:nth-child(2)  { animation-delay: 0.16s; }
  .homepage_about > table:first-of-type tr:nth-child(3)  { animation-delay: 0.22s; }
  .homepage_about > table:first-of-type tr:nth-child(4)  { animation-delay: 0.28s; }
  .homepage_about > table:first-of-type tr:nth-child(5)  { animation-delay: 0.34s; }
  .homepage_about > table:first-of-type tr:nth-child(6)  { animation-delay: 0.40s; }
  .homepage_about > table:first-of-type tr:nth-child(7)  { animation-delay: 0.46s; }
  .homepage_about > table:first-of-type tr:nth-child(8)  { animation-delay: 0.52s; }
  .homepage_about > table:first-of-type tr:nth-child(9)  { animation-delay: 0.58s; }
  .homepage_about > table:first-of-type tr:nth-child(10) { animation-delay: 0.64s; }
  .homepage_about > table:first-of-type tr:nth-child(11) { animation-delay: 0.70s; }

  /* Ikon judul section memancarkan cincin emas pelan */
  .page_index_journal > section.homepage_about > h2::before { animation: ha-ring 2.8s ease-out infinite; }

  /* Ikon di panel metrics berdenyut */
  .homepage_about .stat-title::before { animation: ha-pulse 2.6s ease-out infinite; }

  /* Tanda kutip watermark melayang pelan */
  .homepage_about > table:last-of-type td::before { animation: ha-float 4.5s ease-in-out infinite alternate; }
}

/* =====================================================================
   FIX: TABEL LOGO/BADGE JADI 4 KOLOM SIMETRIS
   ===================================================================== */
.homepage_about > table:nth-of-type(2) {
  table-layout: fixed;
  width: 100% !important;
}

/* 4 kolom sama lebar, tinggi seragam */
.homepage_about > table:nth-of-type(2) td {
  width: 25% !important;
  height: 84px;
  padding: 10px 12px;
  text-align: center !important;
  vertical-align: middle !important;
  overflow: hidden;
}

/* Logo SINTA, ISSN, Open Access: masuk ke kotak yang sama, proporsi tetap */
.homepage_about > table:nth-of-type(2) td > a {
  display: block;
  line-height: 0;
}
.homepage_about > table:nth-of-type(2) td > a > img {
  display: block;
  width: 100%;
  height: 52px;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto;
}

/* Badge Creative Commons + tulisan "licenced": rapi di tengah */
.homepage_about > table:nth-of-type(2) td > span {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px 2px;
  line-height: 1.2;
}
.homepage_about > table:nth-of-type(2) td > span > a {
  display: inline-flex;
  align-items: center;
}
.homepage_about > table:nth-of-type(2) td > span img { margin-left: 0 !important; }
.homepage_about > table:nth-of-type(2) td > span strong {
  flex-basis: 100%;
  font-size: 12.5px;
  letter-spacing: 0.04em;
  color: #33424f;
}

/* HP: dua kolom per baris */
@media (max-width: 600px) {
  .homepage_about > table:nth-of-type(2) td {
    width: auto !important;
    flex: 1 1 40%;
  }
}

/* =====================================================================
   FOOTER (logo + info jurnal + ISSN + lisensi CC)
   ===================================================================== */

/* ---------- Latar footer: gradasi + dekorasi ---------- */
.pkp_structure_footer_wrapper {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(34rem 18rem at 0% 100%, rgba(255, 255, 255, 0.10), transparent 70%),
    radial-gradient(28rem 16rem at 100% 0%, rgba(222, 163, 7, 0.16), transparent 70%),
    linear-gradient(135deg, #4884B4 0%, #2f6190 55%, #24496b 100%) !important;
}
.pkp_structure_footer,
.pkp_footer_content { background: transparent !important; }

/* Lingkaran dekoratif samar */
.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: logo | info ---------- */
.pkp_footer_content {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 2.6rem;
  row-gap: 1rem;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto;
  padding: 2.6rem 1.5rem 2.2rem;
}
.pkp_footer_content > p { margin: 0; }

/* Logo: kolom kiri, membentang 3 baris */
.pkp_footer_content > p:nth-of-type(1) {
  grid-column: 1;
  grid-row: 1 / span 3;
  align-self: center;
  text-align: center !important;
}
.pkp_footer_content > p:nth-of-type(1) 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 cubic-bezier(0.22, 0.8, 0.24, 1), box-shadow 0.6s cubic-bezier(0.22, 0.8, 0.24, 1);
}
.pkp_footer_content > p:nth-of-type(1) 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(222, 163, 7, 0.55);
}

/* Kolom kanan */
.pkp_footer_content > p:nth-of-type(n+2) {
  grid-column: 2;
  text-align: left !important;
}

/* ---------- Info jurnal ---------- */
/* Judul jurnal */
.pkp_footer_content > p:nth-of-type(2) > a:first-child {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  background: linear-gradient(#DEA307, #DEA307) 0 100% / 0 2px no-repeat;
  padding-bottom: 4px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  transition: background-size 0.55s cubic-bezier(0.22, 0.8, 0.24, 1);
}
.pkp_footer_content > p:nth-of-type(2) > a:first-child::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: #f6d97a;
  font: normal normal normal 1rem/1 FontAwesome;
}
.pkp_footer_content > p:nth-of-type(2) > a:first-child:hover { background-size: 100% 2px; }

/* "Published by ..." */
.pkp_footer_content > p:nth-of-type(2) > span:nth-of-type(1) {
  display: block;
  margin-top: 0.55rem;
  font-size: 0.95rem;
  opacity: 0.9;
}
.pkp_footer_content > p:nth-of-type(2) br { display: none; }

/* ISSN: jadi dua pil (teks "|" asli disembunyikan) */
.pkp_footer_content > p:nth-of-type(2) > span:nth-of-type(2) {
  display: block;
  margin-top: 0.9rem;
  font-size: 0;
}
.pkp_footer_content > p:nth-of-type(2) > span:nth-of-type(3) { display: none; }

.pkp_footer_content a[href*="issn.perpusnas"] {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0 0.6rem 0.5rem 0;
  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;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.4s cubic-bezier(0.22, 0.8, 0.24, 1);
}
.pkp_footer_content a[href*="issn.perpusnas"]::before {
  padding: 3px 11px;
  border-radius: 999px;
  background: #DEA307;
  color: #fff;
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pkp_footer_content a[href*="1180428043"]::before { content: "Print ISSN"; }
.pkp_footer_content a[href*="1494906937"]::before { content: "Online ISSN"; }
.pkp_footer_content a[href*="issn.perpusnas"]:hover {
  background: #fff;
  color: #24496b;
  transform: translateY(-3px);
}

/* ---------- Teks lisensi ---------- */
.pkp_footer_content > p:nth-of-type(3) {
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 13.5px;
  line-height: 1.8;
}
.pkp_footer_content > p:nth-of-type(3) a {
  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 > p:nth-of-type(3) a:hover {
  color: #f6d97a;
  border-bottom-color: #f6d97a;
}

/* ---------- Ikon Creative Commons (ikonnya gelap, jadi diberi pil putih) ---------- */
.pkp_footer_content > p:nth-of-type(4) a {
  display: inline-flex !important;
  align-items: center;
  gap: 2px;
  padding: 6px 16px 6px 10px;
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.55);
  transition: transform 0.4s cubic-bezier(0.22, 0.8, 0.24, 1), box-shadow 0.4s cubic-bezier(0.22, 0.8, 0.24, 1);
}
.pkp_footer_content > p:nth-of-type(4) a:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 26px -12px rgba(0, 0, 0, 0.6);
}
.pkp_footer_content > p:nth-of-type(4) img { margin-left: 3px !important; }

/* ---------- HP / layar kecil: tumpuk di tengah ---------- */
@media (max-width: 767px) {
  .pkp_footer_content {
    grid-template-columns: 1fr;
    padding: 2rem 1.1rem 1.8rem;
  }
  .pkp_footer_content > p:nth-of-type(1) {
    grid-row: auto;
    justify-self: center;
  }
  .pkp_footer_content > p:nth-of-type(1) img { max-width: 130px; max-height: 175px; }
  .pkp_footer_content > p:nth-of-type(n+2) {
    grid-column: 1;
    text-align: center !important;
  }
  .pkp_footer_content > p:nth-of-type(2) > a:first-child { font-size: 1.2rem; justify-content: center; }
}

/* ---------- Animasi (otomatis mati jika pengunjung memilih "reduce motion") ---------- */
@keyframes fo-float  { from { translate: 0 -4px; } to { translate: 0 6px; } }
@keyframes fo-reveal { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }

@media (prefers-reduced-motion: no-preference) {
  /* Logo melayang sangat pelan */
  .pkp_footer_content > p:nth-of-type(1) img { animation: fo-float 5s ease-in-out infinite alternate; }
  .pkp_footer_content > p:nth-of-type(1) 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 > p {
      animation: fo-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 60%;
    }
  }
}

/* =====================================================================
   HALAMAN LOGIN
   Tempel di PALING BAWAH styleSheet.css
   ===================================================================== */
.pkp_structure_main .page_login {
  --lg-blue: #4884B4;
  --lg-deep: #24496b;
  --lg-gold: #DEA307;
  --lg-soft: #ECF3FF;
  --lg-line: #dce8f3;
  --lg-ease: cubic-bezier(0.22, 0.8, 0.24, 1);

  position: relative;
  overflow: hidden;
  max-width: 480px;
  margin: 0.5rem auto 2rem;
  padding: 1.6rem 2.2rem 2rem;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 10px rgba(36, 73, 107, 0.07), 0 24px 48px -24px rgba(36, 73, 107, 0.45);
  color: #33424f;
}

/* Garis aksen berkilau di atas kartu */
.page_login::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--lg-blue) 0%, var(--lg-blue) 40%, #9fc8ea 50%, var(--lg-blue) 60%, var(--lg-blue) 100%);
  background-size: 200% 100%;
}

/* ---------- Breadcrumb ---------- */
.page_login .cmp_breadcrumbs { margin-bottom: 0.6rem; font-size: 12.5px; }
.page_login .cmp_breadcrumbs ol {
  display: flex; flex-wrap: wrap; align-items: center;
  margin: 0; padding: 0; list-style: none;
}
.page_login .cmp_breadcrumbs li { display: inline-flex; align-items: center; color: #888; }
.page_login .cmp_breadcrumbs a { color: var(--lg-blue); text-decoration: none; }
.page_login .cmp_breadcrumbs a:hover { color: #2e6da4; text-decoration: underline; }
.page_login .cmp_breadcrumbs .separator { margin: 0 8px; color: #c0c0c0; }
.page_login .cmp_breadcrumbs .current { font-weight: 600; color: #2e6da4; }

/* ---------- Judul: ikon gembok di atas, garis emas di bawah ---------- */
.page_login > h1 {
  position: relative;
  margin: 0 0 1.1rem;
  padding-bottom: 0.9rem;
  color: var(--lg-deep);
  font-size: 1.7rem;
  line-height: 1.25;
  text-align: center;
}
.page_login > h1::before {
  content: "\f023";
  display: grid;
  place-items: center;
  width: 3.6rem; height: 3.6rem;
  margin: 0.4rem auto 0.9rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #6fa3cf, var(--lg-blue));
  box-shadow: 0 0 0 6px var(--lg-soft), 0 14px 24px -10px rgba(72, 132, 180, 0.9);
  color: #fff;
  font: normal normal normal 1.4rem/1 FontAwesome;
}
.page_login > h1::after {
  content: "";
  position: absolute;
  left: 50%; bottom: 0;
  width: 64px; height: 4px;
  margin-left: -32px;
  border-radius: 2px;
  background: var(--lg-gold);
}

/* Catatan "Required fields ..." */
.page_login > p {
  margin: 0 0 1.4rem;
  color: #7a8794;
  font-size: 12.5px;
  text-align: center;
}
.page_login abbr.required,
.page_login .required {
  border: 0;
  color: #c0463d;
  font-weight: 700;
  text-decoration: none;
}

/* ---------- Form ---------- */
.page_login fieldset { margin: 0; padding: 0; border: 0; }
.page_login .fields > div { margin: 0 0 1.15rem; }

.page_login .username label,
.page_login .password label {
  position: relative;
  display: block;
  margin: 0;
}

/* Label atas */
.page_login .cmp_form .label,
.page_login label > .label {
  display: block;
  margin: 0 0 0.45rem;
  color: var(--lg-deep);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

/* Kolom input */
.page_login input[type="text"],
.page_login input[type="password"] {
  display: block;
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 0 1rem 0 2.9rem;
  background: #f7fbff;
  border: 1.5px solid var(--lg-line);
  border-radius: 10px;
  color: #24496b;
  font-size: 15px;
  box-shadow: none;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}
.page_login input[type="text"]:focus,
.page_login input[type="password"]:focus {
  background: #fff;
  border-color: var(--lg-blue);
  outline: 0;
  box-shadow: 0 0 0 4px rgba(72, 132, 180, 0.18);
}
/* Cegah warna autofill browser merusak tampilan */
.page_login input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #f7fbff inset;
  -webkit-text-fill-color: #24496b;
}

/* Ikon di dalam input */
.page_login .username label::after,
.page_login .password label::after {
  position: absolute;
  left: 0; bottom: 0;
  display: grid;
  place-items: center;
  width: 2.9rem; height: 48px;
  color: #8aa4bb;
  font: normal normal normal 1.05rem/1 FontAwesome;
  pointer-events: none;
  transition: color 0.25s ease;
}
.page_login .username label::after { content: "\f007"; }
.page_login .password label::after { content: "\f023"; }
.page_login .username label:focus-within::after,
.page_login .password label:focus-within::after { color: var(--lg-blue); }

/* "Forgot your password?" sejajar dengan label, di kanan */
.page_login .password label > a {
  position: absolute;
  right: 0; top: 0;
  color: var(--lg-blue);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.25s ease;
}
.page_login .password label > a:hover { color: var(--lg-gold); text-decoration: underline; }

/* ---------- Checkbox "Keep me logged in" ---------- */
.page_login .remember label {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin: 0;
  cursor: pointer;
}
.page_login .remember .label {
  display: inline;
  margin: 0;
  color: #52626f;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
.page_login input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  flex: none;
  width: 21px; height: 21px;
  margin: 0;
  background: #fff;
  border: 2px solid #b9cde0;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.page_login input[type="checkbox"]:hover { border-color: var(--lg-blue); }
.page_login input[type="checkbox"]:focus-visible { box-shadow: 0 0 0 4px rgba(72, 132, 180, 0.22); outline: 0; }
.page_login input[type="checkbox"]:checked {
  background: var(--lg-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 72% no-repeat;
  border-color: var(--lg-blue);
}

/* ---------- Tombol ---------- */
.page_login .buttons {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  margin: 1.5rem 0 0;
}
.page_login .buttons button.submit {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  width: 100%;
  padding: 0.9rem 1rem;
  background: linear-gradient(120deg, var(--lg-blue), #3a6d9a);
  border: 0;
  border-radius: 12px;
  box-shadow: 0 12px 22px -10px rgba(72, 132, 180, 0.95);
  color: #fff;
  font-size: 15.5px;
  font-weight: 700;
  letter-spacing: 0.3px;
  cursor: pointer;
  transition: transform 0.35s var(--lg-ease), box-shadow 0.35s var(--lg-ease), filter 0.25s ease;
}
.page_login .buttons button.submit::before {
  content: "\f090";
  font: normal normal normal 1rem/1 FontAwesome;
  transition: transform 0.35s var(--lg-ease);
}
.page_login .buttons button.submit::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;
}
.page_login .buttons button.submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 28px -12px rgba(72, 132, 180, 1);
  filter: brightness(1.06);
}
.page_login .buttons button.submit:hover::before { transform: translateX(4px); }
.page_login .buttons button.submit:active { transform: translateY(0); }

/* Tautan Register (jika fitur pendaftaran aktif) */
.page_login .buttons a {
  display: block;
  padding: 0.75rem 1rem;
  border: 1.5px solid var(--lg-blue);
  border-radius: 12px;
  color: var(--lg-blue);
  font-size: 14.5px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.35s var(--lg-ease);
}
.page_login .buttons a:hover { background: var(--lg-soft); color: #2e6da4; transform: translateY(-2px); }

/* ---------- HP ---------- */
@media (max-width: 520px) {
  .pkp_structure_main .page_login { padding: 1.3rem 1.2rem 1.6rem; border-radius: 14px; }
  .page_login > h1 { font-size: 1.5rem; }
}

/* ---------- Animasi (otomatis mati jika pengunjung memilih "reduce motion") ---------- */
@keyframes lg-shimmer { from { background-position: 0% 0; } to { background-position: 200% 0; } }
@keyframes lg-rise    { from { opacity: 0; translate: 0 22px; } to { opacity: 1; translate: 0 0; } }
@keyframes lg-ring {
  0%   { box-shadow: 0 0 0 6px var(--lg-soft), 0 0 0 6px rgba(222, 163, 7, 0.45), 0 14px 24px -10px rgba(72, 132, 180, 0.9); }
  100% { box-shadow: 0 0 0 6px var(--lg-soft), 0 0 0 18px rgba(222, 163, 7, 0), 0 14px 24px -10px rgba(72, 132, 180, 0.9); }
}
@keyframes lg-sheen { 0%, 70% { translate: -130% 0; } 100% { translate: 330% 0; } }

@media (prefers-reduced-motion: no-preference) {
  .page_login::before { animation: lg-shimmer 9s linear infinite; }
  .pkp_structure_main .page_login { animation: lg-rise 0.8s var(--lg-ease) both; }
  .page_login > h1::before { animation: lg-ring 2.8s ease-out infinite; }

  /* Kolom muncul bergantian */
  .page_login .fields > div { animation: lg-rise 0.7s var(--lg-ease) both; }
  .page_login .fields > .username { animation-delay: 0.15s; }
  .page_login .fields > .password { animation-delay: 0.25s; }
  .page_login .fields > .remember { animation-delay: 0.35s; }
  .page_login .fields > .buttons  { animation-delay: 0.45s; }

  /* Kilau lewat di tombol Login, dengan jeda panjang */
  .page_login .buttons button.submit::after { animation: lg-sheen 5s ease-in-out infinite; }
  .page_login .buttons button.submit:hover::after { animation-play-state: paused; }
}

/* =====================================================================
   NAVBAR: ikon, dropdown, CTA Register, menu user
   Tempel di PALING BAWAH styleSheet.css
   ===================================================================== */

/* ---------- Bayangan halus di bawah navbar ---------- */
.pkp_navigation_primary_row {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 14px 24px -18px rgba(36, 73, 107, 0.75);
}

/* ---------- Ikon di depan tiap menu ---------- */
.pkp_navigation_primary > li > a::before,
#navigationUser > li > a::before {
  display: inline-block;
  margin-right: 0.5rem;
  color: #f6d97a;
  font: normal normal normal 0.95em/1 FontAwesome;
  transition: transform 0.35s cubic-bezier(0.22, 0.8, 0.24, 1), color 0.25s ease;
}
.pkp_navigation_primary > li:nth-child(1) > a::before { content: "\f015"; } /* Home */
.pkp_navigation_primary > li:nth-child(2) > a::before { content: "\f0a1"; } /* Announcements */
.pkp_navigation_primary > li:nth-child(3) > a::before { content: "\f05a"; } /* About */
.pkp_navigation_primary > li:nth-child(4) > a::before { content: "\f1ea"; } /* Current */
.pkp_navigation_primary > li:nth-child(5) > a::before { content: "\f187"; } /* Archives */
.pkp_navigation_primary > li:nth-child(6) > a::before { content: "\f234"; } /* Register */

/* Ikon melompat kecil saat menu di-hover */
.pkp_navigation_primary > li > a:hover::before,
#navigationUser > li > a:hover::before {
  transform: translateY(-2px) scale(1.18);
  color: #fff;
}

/* ---------- Dropdown menu (About): terbuka dengan animasi ---------- */
.pkp_navigation_primary ul.dropdown-menu {
  padding: 6px;
  background: #fff;
  border: 0;
  border-top: 3px solid #DEA307;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 18px 34px -14px rgba(36, 73, 107, 0.45);
}

@keyframes nav-drop {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: no-preference) {
  .pkp_navigation_primary li:hover > ul.dropdown-menu,
  .pkp_navigation_primary li:focus-within > ul.dropdown-menu,
  #navigationUser li:hover > ul.dropdown-menu,
  #navigationUser li:focus-within > ul.dropdown-menu {
    animation: nav-drop 0.3s cubic-bezier(0.22, 0.8, 0.24, 1);
  }
}

/* Item dropdown dengan ikon bulat */
.pkp_navigation_primary ul.dropdown-menu li a {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.55rem 0.7rem;
  border-radius: 8px;
  color: #33424f;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.3s cubic-bezier(0.22, 0.8, 0.24, 1);
}
.pkp_navigation_primary ul.dropdown-menu li a::before {
  flex: none;
  display: grid;
  place-items: center;
  width: 1.9rem; height: 1.9rem;
  border-radius: 50%;
  background: #ECF3FF;
  color: #4884B4;
  font: normal normal normal 0.85rem/1 FontAwesome;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.35s cubic-bezier(0.22, 0.8, 0.24, 1);
}
.pkp_navigation_primary ul.dropdown-menu li:nth-child(1) a::before { content: "\f05a"; } /* About the Journal */
.pkp_navigation_primary ul.dropdown-menu li:nth-child(2) a::before { content: "\f0c0"; } /* Editorial Team */
.pkp_navigation_primary ul.dropdown-menu li:nth-child(3) a::before { content: "\f093"; } /* Submissions */
.pkp_navigation_primary ul.dropdown-menu li:nth-child(4) a::before { content: "\f023"; } /* Privacy Statement */
.pkp_navigation_primary ul.dropdown-menu li:nth-child(5) a::before { content: "\f0e0"; } /* Contact */

.pkp_navigation_primary ul.dropdown-menu li a:hover {
  padding: 0.55rem 0.7rem;
  background: #ECF3FF;
  color: #2e6da4;
  transform: translateX(3px);
}
.pkp_navigation_primary ul.dropdown-menu li a:hover::before {
  background: #DEA307;
  color: #fff;
  transform: rotate(-8deg) scale(1.1);
}

/* ---------- Tombol Register di menu utama jadi CTA emas (desktop) ---------- */
@media (min-width: 992px) {
  .pkp_navigation_primary > li:last-child > a {
    background: linear-gradient(120deg, #DEA307, #c48f00);
    border-radius: 20px;
    padding: 0.22rem 0.8rem;
    line-height: 1.35;
    font-size: 0.92em;
    box-shadow: 0 8px 16px -8px rgba(222, 163, 7, 0.95);
    color: #fff;
    font-weight: 700;
  }
  .pkp_navigation_primary > li:last-child > a::before { color: #fff; }
  .pkp_navigation_primary > li:last-child > a::after { display: none; }   /* garis bawah hover tidak perlu */
  .pkp_navigation_primary > li:last-child > a:hover {
    background: linear-gradient(120deg, #f2c44d, #DEA307);
    box-shadow: 0 12px 20px -10px rgba(222, 163, 7, 1);
    transform: translateY(-2px);
  }
}

/* ---------- Tombol Search: ikon bergoyang saat hover ---------- */
.pkp_navigation_search_wrapper .pkp_search .fa {
  display: inline-block;
  transition: transform 0.4s cubic-bezier(0.22, 0.8, 0.24, 1);
}
.pkp_navigation_search_wrapper .pkp_search:hover .fa { transform: rotate(-14deg) scale(1.2); }

/* ---------- Menu user (Register / nama akun / dropdown) ---------- */
#navigationUser > li:nth-child(1) > a::before { content: "\f234"; }   /* Register */
#navigationUser > li:nth-child(2) > a::before { content: "\f2bd"; }   /* nama akun */

#navigationUser ul.dropdown-menu {
  border-radius: 12px !important;
  box-shadow: 0 18px 34px -14px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
#navigationUser ul.dropdown-menu li a {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}
#navigationUser ul.dropdown-menu li a::before {
  flex: none;
  width: 1.1rem;
  color: #f6d97a;
  font: normal normal normal 0.95rem/1 FontAwesome;
  text-align: center;
  transition: transform 0.3s cubic-bezier(0.22, 0.8, 0.24, 1);
}
#navigationUser ul.dropdown-menu li:nth-child(1) a::before { content: "\f0e4"; } /* Dashboard */
#navigationUser ul.dropdown-menu li:nth-child(2) a::before { content: "\f007"; } /* View Profile */
#navigationUser ul.dropdown-menu li:nth-child(3) a::before { content: "\f08b"; } /* Logout */
#navigationUser ul.dropdown-menu li a:hover::before { transform: scale(1.2); color: #DEA307; }

/* ---------- Menu muncul berurutan saat halaman dimuat ----------
   (tanpa fill-mode "forwards" supaya tidak menutupi dropdown) */
@keyframes nav-in {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: no-preference) {
  .pkp_navigation_primary > li { animation: nav-in 0.6s cubic-bezier(0.22, 0.8, 0.24, 1) backwards; }
  .pkp_navigation_primary > li:nth-child(1) { animation-delay: 0.05s; }
  .pkp_navigation_primary > li:nth-child(2) { animation-delay: 0.12s; }
  .pkp_navigation_primary > li:nth-child(3) { animation-delay: 0.19s; }
  .pkp_navigation_primary > li:nth-child(4) { animation-delay: 0.26s; }
  .pkp_navigation_primary > li:nth-child(5) { animation-delay: 0.33s; }
  .pkp_navigation_primary > li:nth-child(6) { animation-delay: 0.40s; }
}