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

body {
    height: 100%;
    background: #ededed;
}

.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;
    color: #ffffff;
}

/* 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;
    background:;
    color: #0F61B7;
}

.hover td {
    height: 0px;
    padding-top: 0px;
    vertical-align: middle;
    border-bottom: 0px solid #ffffff;
    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;
}
a {
  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 {
    background: #4884B4;
    display: none;
}

.pkp_footer_content {
    background: #4884B4;
    color: #ffffff;
}

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

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

.pkp_structure_footer_wrapper {
    background: #4884B4;
}

.pkp_structure_footer {
    background: #4884B4;
}

.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{
    padding: -10;
}

/* 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;
  border: none;
  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;
    transition: box-shadow 0.3s ease;
    }

.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;
    background-color: #e6f1ff;
    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);
}

/* Header kartu */
.page_contact .contact > h2 {
    margin: 0 0 16px;
    padding: 11px 20px;
    background: #4884B4;
    border-bottom: 3px solid #DEA307;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.4;
}

.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)
   ---------------------------------------------------------------------
   CARA PAKAI:
   Tempel SELURUH isi file ini di PALING BAWAH styleSheet.css milikmu
   (jangan hapus CSS lama). Karena posisinya paling akhir, aturan di sini
   otomatis menimpa aturan lama yang bentrok.

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

/* ---------- 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-ink:          #1d2b3a;
  --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;
    }
  }
}

/* =====================================================================
   OPSIONAL: navbar menempel di atas saat scroll (desktop saja)
   Hapus tanda komentar kalau mau dicoba. Kalau tampilan header jadi
   aneh, kembalikan lagi menjadi komentar.
   ===================================================================== */
/*
@media (min-width: 992px) {
  .pkp_structure_head,
  .pkp_head_wrapper { display: contents; }
  .pkp_site_nav_menu { position: sticky; top: 0; z-index: 50; }
}
*/

/* =====================================================================
   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)
   Tempel di PALING BAWAH styleSheet.css
   ===================================================================== */
.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
   Tempel di PALING BAWAH styleSheet.css
   ===================================================================== */
.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)
   Tempel di PALING BAWAH styleSheet.css
   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%;
      }
    }
  }
}