.hover{
 width:100%;
 border-collapse:collapse;
 
}
.hover th{
 height:30px;
 background:#ffffff;
 color:#000077;
}
.hover td{
 height:30px;
 padding-top:3px;
 vertical-align:middle;
 border-bottom:1px solid #ffffff;
 text-align:center;
}
.hover td a {
  width:100%;
  display:block;
}
.hover tr {
  background:#000077; 
  color:#ffffff;
}
.hover tr:hover {
  background-color:#1414ab;
}
.hover tr a {
   color:#ffff00;
   text-decoration: none;   
}
.hover a:hover{
   color:#ffff00;
   background-color:#1414ab;
   text-decoration: none;
}
.hover{
 width:100%;
 border-collapse:collapse;

}
.hover th{
 height:30px;
 background:#ffffff;
 color:#000077;
}
.hover td{
 height:30px;
 padding-top:3px;
 vertical-align:middle;
 border-bottom:1px solid #ffffff;
 text-align:center;
}
.hover td a {
  width:100%;
  display:block;
}
.hover tr {
  background:#000077;
  color:#ffffff;
}
.hover tr:hover {
  background-color:#1414ab;
}
.hover tr a {
   color:#ffff00;
   text-decoration: none;
}
.hover a:hover{
   color:#ffff00;
   background-color:#1414ab;
   text-decoration: none;
}

/* ===== MAIN MENU sidebar: judul blok biru + animasi ===== */
#customblock-main-menu {
  background:#fff;
  border:1px solid #d6dcef;
  border-radius:6px;
  overflow:hidden;
  box-shadow:0 2px 6px rgba(0,0,80,.12);
  padding:0 !important;
}
#customblock-main-menu > p { margin:0 !important; }
#customblock-main-menu .blockTitle {
  display:block;
  position:relative;
  margin:0 !important;
  padding:10px 12px !important;
  background:linear-gradient(135deg,#000080 0%,#1f3fbf 100%) !important;
  color:#fff !important;
  font-size:13px;
  font-weight:bold;
  letter-spacing:1px !important;
  text-transform:uppercase;
  border-left:4px solid #ffcc00;
  overflow:hidden;
}
/* kilau cahaya yang lewat saat blok disorot */
#customblock-main-menu .blockTitle::after {
  content:"";
  position:absolute;
  top:0; left:-60%;
  width:40%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);
  transition:left .7s ease;
}
#customblock-main-menu:hover .blockTitle::after { left:130%; }

#customblock-main-menu ul.sidemenu {
  list-style:none;
  margin:0 !important;
  padding:0 !important;
}
#customblock-main-menu ul.sidemenu li {
  margin:0;
  border-bottom:1px solid #eef0f7;
}
#customblock-main-menu ul.sidemenu li:last-child { border-bottom:0; }
#customblock-main-menu ul.sidemenu li a {
  display:block;
  position:relative;
  padding:7px 12px 7px 14px;
  color:#1a2a6c !important;
  background:#fff !important;
  border-bottom:0 !important;
  text-decoration:none;
  transition:background .25s ease, color .25s ease, padding-left .25s ease;
}
/* garis biru yang tumbuh dari kiri */
#customblock-main-menu ul.sidemenu li a::before {
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:0;
  background:#000080;
  z-index:1;
  transition:width .25s ease;
}
#customblock-main-menu ul.sidemenu li a:hover {
  background:#eef2ff !important;
  color:#000080 !important;
  padding-left:20px;
}
#customblock-main-menu ul.sidemenu li a:hover::before { width:4px; }

.hover{
 width:100%;
 border-collapse:collapse;
}
.hover th{
 height:30px;
 background:#ffffff;
 color:#000077;
}
.hover td{
 height:30px;
 padding-top:3px;
 vertical-align:middle;
 border-bottom:1px solid #ffffff;
 text-align:center;
}
.hover td a {
  width:100%;
  display:block;
}
.hover tr {
  background:#000077;
  color:#ffffff;
}
.hover tr:hover {
  background-color:#1414ab;
}
.hover tr a {
   color:#ffff00;
   text-decoration: none;
}
.hover a:hover{
   color:#ffff00;
   background-color:#1414ab;
   text-decoration: none;
}

/* =========================================================
   SIDEBAR SERAGAM: semua judul blok biru + animasi
   (Main Menu, User, Information, Current Issue, Journal Content)
   ========================================================= */
