@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lora:wght@500;600;700&display=swap');
@import url(https://media.anwardani.id/css/ojs3/agroista.css);
/* 
Copyright sanguilmu.com 

Desain by Abdul Wahid Zaini

/* MENU */

.head-menu {
  border-bottom: 3px #FFFF00;
  height: 50px;
}

.head-menu a {
  display: block;
  padding: 10px;
  text-align: left;
  background-color: #263087;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  border-bottom: 0.3rem solid #edc307;
}

.menu-sidebar {
  font: bold 12px arial, verdana, sans-serif;
}

.menu-sidebar li a {
  text-decoration: none;
  border-top: 1px solid #edc307;
  color: #263087;
  display: block;
  background-color: #EBEBEB;
  padding: 10px;
  margin-top: -7px;
  transition: 0.3s;
}

.menu-sidebar li a:hover {
  background-color: #EDE3AA;
  box-shadow: gray 2px 2px 2px;
  border-left: 5px solid #263087;
}

.menu-sidebar ul {
  list-style: none;
  padding: 0px;
}

.menu-sidebar ul ul {
  position: absolute;
  top: 50px;
  left: 135px;
  visibility: hidden;
}

.menu-sidebar ul li:hover ul {
  visibility: visible;
}

/* SELAIN MENU */

.kepala {
  color: #ffffff;
  background: #263087;
  padding: 10px;
  font-family: arial;
  line-height: 23px;
  border-bottom: 4px solid #9C873C;
  font-weight: bold;
  text-align: center;
}

.badan a {
  display: block;
  padding: 10px;
  border-bottom: 1px solid white;
  background: #f0e68c;
  text-align: center;
  transition: 0.5s;
  color: #9C873C;
  
}

.badan {
  margin-top: -15px;
}

.badan a:hover {
  color: black !important;
  font-weight: bold;
  box-shadow: gray 0px 5px 10px 0px;
  display: fixed;
  position: relative;
}

/* Table of content */

.obj_article_summary {
  box-shadow: 3px 3px 5px;
  padding: 20px;
  border-radius: 10px;
  background: #f0f0f0;
  position: relative;
  z-index: 1;
}


.obj_article_summary.fa {
  padding-right: 10px;
}

.obj_article_summary:hover {
  background-color: #f0e68c;
  box-shadow: whitesmoke 0px 0px 1px 0px;
  color: black;
}

.obj_article_summary::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.2rem;
  background-color: #263087;
  left: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: 800ms;
}

.obj_article_summary::after {
  transform: scaleX(1);
}





.obj_article_summary {
  padding-bottom: 10px !important;
  //border-bottom: solid 4px #800000 !important;
  font-size: 12px;
}

.meta .authors {
  background: url(/public/site/images/jipfri/icon-group.png) 1px 2px no-repeat;
  font-weight: bold;
  margin-top: 4px;
  padding-bottom: 5px;
  padding-left: 30px;
}

/* Footer */
.pkp_structure_footer_wrapper {
  background: #FFFDEB;
  border-bottom: 20px solid #263087;
  border-top: 4px solid #263087;
}