#leftSidebar div.block:has(.blockTitle),
#rightSidebar div.block:has(.blockTitle) {
  background:#fff;
  border:1px solid #d6dcef;
  border-radius:6px;
  overflow:hidden;
  box-shadow:0 2px 6px rgba(0,0,80,.12);
  padding:0 12px 10px !important;
  margin-bottom:16px;
  transition:box-shadow .3s ease, transform .3s ease;
}
#leftSidebar div.block:has(.blockTitle):hover,
#rightSidebar div.block:has(.blockTitle):hover {
  box-shadow:0 6px 16px rgba(0,0,80,.18);
  transform:translateY(-2px);
}
#leftSidebar div.block > p:first-child,
#rightSidebar div.block > p:first-child { margin:0 !important; }

/* Judul blok: biru navy + aksen kuning */
#leftSidebar div.block span.blockTitle,
#rightSidebar div.block span.blockTitle {
  display:block;
  position:relative;
  margin:0 -12px 10px !important;
  padding:10px 12px !important;
  background:linear-gradient(135deg,#000080 0%,#1f3fbf 100%) !important;
  color:#fff !important;
  font-size:13px;
  font-weight:bold;
  letter-spacing:1px !important;
  text-transform:uppercase;
  border-left:4px solid #ffcc00;
  overflow:hidden;
}
/* kilau cahaya saat blok disorot */
#leftSidebar div.block span.blockTitle::after,
#rightSidebar div.block span.blockTitle::after {
  content:"";
  position:absolute;
  top:0; left:-60%;
  width:40%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);
  transition:left .7s ease;
}
#leftSidebar div.block:hover span.blockTitle::after,
#rightSidebar div.block:hover span.blockTitle::after { left:130%; }

/* Sub-judul (mis. "Browse") */
#leftSidebar div.block span.blockSubtitle,
#rightSidebar div.block span.blockSubtitle {
  display:block;
  margin:12px 0 4px;
  color:#000080;
  font-weight:bold;
  border-bottom:2px solid #ffcc00;
  padding-bottom:3px;
}

/* Daftar link di semua blok */
#leftSidebar div.block ul,
#rightSidebar div.block ul {
  list-style:none;
  margin:0 -12px !important;
  padding:0 !important;
}
#leftSidebar div.block ul li,
#rightSidebar div.block ul li {
  margin:0;
  padding:0;
  background:none !important;
  border-bottom:1px solid #eef0f7;
}
#leftSidebar div.block ul li:last-child,
#rightSidebar div.block ul li:last-child { border-bottom:0; }
#leftSidebar div.block ul li a,
#rightSidebar div.block ul li a {
  display:block;
  position:relative;
  padding:7px 12px 7px 14px;
  color:#1a2a6c !important;
  background:#fff !important;
  border-bottom:0 !important;
  text-decoration:none;
  transition:background .25s ease, color .25s ease, padding-left .25s ease;
}
#leftSidebar div.block ul li a::before,
#rightSidebar div.block ul li a::before {
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:0;
  background:#000080;
  transition:width .25s ease;
}
#leftSidebar div.block ul li a:hover,
#rightSidebar div.block ul li a:hover {
  background:#eef2ff !important;
  color:#000080 !important;
  padding-left:20px;
}
#leftSidebar div.block ul li a:hover::before,
#rightSidebar div.block ul li a:hover::before { width:4px; }

/* Tombol Search */
#leftSidebar #simpleSearchForm input[type=submit],
#leftSidebar #simpleSearchForm .button {
  background:#000080; color:#fff; border:0; border-radius:4px;
  padding:5px 12px; cursor:pointer; transition:background .25s ease;
}
#leftSidebar #simpleSearchForm input[type=submit]:hover,
#leftSidebar #simpleSearchForm .button:hover { background:#1f3fbf; }
#leftSidebar #simpleSearchForm table { width:100%; }
#leftSidebar #simpleSearchForm input.textField,
#leftSidebar #simpleSearchForm select {
  width:100%; box-sizing:border-box; padding:4px 6px;
  border:1px solid #c5cbe3; border-radius:4px;
}

/* =====================================================================
   KEADABAN – Tampilan baru konten beranda
   Tempel di BAGIAN PALING BAWAH journalStyleSheet.css
   (bekerja bersama skrip di "Journal Page Footer")
   ===================================================================== */

#kd-home{--kd-navy:#000080;--kd-blue:#1f3fbf;--kd-gold:#f2b705;--kd-line:#e3e6f2;--kd-soft:#f3f5fc;--kd-muted:#646a88;
  font-family:Tahoma,Verdana,Arial,sans-serif;color:#1d2340}
#kd-home *{box-sizing:border-box}

/* sembunyikan isi lama bila tampilan baru aktif */
.kd-hide{display:none!important}

/* kartu umum */
#kd-home .kd-card{background:#fff;border:1px solid var(--kd-line);border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 4px 18px rgba(0,0,80,.07)}

/* ---------- 1. Kartu pembuka ---------- */
#kd-home .kd-hero{display:grid;grid-template-columns:1fr 170px;gap:22px;position:relative;overflow:hidden}
#kd-home .kd-hero:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--kd-navy),var(--kd-blue),var(--kd-gold))}
#kd-home .kd-eyebrow{display:inline-block;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--kd-blue);background:#eaf0ff;padding:4px 10px;border-radius:999px;margin-bottom:8px}
#kd-home h2.kd-title{margin:0 0 10px!important;padding:0!important;border:0!important;background:none!important;font:bold 21px/1.25 Georgia,"Times New Roman",serif!important;color:var(--kd-navy)!important;text-transform:none!important;letter-spacing:0!important}
#kd-home .kd-hero p{margin:0 0 9px;text-align:justify;color:#3a4060;font-size:12.5px;line-height:1.6}
#kd-home .kd-hero p strong{color:var(--kd-navy)}
#kd-home .kd-more{display:none}
#kd-home .kd-hero.kd-open .kd-more{display:block;animation:kdUp .4s both}
#kd-home .kd-readmore{background:none;border:0;padding:0;color:var(--kd-blue);font:bold 12px Tahoma,sans-serif;cursor:pointer}
#kd-home .kd-readmore:hover{text-decoration:underline}
#kd-home .kd-badges{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
#kd-home .kd-badges span{font-size:11.5px;padding:6px 10px;border-radius:8px;background:var(--kd-soft);border:1px solid var(--kd-line);transition:transform .25s,box-shadow .25s}
#kd-home .kd-badges span:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,128,.12)}
#kd-home .kd-badges b{color:var(--kd-navy)}
#kd-home .kd-cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
#kd-home a.kd-btn{display:inline-block;padding:9px 16px;border-radius:8px;font:bold 12px Tahoma,sans-serif;text-decoration:none!important;transition:transform .2s,box-shadow .2s,background-position .4s,background-color .25s,color .25s}
#kd-home a.kd-btn-primary{color:#fff!important;background:linear-gradient(135deg,var(--kd-navy),var(--kd-blue));background-size:200% 100%}
#kd-home a.kd-btn-primary:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 8px 16px rgba(31,63,191,.35)}
#kd-home a.kd-btn-ghost{color:var(--kd-navy)!important;border:1.5px solid var(--kd-navy)}
#kd-home a.kd-btn-ghost:hover{background-color:var(--kd-navy);color:#fff!important}
#kd-home .kd-cover{perspective:800px;align-self:center}
#kd-home .kd-cover img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 14px 30px rgba(0,0,80,.25);transform:rotateY(-10deg);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
#kd-home .kd-cover:hover img{transform:rotateY(0) scale(1.04);box-shadow:0 18px 40px rgba(0,0,80,.35)}

/* ---------- judul seksi ---------- */
#kd-home .kd-sec{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:bold 15px Tahoma,sans-serif;color:var(--kd-navy)}
#kd-home .kd-sec:before{content:"";width:4px;height:18px;border-radius:2px;background:linear-gradient(var(--kd-navy),var(--kd-blue))}
#kd-home .kd-sec a{margin-left:auto;font-size:11.5px;font-weight:normal;color:var(--kd-blue)}

/* ---------- 2. Indexed by (logo berjalan) ---------- */
#kd-home .kd-marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
#kd-home .kd-track{display:flex;gap:16px;width:max-content;animation:kdSlide 16s linear infinite}
#kd-home .kd-marquee:hover .kd-track{animation-play-state:paused}
#kd-home .kd-logo{display:flex;align-items:center;height:62px;padding:0 16px;background:#fff;border:1px solid var(--kd-line);border-radius:10px;filter:grayscale(1);opacity:.7;transition:filter .3s,opacity .3s,transform .3s}
#kd-home .kd-logo:hover{filter:none;opacity:1;transform:scale(1.06)}
#kd-home .kd-logo img{max-height:46px;width:auto;border:0}
#kd-home .kd-publisher{margin:14px 0 0;font-size:11.5px;color:var(--kd-muted);text-align:center}