.pkp_footer_content {
  float: left;
  width: 70%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pkp_brand_footer {
  float: right;
  width: 20%;
  padding-bottom: 10px;
  padding-top: 50px;
}

/*Body and Abstrack*/
.main_entry .item.abstract {
  text-align: justify;
}

body {

  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif  !important;
  font-size: 16px;
}

/* Struktur Header */

    .pkp_site_name_wrapper {
width: 100% !important;
}

.pkp_site_name .is_img img {
    max-height: 100% !important; 
    max-width: 100% !important; 
}



.pkp_site_name {
    margin: 0 !important;
}

.pkp_site_name > a {
    padding-top: 0 !important; 
    padding-bottom: 0 !important;
}

.pkp_site_name_wrapper {
    padding-left: 0 !important; 
    padding-right: 0 !important; 
    margin: 0 !important;
}

.pkp_navigation_primary_row {
  background: linear-gradient(-30deg, #9C873C, #EDE3AA, #9C873C, #EDE3AA); background-size: 400% 400%; animation: gradient 15s ease infinite; } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; };
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
  font-family: sans-serif !important;
  color: #263087 !important;
  font-weight: bold !important;
  transition: 0.2s;
}

.pkp_navigation_primary_row .pkp_navigation_primary.pkp_nav_list ul li a {
  color: white !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {
  background: #263087;
  color: whitesmoke !important;
  border-radius: 20px !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul,
.pkp_navigation_primary_row
  .pkp_navigation_primary_wrapper
  ul
  li
  ul
  li
  a:hover {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}

.pkp_site_nav_toggle {
  background-color: #263087;
}

.obj_article_details .page_title {
  background: #263087;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 3px 3px 5px;
  color:whitesmoke;
}

.pkp_navigation_user.pkp_nav_list .profile a {
  border-radius: 15px !important;
  padding-left: 10px;
  padding-right: 10px;
  background: #263087 ;
  color: #DCD094;
  border: 2px solid #263087;
}

.pkp_navigation_user.pkp_nav_list .profile a:hover {
  background: #263087;
  color: #D9D7F7;
}

.dropdown-menu {
  background: #263087 !important;
}

.pkp_navigation_search_wrapper {
  background: whitesmoke;
  border-radius: 20px;
  transition: 0.5s;
  color: #263087;
}

.pkp_navigation_search_wrapper a {
  color: #263087;
}

.pkp_navigation_search_wrapper a:hover {
  color: #A87C2D;
}

.pkp_navigation_search_wrapper:hover {
  border-radius: 0px;
}

.pkp_structure_sidebar.left {
  background: white;
}

.cmp_announcements.highlight_first {
  background;
  border-top: 1px solid #dddddd !important;
}


.pkp_block.block_Keywordcloud span {
  color: #ffffff;
  background: #a52a2a;
  padding: 10px;
  font-family: arial;
  line-height: 23px;
  border-bottom: 4px solid white;
  font-weight: bold;
  text-align: center;
  display: block;
}

.pkp_block.block_developed_by .title {
  color: #ffffff;
  background: #a52a2a;
  padding: 10px;
  font-family: arial;
  line-height: 23px;
  border-bottom: 4px solid white;
  font-weight: bold;
  text-align: center;
  display: block;
}

.pkp_block.block_developed_by .most_read {
  background: #263087 !important;
  padding: 6px;
  margin-top: -10px;
  font-size: 13px;
}
.pkp_block.block_developed_by li {
  border-bottom: 1px solid;
}
/* ===== MAIN MENU accordion (Managere) ===== */
:root{interpolate-size:allow-keywords}
.pkp_structure_sidebar .mgmm{--tx:#1f2440;--hdtx:#263087;--ac:#263087;--hov:#eef0fa;--bd:#dfe2f0;font-size:14px;line-height:1.4;border:1px solid var(--bd);border-radius:10px;overflow:hidden;background:#fff;margin-top:8px}
.pkp_structure_sidebar .mgmm .grp{border-bottom:1px solid var(--bd);margin:0}
.pkp_structure_sidebar .mgmm .grp:last-child{border-bottom:0}
.pkp_structure_sidebar .mgmm .hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:12px 14px;color:var(--hdtx);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;user-select:none;list-style:none;transition:background .2s,color .2s}
.pkp_structure_sidebar .mgmm .hd::-webkit-details-marker{display:none}
.pkp_structure_sidebar .mgmm .hd::marker{content:""}
.pkp_structure_sidebar .mgmm .hd:hover{background:#f6f7fc;color:var(--ac)}
.pkp_structure_sidebar .mgmm .grp[open] .hd{color:var(--ac)}
.pkp_structure_sidebar .mgmm .hd::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s ease;flex:none}
.pkp_structure_sidebar .mgmm .grp[open] .hd::after{transform:translateY(2px) rotate(-135deg)}
.pkp_structure_sidebar .mgmm .grp::details-content{block-size:0;overflow:hidden;transition:block-size .35s ease,content-visibility .35s allow-discrete}
.pkp_structure_sidebar .mgmm .grp[open]::details-content{block-size:auto}
.pkp_structure_sidebar .mgmm ul{list-style:none!important;margin:0!important;padding:0!important;background:#fbfbfe}
.pkp_structure_sidebar .mgmm li{margin:0!important;padding:0!important;border-top:1px solid #eef0f7;list-style:none}
.pkp_structure_sidebar .mgmm li::before,.pkp_structure_sidebar .mgmm li::marker{content:none!important}
.pkp_structure_sidebar .mgmm .grp[open] li{animation:mgmmIn .3s ease both}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(2){animation-delay:0.03s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(3){animation-delay:0.06s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(4){animation-delay:0.09s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(5){animation-delay:0.12s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(6){animation-delay:0.15s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(7){animation-delay:0.18s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(8){animation-delay:0.21s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(9){animation-delay:0.24s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(10){animation-delay:0.27s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(11){animation-delay:0.30s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(12){animation-delay:0.33s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(13){animation-delay:0.36s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(14){animation-delay:0.39s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(15){animation-delay:0.42s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(16){animation-delay:0.45s}
.pkp_structure_sidebar .mgmm li a{display:block!important;position:relative;padding:9px 14px 9px 30px!important;margin:0!important;color:var(--tx)!important;background:transparent!important;border:0!important;text-decoration:none!important;transition:padding .25s,color .25s,background .25s}
.pkp_structure_sidebar .mgmm li a::before{content:"";position:absolute;left:14px;top:50%;width:5px;height:5px;margin-top:-3px;border-right:2px solid var(--ac);border-top:2px solid var(--ac);transform:rotate(45deg);transition:left .25s}
.pkp_structure_sidebar .mgmm li a:hover{padding-left:36px!important;color:var(--ac)!important;background:var(--hov)!important}
.pkp_structure_sidebar .mgmm li a:hover::before{left:20px}
@keyframes mgmmIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pkp_structure_sidebar .mgmm *{transition:none!important;animation:none!important}}

/* ==========================================================================
   HARAMAIN redesign - gaya "Kartu Modern" (varian C) + deskripsi, sidebar,
   dan carousel Indexed By bergaya Educazione.
   Ditambahkan DI BAWAH stylesheet lama. Pasangan skrip: haramain-redesign.js
   ========================================================================== */

:root{--navy:#10208f;--navy-d:#0a1566;--gold:#bd8034;--gold-d:#94601d;--gold-l:#f8eddc;--ink:#1d2236;--muted:#6a7186;--line:#e5e8f0;--soft:#f5f6fa;--r:14px;--sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--serif:'Lora',Georgia,'Times New Roman',serif}

@keyframes pvFade{from{opacity:0}to{opacity:1}}
@keyframes pvUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes pvReveal{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}
@keyframes pvHero{from{transform:scale(1.06)}to{transform:scale(1)}}
@keyframes pvProg{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---------- Dasar ---------- */
html{scroll-behavior:smooth}
::selection{background:var(--gold-l);color:var(--navy-d)}
html body{font-family:var(--sans)!important;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(1100px 520px at 8% -8%,rgba(16,32,143,.14),transparent 60%),radial-gradient(900px 520px at 100% 0,rgba(189,128,52,.18),transparent 55%),#f3f4fb fixed!important}
html body a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
html body .pkp_structure_page{width:min(1240px,calc(100% - 32px));max-width:none;margin:18px auto!important;background:#fff;position:relative;border-radius:22px;overflow:clip;box-shadow:0 30px 80px -30px rgba(10,21,102,.45)}

/* ---------- Header + menu ---------- */
html body .pkp_site_name_wrapper{margin:0!important;width:100%!important;max-width:none!important;box-sizing:border-box;padding:0!important;background:var(--gold)!important;overflow:hidden}
html body .pkp_site_name,html body .pkp_site_name .is_img{display:block;padding:0!important;margin:0!important;width:100%!important;max-width:none!important}
html body .pkp_site_name .is_img img{display:block;width:100%!important;max-width:100%!important;max-height:none!important;height:auto!important;animation:pvHero 1.4s cubic-bezier(.2,.7,.2,1) both}
html body .pkp_navigation_user_wrapper{top:12px!important;right:16px!important;left:auto!important;width:auto!important;z-index:60;background:rgba(255,255,255,.92);border-radius:999px;padding:2px 8px!important;box-shadow:0 4px 14px -6px rgba(0,0,0,.4)}
html body .pkp_navigation_user_wrapper a{color:var(--ink)!important;font-size:12px!important}
html body .pkp_navigation_primary_row{background:rgba(255,255,255,.78)!important;-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);border-bottom:1px solid rgba(16,32,143,.1)!important;padding:6px 22px!important}
html body .pkp_navigation_primary_row .pkp_navigation_primary_wrapper a,html body .pkp_navigation_primary_row .pkp_navigation_search_wrapper a{font-family:var(--sans)!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-d)!important;background:transparent!important;border:0!important;border-radius:999px!important;padding:10px 16px!important;transition:background .25s,color .25s}
html body .pkp_navigation_primary_row .pkp_navigation_primary_wrapper a:hover,html body .pkp_navigation_primary_row .pkp_navigation_primary_wrapper a:focus,html body .pkp_navigation_primary_row .pkp_navigation_search_wrapper a:hover{background:rgba(16,32,143,.09)!important;color:var(--navy)!important;box-shadow:none!important}
html body .pkp_navigation_primary ul{background:rgba(255,255,255,.96)!important;border:1px solid var(--line)!important;border-radius:16px;box-shadow:0 26px 50px -20px rgba(10,21,102,.5);padding:8px!important;overflow:hidden}
html body .pkp_navigation_primary ul a{padding:10px 14px!important;border-radius:10px!important}

/* ---------- Tata letak desktop: menu menempel + dua kolom ---------- */
@media (min-width:993px){
html body .pkp_structure_head,html body .pkp_head_wrapper,html body nav.pkp_site_nav_menu{display:contents}
html body .pkp_navigation_primary_row{position:sticky;top:0;z-index:50}
html body .pkp_structure_content{display:flex!important;align-items:stretch!important;padding:0!important}
html body .pkp_structure_content::before,html body .pkp_structure_content::after{display:none!important}
html body .pkp_structure_main{float:none!important;flex:1 1 0;min-width:0;width:auto!important;margin:0!important;padding:34px 36px 46px!important}
html body .pkp_structure_main::before,html body .pkp_structure_main::after{display:none!important}
html body .pkp_structure_sidebar{float:none!important;flex:0 0 316px;width:316px!important;margin:0!important;padding:26px 20px 40px!important;border-left:1px solid var(--line)!important}
}
@media (max-width:992px){
html body .pkp_structure_main{padding:24px 18px 32px!important}
html body .pkp_structure_sidebar{padding:20px 16px 32px!important}
}

/* ---------- Isi halaman ---------- */
html body .pkp_structure_main h2{font-family:var(--serif)!important;font-weight:700!important;font-size:1.5rem!important;line-height:1.25!important;text-transform:none!important;letter-spacing:-.01em;border:0!important;padding:0 0 4px!important;margin:0 0 18px!important;display:block;background:linear-gradient(90deg,var(--navy-d),var(--navy) 55%,#4a63ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important}
html body .pkp_structure_main h2::after{content:'';display:block;width:46px;height:3px;border-radius:3px;background:var(--gold);margin-top:10px;position:static!important}
html body .pkp_structure_main p{font-family:var(--serif)!important;font-size:15.5px!important;line-height:1.8!important;text-align:left!important;color:#2b3147}
html body .pkp_structure_main p *{font-family:inherit!important}
html body .pkp_structure_main a:not(.obj_galley_link){color:var(--navy)}
html body .current_issue_title{font-family:var(--serif)!important;font-size:1.2rem!important;font-weight:600!important;color:var(--navy-d)!important;margin:0 0 14px}
html body .obj_issue_toc .cover img,html body .current_issue .cover img{border-radius:10px;box-shadow:0 14px 28px -12px rgba(10,21,102,.55)}

/* ---------- Daftar artikel (kartu) ---------- */
html body .obj_article_summary{position:relative;background:#fff!important;border:1px solid var(--line);border-radius:18px;padding:18px 22px 20px!important;margin:0 0 16px!important;box-shadow:0 2px 6px -2px rgba(16,32,143,.08);overflow:hidden;color:var(--ink);transition:translate .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s}
html body .obj_article_summary::after{display:none!important}
html body .obj_article_summary::before{content:'';position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--gold),var(--navy));transform:scaleX(0);transform-origin:0 50%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
html body .obj_article_summary:hover{background:#fff!important;translate:0 -4px;border-color:rgba(16,32,143,.22);box-shadow:0 22px 40px -22px rgba(10,21,102,.55)}
html body .obj_article_summary:hover::before{transform:scaleX(1)}
html body .obj_article_summary .title,html body .obj_article_summary .title a{font-family:var(--sans)!important;font-weight:600;font-size:15px;line-height:1.5;color:var(--navy)}
html body .obj_article_summary .title a:hover{color:var(--gold-d);text-decoration:none}
html body .obj_article_summary .meta .authors{font-size:12.5px;color:var(--muted)}
html body .obj_article_summary .pages{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
html body .pkp_structure_main a.obj_galley_link{display:inline-flex!important;align-items:center;gap:7px;border-radius:999px!important;padding:6px 15px!important;font-size:12px!important;font-weight:600!important;letter-spacing:.05em;text-decoration:none!important;border:1.5px solid transparent;background:linear-gradient(135deg,#d99a45,#b0701c)!important;color:#fff!important;box-shadow:0 8px 16px -8px rgba(189,128,52,.9);transition:box-shadow .25s,translate .2s}
html body .pkp_structure_main a.obj_galley_link:hover{translate:0 -2px;box-shadow:0 12px 22px -8px rgba(189,128,52,1)}

/* ---------- Kartu deskripsi jurnal (gaya Educazione) ---------- */
html body section.homepage_about{--dn:#10208f;--dg:#bd8034;position:relative;overflow:hidden;padding:26px 28px 22px!important;margin:0 0 34px!important;border-radius:22px;border:1px solid rgba(255,255,255,.9);background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(240,243,255,.8));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 36px -12px rgba(16,32,143,.2),0 1px 3px rgba(16,32,143,.07)}
html body section.homepage_about::before{content:'';position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(189,128,52,.24),transparent 66%);pointer-events:none}
html body section.homepage_about::after{content:'';position:absolute;left:-70px;bottom:-110px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(16,32,143,.12),transparent 66%);pointer-events:none}
html body section.homepage_about>*{position:relative;z-index:1}
html body section.homepage_about p.MsoNormal{text-align:justify!important;hyphens:auto;line-height:1.85!important;font-size:15px!important;margin:0 0 16px!important}
html body section.homepage_about>p:empty{display:none}
html body section.homepage_about img.pvd-thumb{float:right;width:200px;max-width:38%;height:auto;margin:2px 0 14px 22px;border:5px solid #fff;border-radius:14px;box-shadow:0 12px 26px rgba(10,21,102,.22);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
html body section.homepage_about img.pvd-thumb:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 18px 34px rgba(10,21,102,.3)}
html body section.homepage_about table.data{display:grid!important;grid-template-columns:1fr 1fr;gap:1px;background:#dde1f0!important;border:1px solid #dde1f0!important;border-radius:14px;overflow:hidden;margin:20px 0 0!important;clear:both;width:100%}
html body section.homepage_about table.data tbody{display:contents}
html body section.homepage_about table.data tr{display:flex;flex-direction:column;gap:3px;background:#fff;padding:10px 16px;transition:background .25s}
html body section.homepage_about table.data tr:hover{background:#f6f8ff}
html body section.homepage_about table.data td{display:block!important;width:auto!important;padding:0!important;border:0!important;background:transparent!important;white-space:normal!important;line-height:1.5}
html body section.homepage_about table.data td:first-child{font:600 10px/1.3 var(--sans,Inter,system-ui,sans-serif)!important;letter-spacing:.07em;text-transform:uppercase;color:#8a8fa6!important}
html body section.homepage_about table.data td:last-child{font-size:13.5px!important;font-weight:500;color:#1d2236}
html body section.homepage_about table.data td a{text-decoration:none;color:var(--dn)!important}
html body section.homepage_about table.data td a:hover{color:var(--dg)!important}
html body section.homepage_about table.data tr:nth-child(1){order:1}
html body section.homepage_about table.data tr:nth-child(2){order:2}
html body section.homepage_about table.data tr:nth-child(3){order:3}
html body section.homepage_about table.data tr:nth-child(7){order:4}
html body section.homepage_about table.data tr:nth-child(4){order:5}
html body section.homepage_about table.data tr:nth-child(6){order:6}
html body section.homepage_about table.data tr:nth-child(5){order:7}
html body section.homepage_about table.data tr:nth-child(8){order:8}
html body section.homepage_about table.data tr:nth-child(9){order:9;grid-column:1/-1}
html body section.homepage_about table.data tr:nth-child(10){order:10;grid-column:1/-1}
html body section.homepage_about #hx-wrap{margin:22px 0 0!important;clear:both}
@media (max-width:640px){
html body section.homepage_about{padding:20px 16px 16px!important}
html body section.homepage_about table.data{grid-template-columns:1fr}
html body section.homepage_about table.data tr{order:0!important;grid-column:auto!important}
html body section.homepage_about img.pvd-thumb{float:none;display:block;margin:0 auto 16px;max-width:none!important;width:180px!important}
}

/* ---------- Carousel Indexed By ---------- */
#hx-wrap{margin:30px 0 38px;--c:#10208f;--g:#bd8034;font-family:inherit}
#hx-wrap .hx-h{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}
#hx-wrap .hx-h b{position:relative;display:block;padding-left:13px;font:700 19px/1.2 var(--serif,'Lora',Georgia,serif);color:#14183a}
#hx-wrap .hx-h b::before{content:'';position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:2px;background:linear-gradient(var(--g),var(--c))}
#hx-wrap .hx-v{position:relative;padding:0 40px}
#hx-wrap .hx-vp{overflow:hidden;padding:8px 2px 16px;margin:-8px -2px -16px}
#hx-wrap .hx-tr{display:flex;gap:14px;transition:transform .6s cubic-bezier(.22,.9,.24,1);will-change:transform;touch-action:pan-y}
#hx-wrap .hx-c{flex:0 0 calc((100% - 14px*(var(--n,4) - 1))/var(--n,4));box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:84px;padding:12px;background:#fff;border:1px solid #e3e6f3;border-radius:14px;box-shadow:0 3px 10px rgba(16,32,143,.06);text-decoration:none;transition:transform .35s cubic-bezier(.22,.9,.24,1),box-shadow .35s,border-color .3s}
#hx-wrap .hx-c:hover,#hx-wrap .hx-c:focus-visible{transform:translateY(-4px);box-shadow:0 14px 26px rgba(16,32,143,.16);border-color:var(--c)}
#hx-wrap .hx-c img{max-width:100%;max-height:52px;object-fit:contain;filter:grayscale(.12);transition:filter .3s,transform .35s;width:auto!important;height:auto!important;border:0!important;box-shadow:none!important;margin:0!important;border-radius:0!important}
#hx-wrap .hx-c:hover img{filter:none;transform:scale(1.05)}
#hx-wrap .hx-b{all:unset;box-sizing:border-box;position:absolute;top:calc(50% - 8px);translate:0 -50%;width:30px;height:30px;border-radius:50%;border:1px solid #e3e6f3;background:#fff;box-shadow:0 2px 8px rgba(16,32,143,.14);cursor:pointer;color:var(--c);font:600 19px/1 system-ui,sans-serif;display:grid;place-items:center;transition:background .2s,color .2s,box-shadow .2s}
#hx-wrap .hx-b:hover,#hx-wrap .hx-b:focus-visible{background:var(--c);color:#fff;box-shadow:0 6px 14px rgba(16,32,143,.3)}
#hx-wrap .hx-p{left:0}
#hx-wrap .hx-n{right:0}
#hx-wrap .hx-d{display:flex;justify-content:center;gap:6px;margin-top:22px}
#hx-wrap .hx-d button{all:unset;box-sizing:border-box;width:7px;height:7px;border-radius:99px;background:#d3d8ee;cursor:pointer;transition:width .35s,background .35s}
#hx-wrap .hx-d button.on{width:24px;background:linear-gradient(90deg,var(--g),var(--c))}
html body .pkp_block.hx-hide{display:none!important}

/* ---------- Sidebar (gaya Educazione) ---------- */
html body .pkp_structure_sidebar{background:linear-gradient(180deg,#fafbff,#eef0fa)!important}
html body .pkp_block{background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:16px!important;padding:8px!important;margin:0 0 14px!important;box-shadow:0 10px 26px -16px rgba(16,32,143,.35),0 1px 2px rgba(16,32,143,.05)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;transition:translate .25s,box-shadow .25s}
html body .pkp_block:hover{translate:0 -3px;box-shadow:0 18px 34px -20px rgba(10,21,102,.5)!important}
html body .pkp_block:not(:has(.content > *)){display:none!important}
html body .pkp_block:has(.content > script:only-child){display:none!important}
html body .pkp_block .head-menu,html body .pkp_block .content:has(>details.grp)::before{list-style:none;margin:0 0 8px!important;padding:0!important;height:auto!important;border:0!important}
html body .pkp_block .head-menu a,html body .pkp_block .content:has(>details.grp)::before{display:block!important;text-align:center!important;background:linear-gradient(135deg,var(--navy),var(--navy-d))!important;color:#fff!important;font:800 10px/1.4 var(--sans)!important;letter-spacing:1px!important;text-transform:uppercase!important;padding:6px 10px!important;border-radius:9px!important;border:0!important;box-shadow:0 6px 12px -6px rgba(16,32,143,.6)!important;pointer-events:none;cursor:default}
html body .pkp_block .content:has(>details.grp)::before{content:'Additional Menu';margin:0 0 8px!important}
html body .pkp_block .menu-sidebar{background:rgba(255,255,255,.92)!important;border:1px solid rgba(16,32,143,.08)!important;border-radius:12px!important;padding:10px!important;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(16,32,143,.06)!important;overflow:hidden;position:relative;transition:translate .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
html body .pkp_block .menu-sidebar:hover{translate:0 -3px;border-color:rgba(189,128,52,.55)!important;box-shadow:0 14px 26px -14px rgba(16,32,143,.4)!important}
html body .pkp_block .menu-sidebar ul{list-style:none;margin:0!important;padding:0!important;width:100%;background:transparent!important}
html body .pkp_block .menu-sidebar li{background:transparent!important;border:0!important;text-align:center}
html body .pkp_block .menu-sidebar li a{background:transparent!important;border:0!important;margin:0!important;padding:0!important;box-shadow:none!important}
html body .pkp_block .menu-sidebar img{max-width:100%;height:auto;border-radius:8px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
html body .pkp_block .menu-sidebar:hover img{transform:scale(1.04)}
html body details.grp{margin:0 0 6px!important;border:1px solid rgba(16,32,143,.08)!important;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(16,32,143,.05)}
html body details.grp summary{display:flex!important;align-items:center;gap:8px;padding:10px 12px!important;background:#fff!important;color:var(--navy-d)!important;font:700 12px/1.3 var(--sans)!important;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;list-style:none;transition:background .3s,color .3s}
html body details.grp summary::-webkit-details-marker{display:none}
html body details.grp summary::after{content:'';flex:none;width:7px;height:7px;margin:0 2px 0 4px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg);transition:transform .3s}
html body details.grp[open] summary::after{transform:rotate(45deg)}
html body details.grp summary:hover{background:var(--gold-l)!important}
html body details.grp summary span{margin-left:auto!important;background:var(--gold)!important;color:#fff!important;border-radius:99px!important;padding:1px 8px!important;font-size:10px!important;font-weight:700!important;line-height:1.6!important}
html body details.grp ul{background:#fff!important;margin:0!important;padding:0!important}
html body details.grp li{border-bottom:1px solid #eef0f6!important;margin:0!important}
html body details.grp li:last-child{border-bottom:0!important}
html body details.grp li a{display:block!important;position:relative;padding:8px 12px 8px 28px!important;font:500 13px/1.4 var(--sans)!important;color:var(--navy)!important;text-decoration:none!important;background:transparent!important;transition:background .3s,color .3s,padding .3s}
html body details.grp li a::before{content:'';position:absolute;left:13px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--gold);translate:0 -50%;border:0;transform:none;margin:0;transition:transform .3s}
html body details.grp li a:hover{background:var(--gold-l)!important;color:var(--navy-d)!important;padding-left:32px!important}
html body details.grp li a:hover::before{transform:scale(1.5);left:13px}
html body .pkp_block img{max-width:100%;height:auto}
@keyframes pvsDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes pvsBox{from{opacity:.001;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------- Footer ---------- */
html body .pkp_structure_footer_wrapper{background:linear-gradient(135deg,var(--navy-d),var(--navy))!important;border:0!important}
html body .pkp_footer_content{padding:28px 36px!important;font-size:13px;line-height:1.7;color:#dfe3ff}
html body .pkp_footer_content,html body .pkp_footer_content *{color:#dfe3ff!important}
html body .pkp_footer_content a{color:#ffd9a0!important}

/* ---------- Animasi masuk (hanya jika pengguna tidak membatasi gerak) ---------- */
@media (prefers-reduced-motion:no-preference){
html body .obj_article_summary,html body .pkp_block{animation:pvUp .6s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--i,0)*60ms)}
html body details.grp[open] ul{animation:pvsDrop .35s cubic-bezier(.2,.8,.2,1)}
html body .pkp_block .menu-sidebar{animation:pvsBox .45s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0)*70ms + .15s)}
html body section.homepage_about{animation:pvdCard .5s cubic-bezier(.2,.8,.2,1) backwards}
html body section.homepage_about img.pvd-thumb{animation:pvdPop .65s cubic-bezier(.2,.8,.2,1) .15s backwards}
html body section.homepage_about table.data tr{animation:pvdIn .45s cubic-bezier(.2,.8,.2,1) backwards}
html body section.homepage_about table.data tr:nth-child(1){animation-delay:.165s}
html body section.homepage_about table.data tr:nth-child(2){animation-delay:.21s}
html body section.homepage_about table.data tr:nth-child(3){animation-delay:.255s}
html body section.homepage_about table.data tr:nth-child(4){animation-delay:.3s}
html body section.homepage_about table.data tr:nth-child(5){animation-delay:.345s}
html body section.homepage_about table.data tr:nth-child(6){animation-delay:.39s}
html body section.homepage_about table.data tr:nth-child(7){animation-delay:.435s}
html body section.homepage_about table.data tr:nth-child(8){animation-delay:.48s}
html body section.homepage_about table.data tr:nth-child(9){animation-delay:.525s}
html body section.homepage_about table.data tr:nth-child(10){animation-delay:.57s}
}
@keyframes pvdCard{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes pvdIn{from{opacity:.001;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes pvdPop{from{opacity:0;transform:scale(.9) rotate(-3deg)}to{opacity:1;transform:none}}
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
html body .obj_article_summary{animation:pvReveal linear both;animation-timeline:view();animation-range:entry 0% entry 45%;animation-delay:0s}
}
}
/* bar progres baca di atas layar */
html body::before{content:'';position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),var(--navy));transform-origin:0 50%;z-index:99998;transform:scaleX(0)}
@supports (animation-timeline:scroll()){html body::before{animation:pvProg linear both;animation-timeline:scroll(root)}}
@media (prefers-reduced-motion:reduce){
html body *{animation:none!important;transition:none!important}
html body::before{display:none}
#hx-wrap .hx-tr,#hx-wrap .hx-c{transition:none}
}