/* ---------- 3. Pengumuman + Terbitan terbaru ---------- */
#kd-home .kd-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#kd-home .kd-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 8px;border:1.5px dashed var(--kd-line);border-radius:12px;color:var(--kd-muted);font-size:12px;text-align:center}
#kd-home .kd-bell{width:42px;height:42px;border-radius:50%;background:#eaf0ff;display:flex;align-items:center;justify-content:center;animation:kdBell 2.6s ease-in-out infinite}
#kd-home .kd-bell svg{width:20px;height:20px;stroke:var(--kd-blue)}
#kd-home .kd-ann table{width:100%}
#kd-home .kd-live{display:inline-flex;align-items:center;gap:6px;font:bold 10.5px Tahoma,sans-serif;color:#0a7a3d;background:#e5f6ec;padding:3px 8px;border-radius:999px;margin-bottom:8px}
#kd-home .kd-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#18a957;animation:kdPulse 1.6s infinite}
#kd-home h4.kd-issue{margin:0 0 4px!important;font:bold 16px Georgia,serif!important;color:#1d2340!important}
#kd-home .kd-meta{font-size:11.5px;color:var(--kd-muted);margin-bottom:12px}

/* ---------- animasi ---------- */
#kd-home .kd-reveal{animation:kdUp .7s cubic-bezier(.2,.8,.2,1) both}
#kd-home .kd-d1{animation-delay:.12s}
#kd-home .kd-d2{animation-delay:.24s}
#kd-home .kd-d3{animation-delay:.36s}
@keyframes kdUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes kdSlide{to{transform:translateX(-50%)}}
@keyframes kdBell{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(14deg)}80%{transform:rotate(-12deg)}85%{transform:rotate(8deg)}90%{transform:rotate(-4deg)}}
@keyframes kdPulse{0%{box-shadow:0 0 0 0 rgba(24,169,87,.6)}100%{box-shadow:0 0 0 8px rgba(24,169,87,0)}}

/* ---------- layar kecil ---------- */
@media (max-width:640px){
  #kd-home .kd-hero,#kd-home .kd-two{grid-template-columns:1fr}
  #kd-home .kd-cover{order:-1;max-width:170px;margin:0 auto}
}
@media (prefers-reduced-motion:reduce){
  #kd-home *,#kd-home *:before{animation:none!important;transition:none!important}
}
/* ---------- 4. Daftar artikel terbitan terbaru ---------- */
#kd-home .kd-issuehead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--kd-line)}
#kd-home .kd-issuehead .kd-meta{margin-bottom:0}
#kd-home .kd-artsec{margin:14px 0 8px;font-size:10.5px;font-weight:bold;letter-spacing:1.4px;text-transform:uppercase;color:var(--kd-muted)}
#kd-home .kd-art{position:relative;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 14px 14px 18px;margin-bottom:10px;border:1px solid var(--kd-line);border-radius:12px;background:#fff;overflow:hidden;animation:kdUp .6s cubic-bezier(.2,.8,.2,1) both;transition:transform .25s,box-shadow .25s,border-color .25s}
#kd-home .kd-art:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--kd-navy),var(--kd-blue));transform:scaleY(0);transform-origin:top;transition:transform .3s}
#kd-home .kd-art:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,80,.10);border-color:#cdd5f3}
#kd-home .kd-art:hover:before{transform:scaleY(1)}
#kd-home .kd-artinfo{flex:1;min-width:0}
#kd-home a.kd-arttitle{display:block;font:bold 13px/1.45 Georgia,"Times New Roman",serif;color:#1d2340!important;text-decoration:none!important;text-transform:capitalize;transition:color .2s}
#kd-home a.kd-arttitle:hover{color:var(--kd-blue)!important}
#kd-home .kd-artauth{margin-top:4px;font-size:11.5px;color:var(--kd-muted)}
#kd-home .kd-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#kd-home .kd-chip{font-size:10.5px;padding:3px 8px;border-radius:6px;background:var(--kd-soft);border:1px solid var(--kd-line);color:#3a4060!important;text-decoration:none!important}
#kd-home a.kd-chip:hover{border-color:var(--kd-blue);color:var(--kd-blue)!important}
#kd-home .kd-galleys{display:flex;flex-direction:column;gap:6px;flex:none}
#kd-home a.kd-pdf{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font:bold 11.5px Tahoma,sans-serif;color:#b3261e!important;background:#fdeceb;border:1px solid #f6c9c6;text-decoration:none!important;transition:background-color .25s,color .25s,transform .2s,box-shadow .25s}
#kd-home a.kd-pdf svg{width:15px;height:15px;stroke:currentColor;transition:transform .3s}
#kd-home a.kd-pdf:hover{background-color:#c62828;color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 14px rgba(198,40,40,.3)}
#kd-home a.kd-pdf:hover svg{transform:translateY(2px)}
@media (max-width:640px){#kd-home .kd-art{flex-direction:column;align-items:flex-start}#kd-home .kd-galleys{flex-direction:row}}