:root {
  --siap-primary:#ff8040;
  --siap-secondary:#ff8000;
  --siap-accent:#ff8000;
  --siap-soft:#f4f8f6;
  --siap-surface:#ffffff;
  --siap-text:#18352f;
  --siap-radius:10px;
}html,body { color:var(--siap-text); font-family:Inter, Arial, sans-serif; }a { color:var(--siap-primary); }a:hover,a:focus { color:var(--siap-secondary); }.pkp_structure_head { background:linear-gradient(135deg, #ff8000, #ff8040); border-bottom-color:var(--siap-accent); }.pkp_site_name .is_text,.pkp_site_name a,.pkp_navigation_user > li > a { color:#FFFFFF; }.pkp_navigation_primary_row { background:var(--siap-secondary); border-bottom:3px solid var(--siap-accent); }.pkp_navigation_primary > li > a { color:#fff !important; background:transparent !important; font-weight:700; }.pkp_navigation_primary > li > a:hover,.pkp_navigation_primary > li > a:focus,.pkp_navigation_primary > li > a[aria-current="page"],.pkp_navigation_primary > li.current > a { color:#fff !important; background:rgba(255,255,255,.12) !important; border-bottom-color:var(--siap-accent) !important; outline:0 !important; }.pkp_navigation_primary ul { background:var(--siap-surface); }.pkp_navigation_primary ul a { color:var(--siap-text); }.pkp_navigation_primary ul a:hover,.pkp_navigation_primary ul a:focus { color:var(--siap-primary); background:var(--siap-soft); }h1,h2,h3,h4,h5,h6,.page h1,.page h2,.page h3,.pkp_block .title,.obj_issue_toc .heading,.obj_article_summary .title a { color:var(--siap-secondary); }.cmp_button,.pkp_button,input[type=submit].submit,button.submit {
  background:var(--siap-primary); border-color:var(--siap-primary); color:#fff; border-radius:var(--siap-radius);
}.cmp_button:hover,.cmp_button:focus,.pkp_button:hover,.pkp_button:focus,input[type=submit].submit:hover,button.submit:hover {
  background:var(--siap-secondary); border-color:var(--siap-secondary); color:#fff;
}.obj_issue_toc .section h2,.obj_issue_toc .galleys h2 { border-bottom-color:var(--siap-accent); }.obj_article_summary { border-bottom-color:rgba(24,53,47,.10); }.cmp_notification,.page_announcements .obj_announcement_summary { border-radius:var(--siap-radius); border-left-color:var(--siap-primary); }.pkp_structure_sidebar { background:transparent; }.pkp_structure_sidebar .pkp_block {
  background:var(--siap-surface);
  border:1px solid rgba(11,107,88,.14);
  border-radius:calc(var(--siap-radius) + 2px);
  padding:18px;
  margin-bottom:16px;
  box-shadow:0 8px 24px rgba(16,65,53,.07);
  overflow:hidden;
}.pkp_structure_sidebar .pkp_block .title {
  display:block;
  margin:0 0 13px;
  padding:0 0 10px;
  border-bottom:2px solid var(--siap-accent);
  color:var(--siap-secondary);
  font-size:1.02rem;
  font-weight:700;
  line-height:1.35;
}.pkp_structure_sidebar .pkp_block ul { margin:0; padding-left:0; list-style:none; }.pkp_structure_sidebar .pkp_block li { padding:7px 0; border-bottom:1px solid rgba(24,53,47,.08); }.pkp_structure_sidebar .pkp_block li:last-child { border-bottom:0; }.pkp_structure_sidebar .pkp_block a { color:var(--siap-primary); text-decoration:none; }.pkp_structure_sidebar .pkp_block a:hover,
.pkp_structure_sidebar .pkp_block a:focus { color:var(--siap-secondary); text-decoration:underline; }.pkp_structure_sidebar .pkp_block img { max-width:100%; height:auto; }.pkp_structure_sidebar .block_make_submission a,
.pkp_structure_sidebar a.block_make_submission_link {
  display:block;
  padding:11px 13px;
  border-radius:var(--siap-radius);
  background:var(--siap-primary);
  color:#fff !important;
  text-align:center;
  font-weight:700;
  text-decoration:none !important;
}.pkp_structure_sidebar .block_make_submission a:hover,
.pkp_structure_sidebar a.block_make_submission_link:hover { background:var(--siap-secondary); }.pkp_structure_footer_wrapper { border-top:3px solid var(--siap-accent); }a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:2px solid var(--siap-accent); outline-offset:2px; }@media(max-width:767px) {
  .pkp_navigation_primary_row { border-bottom-width:2px; }
  .pkp_structure_sidebar .pkp_block { box-shadow:none; }
}.pkp_structure_head {
  padding:0 !important;
  overflow:visible !important;
}.has_site_logo .pkp_head_wrapper,
.pkp_head_wrapper {
  max-width:none !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}.pkp_site_name_wrapper {
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
}.pkp_site_name {
  position:relative !important;
  left:auto !important;
  right:auto !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
  overflow:visible !important;
  white-space:normal !important;
}.pkp_site_name .is_img {
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:240px !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
  overflow:hidden !important;
  background:#ff8000 !important;
}.pkp_site_name .is_img img {
  display:block !important;
  width:100% !important;
  max-width:none !important;
  max-height:none !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
}.pkp_site_nav_menu,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row {
  margin-top:0 !important;
}.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a:visited,
.pkp_navigation_search_wrapper a,
.pkp_navigation_user > li > a {
  color:#FFFFFF !important;
  opacity:1 !important;
  font-size:16px !important;
  font-weight:700 !important;
}.pkp_navigation_primary > li > a {
  background:transparent !important;
  text-shadow:0 1px 2px rgba(0,0,0,.25);
}.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a[aria-current="page"],
.pkp_navigation_primary > li.current > a {
  color:#FFFFFF !important;
  background:rgba(255,255,255,.12) !important;
  border-bottom-color:rgba(255,255,255,.85) !important;
  outline:0 !important;
}.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
  color:#FFFFFF !important;
  background:rgba(255,255,255,.10) !important;
  outline:0 !important;
}.pkp_navigation_primary ul a,
.pkp_navigation_primary ul a:visited {
  color:var(--siap-text, var(--sj-text, #18352F)) !important;
  text-shadow:none !important;
}@media(max-width:767px) {
  .pkp_site_name .is_img {
    height:132px !important;
    min-height:0 !important;
    display:block !important;
  }
  .pkp_site_name .is_img img {
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}.pkp_structure_sidebar .pkp_block {
  height:auto !important;
  min-height:0 !important;
}.pkp_structure_sidebar .pkp_block > .content,
.pkp_structure_sidebar .pkp_block .content {
  height:auto !important;
  min-height:0 !important;
}.pkp_structure_sidebar .pkp_block:empty {
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
}@supports selector(.pkp_block:has(.content:empty)) {
  .pkp_structure_sidebar .pkp_block:has(> .content:empty),
  .pkp_structure_sidebar .pkp_block:has(> .content > p:only-child:empty),
  .pkp_structure_sidebar .pkp_block:has(> .content > div:only-child:empty),
  .pkp_structure_sidebar .pkp_block:has(> ul:empty) {
    display:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
  }
}.pkp_structure_sidebar .pkp_block p:empty,
.pkp_structure_sidebar .pkp_block div:empty,
.pkp_structure_sidebar .pkp_block ul:empty,
.pkp_structure_sidebar .pkp_block ol:empty {
  display:none !important;
  margin:0 !important;
  padding:0 !important;
}.pkp_structure_sidebar {
  padding-top:16px !important;
}.pkp_structure_sidebar .pkp_block {
  margin-bottom:14px !important;
  padding:16px !important;
}.pkp_structure_sidebar .block_make_submission a,
.pkp_structure_sidebar a.block_make_submission_link {
  min-height:48px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #ff8040, #ff8000) !important;
  border:1px solid rgba(190,95,0,.35) !important;
  box-shadow:0 6px 14px rgba(255,128,0,.16);
}.pkp_structure_sidebar .block_make_submission a:hover,
.pkp_structure_sidebar a.block_make_submission_link:hover {
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(255,128,0,.22);
}.pkp_structure_sidebar .pkp_block .title {
  color:#e66f00 !important;
  border-bottom-color:#ff8000 !important;
}.pkp_structure_sidebar .pkp_block a {
  color:#f47721;
}.pkp_structure_sidebar .pkp_block a:hover,
.pkp_structure_sidebar .pkp_block a:focus {
  color:#d96100;
}@media(max-width:767px) {
  .pkp_structure_sidebar {
    padding-top:10px !important;
  }

  .pkp_structure_sidebar .pkp_block {
    margin-bottom:10px !important;
    padding:14px !important;
    border-radius:10px !important;
  }
}.pkp_structure_sidebar {
  background:transparent !important;
  padding-top:18px !important;
}.pkp_structure_sidebar .pkp_block {
  position:relative;
  height:auto !important;
  min-height:0 !important;
  margin:0 0 16px !important;
  padding:16px !important;
  background:#fff !important;
  border:1px solid rgba(255,128,0,.18) !important;
  border-top:3px solid #ff8000 !important;
  border-radius:14px !important;
  box-shadow:0 8px 24px rgba(73,52,25,.07) !important;
  overflow:hidden !important;
}.pkp_structure_sidebar .pkp_block > *:first-child { margin-top:0 !important; }.pkp_structure_sidebar .pkp_block > *:last-child  { margin-bottom:0 !important; }.pkp_structure_sidebar .pkp_block p {
  margin:0 0 10px !important;
  line-height:1.55 !important;
}.pkp_structure_sidebar .pkp_block p:last-child { margin-bottom:0 !important; }.pkp_structure_sidebar .pkp_block .title {
  position:relative;
  display:block !important;
  margin:0 0 13px !important;
  padding:0 0 10px 14px !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,128,0,.18) !important;
  color:#d96800 !important;
  font-size:1rem !important;
  font-weight:800 !important;
  line-height:1.35 !important;
}.pkp_structure_sidebar .pkp_block .title::before {
  content:"";
  position:absolute;
  left:0;
  top:.18em;
  width:5px;
  height:1.15em;
  border-radius:10px;
  background:linear-gradient(180deg,#ff9b2f,#ff7300);
}.pkp_structure_sidebar .pkp_block a {
  color:#e86f00 !important;
  text-decoration:none !important;
  transition:color .18s ease, background .18s ease, transform .18s ease;
}.pkp_structure_sidebar .pkp_block a:hover,
.pkp_structure_sidebar .pkp_block a:focus {
  color:#b95600 !important;
  text-decoration:none !important;
}.pkp_structure_sidebar .pkp_block ul,
.pkp_structure_sidebar .pkp_block ol {
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}.pkp_structure_sidebar .pkp_block li {
  position:relative;
  margin:0 !important;
  padding:9px 4px 9px 16px !important;
  border-bottom:1px solid rgba(24,53,47,.07) !important;
  line-height:1.45 !important;
}.pkp_structure_sidebar .pkp_block li:last-child { border-bottom:0 !important; }.pkp_structure_sidebar .pkp_block li::before {
  content:"";
  position:absolute;
  left:2px;
  top:16px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#ff8000;
}.pkp_structure_sidebar .block_make_submission {
  padding:14px !important;
  border-top-color:#ff7300 !important;
}.pkp_structure_sidebar .block_make_submission a,
.pkp_structure_sidebar a.block_make_submission_link {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:54px !important;
  padding:12px 16px !important;
  box-sizing:border-box !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.1px !important;
  text-align:center !important;
  border:1px solid rgba(190,95,0,.28) !important;
  border-radius:11px !important;
  background:linear-gradient(135deg,#ff9147 0%,#ff7b1c 55%,#f06a00 100%) !important;
  box-shadow:0 7px 18px rgba(240,106,0,.18) !important;
}.pkp_structure_sidebar .block_make_submission a:hover,
.pkp_structure_sidebar a.block_make_submission_link:hover {
  color:#fff !important;
  transform:translateY(-1px);
  background:linear-gradient(135deg,#ff7d22 0%,#ed6500 100%) !important;
  box-shadow:0 10px 22px rgba(240,106,0,.24) !important;
}.pkp_structure_sidebar .pkp_block img {
  display:block;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  max-height:120px !important;
  margin:8px auto !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  object-fit:contain !important;
  background:transparent !important;
  box-shadow:none !important;
}.pkp_structure_sidebar .pkp_block img:not([src]),
.pkp_structure_sidebar .pkp_block img[src=""],
.pkp_structure_sidebar .pkp_block img[src=" "] {
  display:none !important;
}.pkp_structure_sidebar .pkp_block a > img {
  transition:transform .18s ease, opacity .18s ease;
}.pkp_structure_sidebar .pkp_block a:hover > img {
  transform:translateY(-1px);
  opacity:.92;
}.pkp_structure_sidebar .pkp_block iframe {
  display:block;
  width:100% !important;
  max-width:100% !important;
  min-height:0 !important;
  margin:8px 0 0 !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
}.pkp_structure_sidebar .pkp_block iframe:not([src]),
.pkp_structure_sidebar .pkp_block iframe[src=""],
.pkp_structure_sidebar .pkp_block iframe[src=" "] {
  display:none !important;
}.pkp_structure_sidebar .pkp_block select,
.pkp_structure_sidebar .pkp_block input[type="text"],
.pkp_structure_sidebar .pkp_block input[type="search"] {
  width:100% !important;
  min-height:40px !important;
  padding:8px 10px !important;
  box-sizing:border-box !important;
  border:1px solid rgba(255,128,0,.28) !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#283b37 !important;
}.pkp_structure_sidebar .pkp_block:empty,
.pkp_structure_sidebar .pkp_block .content:empty,
.pkp_structure_sidebar .pkp_block p:empty,
.pkp_structure_sidebar .pkp_block div:empty,
.pkp_structure_sidebar .pkp_block ul:empty,
.pkp_structure_sidebar .pkp_block ol:empty {
  display:none !important;
}@supports selector(.pkp_block:has(.content:empty)) {
  .pkp_structure_sidebar .pkp_block:has(> .content:empty),
  .pkp_structure_sidebar .pkp_block:has(> .content > p:only-child:empty),
  .pkp_structure_sidebar .pkp_block:has(> .content > div:only-child:empty),
  .pkp_structure_sidebar .pkp_block:has(> ul:empty) {
    display:none !important;
  }
}.pkp_structure_sidebar .block_developed_by {
  display:none !important;
}@media(max-width:991px) {
  .pkp_structure_sidebar {
    padding-top:12px !important;
  }
  .pkp_structure_sidebar .pkp_block {
    margin-bottom:12px !important;
    padding:14px !important;
    border-radius:12px !important;
    box-shadow:0 5px 16px rgba(73,52,25,.06) !important;
  }
}@media(max-width:767px) {
  .pkp_structure_sidebar .pkp_block img {
    max-height:100px !important;
  }
}.pkp_structure_sidebar {
  background:#fff !important;
  padding:0 0 18px !important;
}.pkp_structure_sidebar .pkp_block {
  position:relative !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 0 14px !important;
  padding:0 !important;
  background:#fff !important;
  border:1px solid #e6e6e6 !important;
  border-radius:4px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}.pkp_structure_sidebar .pkp_block .title {
  display:block !important;
  width:auto !important;
  margin:0 !important;
  padding:10px 13px !important;
  border:0 !important;
  border-bottom:1px solid #e8e8e8 !important;
  border-radius:0 !important;
  background:linear-gradient(90deg,#f57c00 0%,#ff8a00 100%) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  letter-spacing:.1px !important;
  text-transform:none !important;
}.pkp_structure_sidebar .pkp_block .title::before,
.pkp_structure_sidebar .pkp_block .title::after {
  content:none !important;
  display:none !important;
}.pkp_structure_sidebar .pkp_block > .content,
.pkp_structure_sidebar .pkp_block .content {
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:12px 13px !important;
  background:#fff !important;
}.pkp_structure_sidebar .pkp_block > p,
.pkp_structure_sidebar .pkp_block > ul,
.pkp_structure_sidebar .pkp_block > ol,
.pkp_structure_sidebar .pkp_block > form {
  margin-left:13px !important;
  margin-right:13px !important;
}.pkp_structure_sidebar .pkp_block p {
  margin-top:0 !important;
  margin-bottom:9px !important;
  line-height:1.5 !important;
}.pkp_structure_sidebar .pkp_block p:last-child { margin-bottom:0 !important; }.pkp_structure_sidebar .pkp_block ul,
.pkp_structure_sidebar .pkp_block ol {
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding:0 !important;
  list-style:none !important;
}.pkp_structure_sidebar .pkp_block li {
  margin:0 !important;
  padding:8px 0 !important;
  border-bottom:1px solid #ededed !important;
  line-height:1.4 !important;
}.pkp_structure_sidebar .pkp_block li:last-child { border-bottom:0 !important; }.pkp_structure_sidebar .pkp_block li::before { display:none !important; content:none !important; }.pkp_structure_sidebar .pkp_block a {
  color:#df6f00 !important;
  text-decoration:none !important;
}.pkp_structure_sidebar .pkp_block a:hover,
.pkp_structure_sidebar .pkp_block a:focus {
  color:#a94f00 !important;
  text-decoration:underline !important;
}.pkp_structure_sidebar .block_make_submission {
  padding:12px !important;
  border:1px solid #e5e5e5 !important;
  background:#fff !important;
}.pkp_structure_sidebar .block_make_submission .title { display:none !important; }.pkp_structure_sidebar .block_make_submission a,
.pkp_structure_sidebar a.block_make_submission_link {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:48px !important;
  margin:0 !important;
  padding:11px 14px !important;
  box-sizing:border-box !important;
  border:0 !important;
  border-radius:4px !important;
  background:linear-gradient(180deg,#ff8b36 0%,#f47721 100%) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-align:center !important;
  text-decoration:none !important;
  box-shadow:none !important;
}.pkp_structure_sidebar .block_make_submission a:hover,
.pkp_structure_sidebar a.block_make_submission_link:hover {
  background:linear-gradient(180deg,#f97b20 0%,#de650d 100%) !important;
  color:#fff !important;
  text-decoration:none !important;
  transform:none !important;
}.pkp_structure_sidebar .pkp_block img {
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:82px !important;
  margin:7px auto !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  object-fit:contain !important;
  box-shadow:none !important;
}.pkp_structure_sidebar .pkp_block a > img {
  transition:opacity .15s ease !important;
}.pkp_structure_sidebar .pkp_block a:hover > img {
  transform:none !important;
  opacity:.86 !important;
}.pkp_structure_sidebar [id*="customblock-template"] p,
.pkp_structure_sidebar [id*="customblock-indeks"] p,
.pkp_structure_sidebar [id*="customblock-index"] p,
.pkp_structure_sidebar [id*="customblock-gs"] p,
.pkp_structure_sidebar [id*="customblock-citation"] p,
.pkp_structure_sidebar [id*="customblock-flag"] p {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:0 !important;
  margin:0 !important;
  padding:8px 0 !important;
  border-bottom:1px solid #efefef !important;
}.pkp_structure_sidebar [id*="customblock-template"] p:last-child,
.pkp_structure_sidebar [id*="customblock-indeks"] p:last-child,
.pkp_structure_sidebar [id*="customblock-index"] p:last-child,
.pkp_structure_sidebar [id*="customblock-gs"] p:last-child,
.pkp_structure_sidebar [id*="customblock-citation"] p:last-child,
.pkp_structure_sidebar [id*="customblock-flag"] p:last-child {
  border-bottom:0 !important;
}.pkp_structure_sidebar .pkp_block a:empty,
.pkp_structure_sidebar .pkp_block p:empty,
.pkp_structure_sidebar .pkp_block div:empty,
.pkp_structure_sidebar .pkp_block ul:empty,
.pkp_structure_sidebar .pkp_block ol:empty {
  display:none !important;
  min-height:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}.pkp_structure_sidebar .pkp_block img:not([src]),
.pkp_structure_sidebar .pkp_block img[src=""],
.pkp_structure_sidebar .pkp_block img[src=" "] {
  display:none !important;
}.pkp_structure_sidebar [id*="customblock-indeks"] iframe,
.pkp_structure_sidebar [id*="customblock-index"] iframe,
.pkp_structure_sidebar [id*="customblock-indeks"] object,
.pkp_structure_sidebar [id*="customblock-index"] object,
.pkp_structure_sidebar [id*="customblock-indeks"] embed,
.pkp_structure_sidebar [id*="customblock-index"] embed {
  max-width:100% !important;
  border:0 !important;
  background:transparent !important;
}.pkp_structure_sidebar [id*="customblock-flag"] iframe,
.pkp_structure_sidebar .pkp_block iframe {
  display:block;
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  border:0 !important;
  background:transparent !important;
  overflow:hidden !important;
}.pkp_structure_sidebar .pkp_block iframe:not([src]),
.pkp_structure_sidebar .pkp_block iframe[src=""],
.pkp_structure_sidebar .pkp_block iframe[src=" "] {
  display:none !important;
}.pkp_structure_sidebar .pkp_block select,
.pkp_structure_sidebar .pkp_block input[type="text"],
.pkp_structure_sidebar .pkp_block input[type="search"] {
  width:100% !important;
  min-height:38px !important;
  padding:7px 9px !important;
  box-sizing:border-box !important;
  border:1px solid #d9d9d9 !important;
  border-radius:3px !important;
  background:#fff !important;
  color:#333 !important;
  box-shadow:none !important;
}.pkp_structure_sidebar .block_developed_by {
  display:none !important;
}.pkp_structure_sidebar .pkp_block:empty { display:none !important; }@supports selector(.pkp_block:has(.content:empty)) {
  .pkp_structure_sidebar .pkp_block:has(> .content:empty),
  .pkp_structure_sidebar .pkp_block:has(> .content > p:only-child:empty),
  .pkp_structure_sidebar .pkp_block:has(> .content > div:only-child:empty),
  .pkp_structure_sidebar .pkp_block:has(> ul:empty) {
    display:none !important;
  }
}@media(min-width:992px) {
  .pkp_structure_sidebar {
    padding-top:0 !important;
  }
}@media(max-width:991px) {
  .pkp_structure_sidebar {
    padding-top:12px !important;
  }
  .pkp_structure_sidebar .pkp_block {
    margin-bottom:12px !important;
    border-radius:4px !important;
    box-shadow:none !important;
  }
}@media(max-width:767px) {
  .pkp_structure_sidebar .pkp_block .title {
    font-size:13.5px !important;
  }
  .pkp_structure_sidebar .pkp_block img {
    max-height:76px !important;
  }
}.pkp_structure_sidebar .block_language,
.pkp_structure_sidebar [class*="block_language"],
.pkp_structure_sidebar [id*="language"] {
  background:#fff !important;
}.pkp_structure_sidebar .block_language .title,
.pkp_structure_sidebar [class*="block_language"] .title,
.pkp_structure_sidebar [id*="language"] .title {
  background:linear-gradient(90deg,#f57c00 0%,#ff8a00 100%) !important;
  color:#fff !important;
  border-color:#e8e8e8 !important;
}.pkp_structure_sidebar .block_language form,
.pkp_structure_sidebar [class*="block_language"] form,
.pkp_structure_sidebar [id*="language"] form {
  margin:0 !important;
  padding:12px 13px !important;
}.pkp_structure_sidebar .block_language select,
.pkp_structure_sidebar [class*="block_language"] select,
.pkp_structure_sidebar [id*="language"] select {
  width:100% !important;
  min-height:40px !important;
  padding:8px 36px 8px 10px !important;
  border:1px solid #d8d8d8 !important;
  border-radius:4px !important;
  background:#fff !important;
  color:#333 !important;
  font-size:14px !important;
  box-shadow:none !important;
  outline:none !important;
}.pkp_structure_sidebar .block_language select:focus,
.pkp_structure_sidebar [class*="block_language"] select:focus,
.pkp_structure_sidebar [id*="language"] select:focus {
  border-color:#ff8000 !important;
  box-shadow:0 0 0 2px rgba(255,128,0,.12) !important;
}@media(max-width:991px) {
  
  .pkp_structure_head,
  .pkp_site_nav_menu,
  .pkp_navigation_primary_wrapper,
  .pkp_navigation_primary_row,
  .pkp_navigation_user_wrapper {
    background:#ff8000 !important;
    border-color:#f06f00 !important;
  }

  
  .pkp_site_nav_toggle,
  button.pkp_site_nav_toggle,
  a.pkp_site_nav_toggle {
    background:#ff8000 !important;
    border-color:#ff8000 !important;
    color:#fff !important;
    box-shadow:none !important;
  }

  .pkp_site_nav_toggle:hover,
  .pkp_site_nav_toggle:focus,
  .pkp_site_nav_toggle:active {
    background:#e96f00 !important;
    border-color:#e96f00 !important;
    color:#fff !important;
    outline:none !important;
  }

  
  .pkp_site_nav_toggle span,
  .pkp_site_nav_toggle span::before,
  .pkp_site_nav_toggle span::after,
  .pkp_site_nav_toggle::before,
  .pkp_site_nav_toggle::after {
    background-color:#fff !important;
    border-color:#fff !important;
    color:#fff !important;
  }

  
  .pkp_navigation_primary,
  .pkp_navigation_user,
  .pkp_navigation_primary > li,
  .pkp_navigation_user > li {
    background:#ff8000 !important;
  }

  .pkp_navigation_primary > li > a,
  .pkp_navigation_primary > li > a:visited,
  .pkp_navigation_user > li > a,
  .pkp_navigation_user > li > a:visited,
  .pkp_navigation_search_wrapper a,
  .pkp_navigation_search_wrapper a:visited {
    background:#ff8000 !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.18) !important;
    text-shadow:none !important;
  }

  .pkp_navigation_primary > li > a:hover,
  .pkp_navigation_primary > li > a:focus,
  .pkp_navigation_primary > li.current > a,
  .pkp_navigation_primary > li > a[aria-current="page"],
  .pkp_navigation_user > li > a:hover,
  .pkp_navigation_user > li > a:focus,
  .pkp_navigation_search_wrapper a:hover,
  .pkp_navigation_search_wrapper a:focus {
    background:#e96f00 !important;
    color:#fff !important;
  }

  
  .pkp_navigation_primary ul,
  .pkp_navigation_user ul,
  .pkp_navigation_primary ul li,
  .pkp_navigation_user ul li {
    background:#fff !important;
  }

  .pkp_navigation_primary ul a,
  .pkp_navigation_primary ul a:visited,
  .pkp_navigation_user ul a,
  .pkp_navigation_user ul a:visited {
    background:#fff !important;
    color:#333 !important;
    border-color:#eee !important;
  }

  .pkp_navigation_primary ul a:hover,
  .pkp_navigation_primary ul a:focus,
  .pkp_navigation_user ul a:hover,
  .pkp_navigation_user ul a:focus {
    background:#fff4e8 !important;
    color:#d86600 !important;
  }

  
  .pkp_search,
  .pkp_search_desktop,
  .pkp_search_mobile,
  .pkp_navigation_search_wrapper {
    border-color:#f06f00 !important;
  }

  
  .pkp_structure_head button,
  .pkp_structure_head .pkp_button,
  .pkp_structure_head input[type="submit"] {
    border-color:#ff8000 !important;
  }
}@media(max-width:767px) {
  .pkp_site_nav_menu {
    border-top:1px solid rgba(255,255,255,.16) !important;
  }

  .pkp_navigation_primary > li > a,
  .pkp_navigation_user > li > a,
  .pkp_navigation_search_wrapper a {
    font-size:15px !important;
  }
}:root {
  --saintifik-shell-max: 1240px;
  --saintifik-outer-bg: #f2f3f4;
}body {
  background: var(--saintifik-outer-bg) !important;
}.pkp_structure_page {
  width: 100% !important;
  max-width: var(--saintifik-shell-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: #fff !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,.05),
              0 8px 28px rgba(0,0,0,.045) !important;
}.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name .is_img {
  max-width: none !important;
}.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name .is_img {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}@media (min-width: 992px) {
  .pkp_navigation_primary {
    margin-left: 24px !important;
  }

  .pkp_navigation_search_wrapper {
    margin-right: 22px !important;
  }

  .pkp_navigation_user {
    margin-right: 22px !important;
  }

  
  .pkp_structure_sidebar {
    margin-top: 0 !important;
  }
}@media (max-width: 991px) {
  body {
    background: #fff !important;
  }

  .pkp_structure_page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-shadow: none !important;
  }

  .pkp_navigation_primary,
  .pkp_navigation_search_wrapper,
  .pkp_navigation_user {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}:root {
  --sj-orange:#ff8000;
  --sj-orange-dark:#df6800;
  --sj-orange-soft:#fff5e9;
  --sj-ink:#24313d;
  --sj-muted:#6c7680;
  --sj-line:#e7e9ec;
  --sj-surface:#ffffff;
}html,
body {
  font-family:"Segoe UI", Roboto, Arial, sans-serif !important;
  color:var(--sj-ink) !important;
}.pkp_structure_page {
  border-radius:0 0 8px 8px !important;
  overflow:hidden !important;
}a {
  transition:color .18s ease, background-color .18s ease, border-color .18s ease !important;
}@media (min-width:992px) {
  .pkp_site_name .is_img {
    height:230px !important;
  }

  .pkp_navigation_primary_row {
    min-height:50px !important;
    border-bottom:0 !important;
    box-shadow:0 2px 8px rgba(0,0,0,.06) !important;
  }

  .pkp_navigation_primary > li > a,
  .pkp_navigation_search_wrapper a {
    padding-top:15px !important;
    padding-bottom:15px !important;
    font-size:15px !important;
    font-weight:700 !important;
    letter-spacing:.05px !important;
  }

  .pkp_navigation_primary > li > a:hover,
  .pkp_navigation_primary > li > a:focus,
  .pkp_navigation_primary > li.current > a,
  .pkp_navigation_primary > li > a[aria-current="page"] {
    background:rgba(255,255,255,.13) !important;
  }

  .pkp_navigation_user > li > a {
    font-size:14px !important;
  }

  .pkp_structure_main {
    padding-top:30px !important;
    padding-bottom:42px !important;
  }

  .pkp_structure_sidebar {
    padding-top:30px !important;
    padding-bottom:28px !important;
  }
}.pkp_structure_main,
.pkp_structure_main p,
.pkp_structure_main li {
  color:var(--sj-ink) !important;
}.pkp_structure_main p {
  line-height:1.75 !important;
}.page_index_journal h2,
.pkp_structure_main h1,
.pkp_structure_main h2 {
  font-weight:800 !important;
  letter-spacing:-.15px !important;
}.page_index_journal h2 {
  font-size:21px !important;
  margin-bottom:18px !important;
}.homepage_about {
  padding:20px 22px !important;
  margin-bottom:30px !important;
  background:linear-gradient(180deg,#fff 0%,#fffdf9 100%) !important;
  border:1px solid #f0e4d7 !important;
  border-left:4px solid var(--sj-orange) !important;
  border-radius:8px !important;
}.homepage_about p:last-child {
  margin-bottom:0 !important;
}.current_issue {
  margin-top:30px !important;
}.obj_article_summary {
  padding:15px 0 !important;
  border-bottom:1px solid var(--sj-line) !important;
}.obj_article_summary .title {
  margin-bottom:7px !important;
  line-height:1.45 !important;
}.obj_article_summary .title a {
  color:#bd5b00 !important;
  font-weight:750 !important;
}.obj_article_summary .title a:hover {
  color:#8f4300 !important;
}.obj_article_summary .authors,
.obj_article_summary .pages {
  color:var(--sj-muted) !important;
  line-height:1.5 !important;
}.obj_galley_link {
  border-radius:5px !important;
  border-color:#f19a4a !important;
  color:#d86500 !important;
  background:#fff !important;
}.obj_galley_link:hover,
.obj_galley_link:focus {
  background:var(--sj-orange-soft) !important;
  color:#a84d00 !important;
}.pkp_structure_sidebar .pkp_block {
  margin-bottom:12px !important;
  border:1px solid #e5e7ea !important;
  border-radius:7px !important;
  box-shadow:0 3px 12px rgba(30,45,60,.045) !important;
}.pkp_structure_sidebar .pkp_block .title {
  padding:10px 13px !important;
  background:linear-gradient(90deg,#f57b00 0%,#ff8b12 100%) !important;
  font-size:13.5px !important;
  font-weight:800 !important;
  letter-spacing:.08px !important;
}.pkp_structure_sidebar .pkp_block > .content,
.pkp_structure_sidebar .pkp_block .content {
  padding:11px 12px !important;
}.pkp_structure_sidebar .pkp_block li {
  padding:7px 0 !important;
  font-size:13.5px !important;
}.pkp_structure_sidebar .pkp_block img {
  max-height:72px !important;
  margin:6px auto !important;
}.pkp_structure_sidebar .block_make_submission {
  padding:11px !important;
}.pkp_structure_sidebar .block_make_submission a,
.pkp_structure_sidebar a.block_make_submission_link {
  min-height:46px !important;
  border-radius:6px !important;
  font-size:14px !important;
  background:linear-gradient(180deg,#ff8b35 0%,#f47721 100%) !important;
}.pkp_structure_sidebar .block_language .content {
  padding:10px !important;
}.pkp_structure_sidebar .block_language ul {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:7px !important;
}.pkp_structure_sidebar .block_language li {
  padding:0 !important;
  border:0 !important;
}.pkp_structure_sidebar .block_language li a {
  display:block !important;
  padding:8px 9px !important;
  border:1px solid #ece5dc !important;
  border-radius:5px !important;
  background:#fffaf4 !important;
  text-align:center !important;
  font-size:13px !important;
  font-weight:650 !important;
  text-decoration:none !important;
}.pkp_structure_sidebar .block_language li.current a,
.pkp_structure_sidebar .block_language li a:hover {
  background:#fff0df !important;
  border-color:#f4b16d !important;
  color:#b85200 !important;
}.pkp_structure_footer_wrapper {
  background:#fffaf5 !important;
  border-top:3px solid var(--sj-orange) !important;
}@media (max-width:991px) {
  .pkp_structure_page {
    border-radius:0 !important;
    overflow:visible !important;
  }

  
  .pkp_site_name .is_img {
    height:116px !important;
  }

  .pkp_site_name .is_img img {
    object-fit:cover !important;
    object-position:center center !important;
  }

  
  .pkp_navigation_user_wrapper {
    min-height:36px !important;
  }

  .pkp_navigation_user > li > a {
    font-size:13px !important;
    padding-top:9px !important;
    padding-bottom:9px !important;
  }

  
  .pkp_site_nav_toggle,
  button.pkp_site_nav_toggle {
    min-width:44px !important;
    min-height:44px !important;
    padding:10px !important;
  }

  
  .pkp_navigation_primary > li > a,
  .pkp_navigation_search_wrapper a {
    padding:11px 14px !important;
    font-size:14px !important;
    line-height:1.3 !important;
    border-bottom:1px solid rgba(255,255,255,.13) !important;
  }

  .pkp_navigation_primary ul a {
    padding:10px 16px !important;
    font-size:13.5px !important;
  }

  
  .pkp_structure_main {
    padding:18px 14px 26px !important;
  }

  .pkp_structure_sidebar {
    padding:0 14px 22px !important;
  }

  .page_index_journal h2,
  .pkp_structure_main h1,
  .pkp_structure_main h2 {
    font-size:19px !important;
    line-height:1.3 !important;
    margin-top:0 !important;
    margin-bottom:14px !important;
  }

  .pkp_structure_main p,
  .pkp_structure_main li {
    font-size:14px !important;
    line-height:1.65 !important;
  }

  .homepage_about {
    padding:15px 15px !important;
    margin-bottom:22px !important;
    border-left-width:3px !important;
    border-radius:7px !important;
  }

  .current_issue {
    margin-top:22px !important;
  }

  .obj_article_summary {
    padding:12px 0 !important;
  }

  .obj_article_summary .title {
    font-size:15px !important;
    line-height:1.4 !important;
  }

  .obj_article_summary .authors,
  .obj_article_summary .pages {
    font-size:12.5px !important;
  }

  
  .pkp_structure_sidebar .pkp_block {
    margin-bottom:9px !important;
    border-radius:6px !important;
    box-shadow:none !important;
  }

  .pkp_structure_sidebar .pkp_block .title {
    padding:9px 11px !important;
    font-size:13px !important;
  }

  .pkp_structure_sidebar .pkp_block > .content,
  .pkp_structure_sidebar .pkp_block .content {
    padding:9px 10px !important;
  }

  .pkp_structure_sidebar .pkp_block li {
    padding:6px 0 !important;
    font-size:13px !important;
  }

  .pkp_structure_sidebar .pkp_block img {
    max-height:60px !important;
    margin:5px auto !important;
  }

  .pkp_structure_sidebar .block_make_submission {
    padding:9px !important;
  }

  .pkp_structure_sidebar .block_make_submission a,
  .pkp_structure_sidebar a.block_make_submission_link {
    min-height:43px !important;
    padding:9px 12px !important;
    font-size:13.5px !important;
  }

  .pkp_structure_sidebar .block_language li a {
    padding:7px 6px !important;
    font-size:12.5px !important;
  }
}@media (max-width:600px) {
  .pkp_site_name .is_img {
    height:102px !important;
  }

  .pkp_structure_main {
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .pkp_structure_sidebar {
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .homepage_about {
    padding:13px !important;
  }

  .page_index_journal h2,
  .pkp_structure_main h1,
  .pkp_structure_main h2 {
    font-size:18px !important;
  }

  .pkp_structure_main p,
  .pkp_structure_main li {
    font-size:13.5px !important;
  }
}@media (max-width:420px) {
  .pkp_site_name .is_img {
    height:94px !important;
  }

  .pkp_navigation_primary > li > a,
  .pkp_navigation_search_wrapper a {
    padding:10px 12px !important;
    font-size:13.5px !important;
  }

  .pkp_structure_sidebar .block_language ul {
    grid-template-columns:1fr 1fr !important;
    gap:6px !important;
  }
}:root {
  --saintifik-shell-max:1180px;
  --sj-page-bg:#f3f6f9;
  --sj-card:#ffffff;
  --sj-card-border:#e6eaee;
  --sj-card-shadow:0 8px 24px rgba(28,44,62,.055);
  --sj-card-radius:12px;
}@media (min-width:992px) {
  body {
    background:
      radial-gradient(circle at 12% 10%, rgba(255,128,0,.055), transparent 26%),
      linear-gradient(180deg,#eef2f5 0%,#f7f9fb 100%) !important;
  }

  .pkp_structure_page {
    max-width:var(--saintifik-shell-max) !important;
    border-radius:12px !important;
    box-shadow:0 10px 34px rgba(27,39,51,.08) !important;
  }
}.pkp_structure_content {
  background:var(--sj-page-bg) !important;
}.page_index_journal .homepage_about,
.page_index_journal .current_issue {
  background:var(--sj-card) !important;
  border:1px solid var(--sj-card-border) !important;
  border-radius:var(--sj-card-radius) !important;
  box-shadow:var(--sj-card-shadow) !important;
}.page_index_journal .homepage_about {
  margin:0 0 22px !important;
  padding:22px 24px !important;
  border-left:4px solid #ff8000 !important;
}.page_index_journal .current_issue {
  margin:0 0 24px !important;
  padding:22px 24px !important;
}.pkp_structure_main > .page,
.pkp_structure_main > .page_about,
.pkp_structure_main > .page_issue,
.pkp_structure_main > .page_article,
.pkp_structure_main > .page_search,
.pkp_structure_main > .page_announcements {
  background:var(--sj-card) !important;
  border:1px solid var(--sj-card-border) !important;
  border-radius:var(--sj-card-radius) !important;
  box-shadow:var(--sj-card-shadow) !important;
}.pkp_structure_main > .page,
.pkp_structure_main > .page_about,
.pkp_structure_main > .page_search,
.pkp_structure_main > .page_announcements {
  padding:22px 24px !important;
  box-sizing:border-box !important;
}.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
  color:#263644 !important;
}.page_index_journal h2,
.pkp_structure_main h1 {
  position:relative;
}.page_index_journal h2::after,
.pkp_structure_main h1::after {
  content:"";
  display:block;
  width:44px;
  height:3px;
  margin-top:8px;
  border-radius:4px;
  background:linear-gradient(90deg,#ff8000,#ffab52);
}.current_issue .current_issue_title {
  margin-bottom:16px !important;
  color:#314252 !important;
  font-size:16px !important;
  font-weight:800 !important;
}.obj_issue_toc .heading {
  padding-bottom:14px !important;
  border-bottom:1px solid #eceff2 !important;
}.obj_issue_toc .cover img {
  border-radius:8px !important;
  box-shadow:0 6px 18px rgba(30,45,60,.08) !important;
}.obj_article_summary {
  padding:14px 0 !important;
}.obj_article_summary:last-child {
  border-bottom:0 !important;
}.pkp_structure_sidebar {
  background:transparent !important;
}.pkp_structure_sidebar .pkp_block {
  border:1px solid #e4e8ec !important;
  border-radius:9px !important;
  box-shadow:0 5px 18px rgba(30,45,60,.05) !important;
  overflow:hidden !important;
}.pkp_structure_sidebar .pkp_block .title {
  background:linear-gradient(90deg,#f77900 0%,#ff941f 100%) !important;
  padding:10px 13px !important;
}.pkp_structure_sidebar .pkp_block .content {
  background:#fff !important;
}.pkp_structure_sidebar .pkp_block img {
  max-height:64px !important;
  margin:5px auto !important;
}.pkp_structure_sidebar [id*="customblock-template"] img {
  max-height:78px !important;
}@media (min-width:992px) {
  .pkp_navigation_primary_row {
    background:linear-gradient(90deg,#f57a00,#ff8800) !important;
  }

  .pkp_navigation_primary > li > a {
    border-radius:5px 5px 0 0 !important;
  }
}@media (max-width:991px) {
  .pkp_structure_content {
    background:#f5f7f9 !important;
  }

  .pkp_structure_main {
    padding:14px 10px 18px !important;
  }

  .pkp_structure_sidebar {
    padding:0 10px 16px !important;
  }

  .pkp_site_name .is_img {
    height:106px !important;
  }

  .page_index_journal .homepage_about,
  .page_index_journal .current_issue,
  .pkp_structure_main > .page,
  .pkp_structure_main > .page_about,
  .pkp_structure_main > .page_search,
  .pkp_structure_main > .page_announcements {
    padding:14px !important;
    margin-bottom:14px !important;
    border-radius:8px !important;
    box-shadow:0 3px 12px rgba(30,45,60,.04) !important;
  }

  .page_index_journal .homepage_about {
    border-left-width:3px !important;
  }

  .pkp_structure_main h1,
  .pkp_structure_main h2,
  .pkp_structure_main h3 {
    line-height:1.3 !important;
  }

  .page_index_journal h2::after,
  .pkp_structure_main h1::after {
    width:34px;
    height:2px;
    margin-top:6px;
  }

  .pkp_structure_main p,
  .pkp_structure_main li {
    font-size:13.5px !important;
    line-height:1.58 !important;
  }

  .obj_article_summary {
    padding:10px 0 !important;
  }

  .obj_article_summary .title {
    font-size:14.5px !important;
    line-height:1.38 !important;
  }

  .pkp_structure_sidebar .pkp_block {
    margin-bottom:8px !important;
    border-radius:7px !important;
  }

  .pkp_structure_sidebar .pkp_block .title {
    padding:8px 10px !important;
    font-size:12.8px !important;
  }

  .pkp_structure_sidebar .pkp_block .content {
    padding:8px 9px !important;
  }

  .pkp_structure_sidebar .pkp_block img {
    max-height:56px !important;
  }

  .pkp_structure_sidebar [id*="customblock-template"] img {
    max-height:68px !important;
  }

  .pkp_structure_sidebar .block_make_submission a,
  .pkp_structure_sidebar a.block_make_submission_link {
    min-height:40px !important;
    padding:8px 10px !important;
    font-size:13px !important;
  }
}@media (max-width:600px) {
  .pkp_site_name .is_img {
    height:94px !important;
  }

  .pkp_structure_main {
    padding-left:8px !important;
    padding-right:8px !important;
  }

  .pkp_structure_sidebar {
    padding-left:8px !important;
    padding-right:8px !important;
  }

  .page_index_journal .homepage_about,
  .page_index_journal .current_issue,
  .pkp_structure_main > .page,
  .pkp_structure_main > .page_about,
  .pkp_structure_main > .page_search,
  .pkp_structure_main > .page_announcements {
    padding:12px !important;
    border-radius:7px !important;
  }
}@media (max-width:420px) {
  .pkp_site_name .is_img {
    height:86px !important;
  }

  .pkp_structure_main p,
  .pkp_structure_main li {
    font-size:13px !important;
  }
}:root {
  --saintifik-shell-max:1120px;
  --sj-orange:#ff7a00;
  --sj-orange-2:#ff9218;
  --sj-orange-dark:#d96500;
  --sj-navy:#173c67;
}@media (min-width:992px) {
  body {
    background:
      radial-gradient(circle at 10% 8%, rgba(255,128,0,.045), transparent 24%),
      linear-gradient(180deg,#eef2f5 0%,#f7f9fb 100%) !important;
  }

  .pkp_structure_page {
    width:100% !important;
    max-width:var(--saintifik-shell-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    overflow:visible !important;
    border-radius:10px !important;
    box-shadow:0 10px 34px rgba(28,42,58,.08) !important;
  }

  .pkp_structure_head,
  .pkp_head_wrapper,
  .pkp_site_name_wrapper,
  .pkp_site_name,
  .pkp_site_name .is_img,
  .pkp_structure_content,
  .pkp_structure_main,
  .pkp_structure_sidebar {
    overflow:visible !important;
  }

  .pkp_site_name .is_img {
    height:205px !important;
  }

  
  .pkp_navigation_primary {
    margin-left:18px !important;
  }

  .pkp_navigation_search_wrapper {
    margin-right:18px !important;
  }

  .pkp_navigation_primary > li > a,
  .pkp_navigation_search_wrapper a {
    padding-top:13px !important;
    padding-bottom:13px !important;
    font-size:14px !important;
  }

  
  .pkp_structure_sidebar .pkp_block {
    margin-left:10px !important;
    margin-right:10px !important;
    margin-bottom:10px !important;
  }

  .pkp_structure_sidebar .pkp_block .title {
    padding:9px 11px !important;
    font-size:13px !important;
  }

  .pkp_structure_sidebar .pkp_block .content {
    padding:9px 10px !important;
  }

  .pkp_structure_sidebar .pkp_block img {
    max-height:58px !important;
  }

  .pkp_structure_sidebar [id*="customblock-template"] img {
    max-height:68px !important;
  }

  .pkp_structure_sidebar .block_make_submission {
    padding:9px !important;
  }

  .pkp_structure_sidebar .block_make_submission a,
  .pkp_structure_sidebar a.block_make_submission_link {
    min-height:42px !important;
    padding:9px 11px !important;
    font-size:13px !important;
  }
}.pkp_navigation_primary > li > a::before {
  display:inline-block !important;
  width:1.1em !important;
  margin-right:7px !important;
  font-family:"FontAwesome" !important;
  font-style:normal !important;
  font-weight:normal !important;
  text-align:center !important;
  opacity:.96 !important;
}.pkp_navigation_primary > li:nth-child(1) > a::before { content:""; }.pkp_navigation_primary > li:nth-child(2) > a::before { content:""; }.pkp_navigation_primary > li:nth-child(3) > a::before { content:""; }.pkp_navigation_primary > li:nth-child(4) > a::before { content:""; }.pkp_navigation_primary > li:nth-child(5) > a::before { content:""; }.pkp_structure_sidebar,
.pkp_structure_sidebar .pkp_block,
.pkp_structure_sidebar .pkp_block .content {
  box-sizing:border-box !important;
}.pkp_structure_sidebar {
  overflow:visible !important;
}.pkp_structure_sidebar .pkp_block {
  max-width:100% !important;
  overflow:hidden !important;
}.pkp_structure_sidebar .pkp_block img,
.pkp_structure_sidebar .pkp_block iframe,
.pkp_structure_sidebar .pkp_block object,
.pkp_structure_sidebar .pkp_block embed {
  max-width:100% !important;
  height:auto;
  box-sizing:border-box !important;
}@media (max-width:991px) {

  body {
    background:#fff !important;
  }

  .pkp_structure_page {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  
  .pkp_site_name .is_img {
    height:92px !important;
  }

  .pkp_site_name .is_img img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  
  .pkp_site_nav_toggle,
  button.pkp_site_nav_toggle,
  a.pkp_site_nav_toggle {
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    padding:0 !important;
    background:#f67a00 !important;
    border:0 !important;
    border-radius:0 !important;
    color:#fff !important;
    box-shadow:none !important;
  }

  .pkp_site_nav_toggle span {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
    background:transparent !important;
  }

  .pkp_site_nav_toggle::before {
    content:"☰" !important;
    display:block !important;
    background:transparent !important;
    color:#fff !important;
    font-family:Arial,sans-serif !important;
    font-size:24px !important;
    font-weight:400 !important;
    line-height:44px !important;
    text-align:center !important;
  }

  .pkp_site_nav_toggle::after {
    content:none !important;
    display:none !important;
  }

  
  .pkp_site_nav_toggle span::before,
  .pkp_site_nav_toggle span::after {
    content:none !important;
    display:none !important;
    background:transparent !important;
  }

  
  .pkp_site_nav_menu {
    width:calc(100% - 16px) !important;
    max-width:410px !important;
    max-height:66vh !important;
    margin:6px auto 8px !important;
    padding:7px !important;
    box-sizing:border-box !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    background:linear-gradient(180deg,#ff8200 0%,#f47400 100%) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:10px !important;
    box-shadow:0 9px 24px rgba(0,0,0,.13) !important;
  }

  .pkp_navigation_primary_wrapper,
  .pkp_navigation_primary_row,
  .pkp_navigation_user_wrapper {
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  
  #navigationPrimary,
  .pkp_navigation_primary {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
  }

  #navigationPrimary > li,
  .pkp_navigation_primary > li {
    display:block !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
  }

  #navigationPrimary > li > a,
  .pkp_navigation_primary > li > a {
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-height:38px !important;
    margin:0 !important;
    padding:8px 9px !important;
    box-sizing:border-box !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    border-radius:7px !important;
    color:#fff !important;
    font-size:12.8px !important;
    font-weight:700 !important;
    line-height:1.15 !important;
    text-shadow:none !important;
  }

  
  #navigationPrimary > li:has(ul),
  .pkp_navigation_primary > li:has(ul) {
    grid-column:1 / -1 !important;
  }

  
  #navigationPrimary > li > ul,
  .pkp_navigation_primary > li > ul {
    position:static !important;
    float:none !important;
    display:none !important;
    width:100% !important;
    min-width:0 !important;
    margin:5px 0 0 !important;
    padding:6px !important;
    box-sizing:border-box !important;
    background:#fff !important;
    border:0 !important;
    border-radius:7px !important;
    box-shadow:none !important;
  }

  
  #navigationPrimary > li:focus-within > ul,
  #navigationPrimary > li:hover > ul,
  .pkp_navigation_primary > li:focus-within > ul,
  .pkp_navigation_primary > li:hover > ul {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:2px 6px !important;
  }

  #navigationPrimary > li > ul > li,
  .pkp_navigation_primary > li > ul > li {
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
  }

  #navigationPrimary > li > ul > li > a,
  .pkp_navigation_primary > li > ul > li > a {
    display:block !important;
    min-height:0 !important;
    margin:0 !important;
    padding:7px 6px !important;
    background:#fff !important;
    border:0 !important;
    border-bottom:1px solid #eef0f2 !important;
    color:#34414c !important;
    font-size:11.8px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    text-shadow:none !important;
  }

  
  .pkp_navigation_search_wrapper {
    margin:5px 0 0 !important;
    padding:0 !important;
    border:0 !important;
  }

  .pkp_navigation_search_wrapper a {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:36px !important;
    padding:7px 9px !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    border-radius:7px !important;
    color:#fff !important;
    font-size:12.8px !important;
    font-weight:700 !important;
  }

  
  #navigationUser,
  .pkp_navigation_user {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
    width:100% !important;
    margin:5px 0 0 !important;
    padding:5px 0 0 !important;
    border-top:1px solid rgba(255,255,255,.16) !important;
    background:transparent !important;
  }

  #navigationUser > li,
  .pkp_navigation_user > li {
    float:none !important;
    display:block !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
  }

  #navigationUser > li > a,
  .pkp_navigation_user > li > a {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:35px !important;
    margin:0 !important;
    padding:7px 8px !important;
    box-sizing:border-box !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    border-radius:7px !important;
    color:#fff !important;
    font-size:12.3px !important;
    font-weight:700 !important;
    text-align:center !important;
  }

  
  .pkp_structure_content {
    background:#f4f6f8 !important;
  }

  .pkp_structure_main {
    padding:9px 7px 13px !important;
  }

  .pkp_structure_sidebar {
    padding:0 7px 12px !important;
  }

  .page_index_journal .homepage_about,
  .page_index_journal .current_issue,
  .pkp_structure_main > .page,
  .pkp_structure_main > .page_about,
  .pkp_structure_main > .page_search,
  .pkp_structure_main > .page_announcements {
    padding:10px 11px !important;
    margin-bottom:9px !important;
    border-radius:7px !important;
    box-shadow:0 2px 8px rgba(31,45,61,.035) !important;
  }

  .page_index_journal h2,
  .pkp_structure_main h1,
  .pkp_structure_main h2 {
    font-size:16.5px !important;
    margin-bottom:9px !important;
  }

  .pkp_structure_main p,
  .pkp_structure_main li {
    font-size:12.8px !important;
    line-height:1.5 !important;
  }

  .obj_article_summary {
    padding:8px 0 !important;
  }

  .obj_article_summary .title {
    font-size:13.5px !important;
    line-height:1.32 !important;
  }

  
  .pkp_structure_sidebar .pkp_block {
    margin:0 0 6px !important;
    border-radius:6px !important;
    box-shadow:none !important;
  }

  .pkp_structure_sidebar .pkp_block .title {
    padding:7px 9px !important;
    font-size:12px !important;
  }

  .pkp_structure_sidebar .pkp_block .content {
    padding:7px 8px !important;
  }

  .pkp_structure_sidebar .pkp_block img {
    max-height:48px !important;
    margin:4px auto !important;
  }

  .pkp_structure_sidebar [id*="customblock-template"] img {
    max-height:60px !important;
  }

  .pkp_structure_sidebar .block_make_submission {
    padding:7px !important;
  }

  .pkp_structure_sidebar .block_make_submission a,
  .pkp_structure_sidebar a.block_make_submission_link {
    min-height:36px !important;
    padding:7px 8px !important;
    font-size:12.3px !important;
  }
}@media (max-width:600px) {
  .pkp_site_name .is_img {
    height:86px !important;
  }

  .pkp_site_nav_menu {
    width:calc(100% - 12px) !important;
    padding:6px !important;
  }
}@media (max-width:380px) {
  .pkp_site_name .is_img {
    height:80px !important;
  }

  #navigationPrimary > li > ul,
  .pkp_navigation_primary > li > ul {
    grid-template-columns:1fr !important;
  }
}:root {
  --sj-shell: 1060px;
  --sj-sidebar: 245px;
  --sj-gap: 16px;
  --sj-page-bg: #f3f6f8;
  --sj-orange: #ff7a00;
}body {
  background:#e9eef2 !important;
}.pkp_structure_page {
  width:calc(100% - 24px) !important;
  max-width:var(--sj-shell) !important;
  margin:0 auto !important;
  background:var(--sj-page-bg) !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper,
.pkp_structure_content,
.pkp_structure_footer,
.pkp_structure_footer_wrapper {
  max-width:none !important;
  box-sizing:border-box !important;
}@media (min-width:992px) {

  .pkp_head_wrapper,
  .pkp_site_name_wrapper,
  .pkp_site_name,
  .pkp_site_name .is_img,
  .pkp_site_nav_menu,
  .pkp_navigation_primary_row,
  .pkp_structure_content,
  .pkp_structure_footer_wrapper,
  .pkp_structure_footer {
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  
  .pkp_structure_content.has_sidebar {
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    gap:var(--sj-gap) !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:18px 18px 24px !important;
    background:var(--sj-page-bg) !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  .pkp_structure_content.has_sidebar > .pkp_structure_main {
    float:none !important;
    position:relative !important;
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    background:transparent !important;
  }

  .pkp_structure_content.has_sidebar > .pkp_structure_sidebar {
    float:none !important;
    position:relative !important;
    flex:0 0 var(--sj-sidebar) !important;
    width:var(--sj-sidebar) !important;
    min-width:var(--sj-sidebar) !important;
    max-width:var(--sj-sidebar) !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    background:transparent !important;
  }

  
  .pkp_structure_main::before,
  .pkp_structure_main::after {
    content:none !important;
    display:none !important;
  }

  
  .page_index_journal .homepage_about,
  .page_index_journal .current_issue,
  .pkp_structure_main > .page,
  .pkp_structure_main > .page_about,
  .pkp_structure_main > .page_search,
  .pkp_structure_main > .page_announcements {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  
  .pkp_structure_sidebar .pkp_block {
    width:100% !important;
    max-width:100% !important;
    margin:0 0 8px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .pkp_structure_sidebar .pkp_block .title {
    padding:8px 9px !important;
    font-size:12.4px !important;
    line-height:1.25 !important;
  }

  .pkp_structure_sidebar .pkp_block .content {
    padding:7px 8px !important;
    box-sizing:border-box !important;
  }

  .pkp_structure_sidebar .block_language ul {
    gap:5px !important;
  }

  .pkp_structure_sidebar .block_language li a {
    padding:7px 5px !important;
    font-size:11.8px !important;
  }

  .pkp_structure_sidebar .block_make_submission {
    padding:7px !important;
  }

  .pkp_structure_sidebar .block_make_submission a,
  .pkp_structure_sidebar a.block_make_submission_link {
    min-height:36px !important;
    padding:7px 8px !important;
    font-size:12.2px !important;
  }

  
  .pkp_site_name .is_img {
    height:192px !important;
  }

  .pkp_navigation_primary {
    margin-left:12px !important;
  }

  .pkp_navigation_search_wrapper {
    margin-right:12px !important;
  }

  .pkp_navigation_primary > li > a,
  .pkp_navigation_search_wrapper a {
    padding-top:11px !important;
    padding-bottom:11px !important;
    font-size:13.2px !important;
  }
}.pkp_structure_sidebar [id*="customblock-flag"] img,
.pkp_structure_sidebar [id*="customblock-counter"] img,
.pkp_structure_sidebar [id*="customblock-visitor"] img,
.pkp_structure_sidebar [id*="customblock-pengunjung"] img {
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:200px !important;
  max-height:none !important;
  margin:5px auto !important;
  object-fit:contain !important;
}.pkp_structure_footer_wrapper {
  clear:both !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:linear-gradient(90deg,#173c67,#123455) !important;
  border-top:3px solid var(--sj-orange) !important;
}.pkp_structure_footer {
  width:100% !important;
  min-height:40px !important;
  margin:0 !important;
  padding:5px 8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  box-sizing:border-box !important;
}.pkp_structure_footer .pkp_footer_content {
  display:none !important;
}.pkp_brand_footer {
  float:none !important;
  position:static !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
}.pkp_brand_footer a {
  display:inline-block !important;
  padding:3px 5px !important;
  background:#fff !important;
  border-radius:5px !important;
  line-height:0 !important;
}.pkp_brand_footer img {
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:48px !important;
  max-height:16px !important;
  margin:0 auto !important;
}@media (max-width:991px) {

  .pkp_structure_page {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  
  .pkp_structure_content.has_sidebar {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .pkp_structure_content.has_sidebar > .pkp_structure_main,
  .pkp_structure_content.has_sidebar > .pkp_structure_sidebar {
    float:none !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
  }

  .pkp_structure_footer {
    min-height:38px !important;
  }

  .pkp_brand_footer img {
    max-width:46px !important;
    max-height:15px !important;
  }
}.pkp_structure_head {
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}.pkp_head_wrapper {
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}.pkp_navigation_user_wrapper {
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  left:auto !important;
  width:auto !important;
  max-width:55% !important;
  margin:0 !important;
  padding:0 10px 0 0 !important;
  box-sizing:border-box !important;
  z-index:20 !important;
  overflow:visible !important;
}.pkp_navigation_user {
  position:static !important;
  float:none !important;
  width:auto !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}.pkp_navigation_user > li {
  float:none !important;
  display:inline-block !important;
  vertical-align:top !important;
  margin:0 !important;
}.pkp_navigation_user > li > a {
  display:block !important;
  padding:8px 8px !important;
  font-size:13px !important;
  line-height:1.2 !important;
}.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name .is_img {
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}.pkp_site_name .is_img img {
  width:100% !important;
  max-width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}.pkp_site_nav_menu,
.pkp_navigation_primary_row {
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}.pkp_structure_footer_wrapper {
  clear:both !important;
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  background:linear-gradient(90deg,#173c67 0%,#123455 100%) !important;
  border-top:3px solid #ff8000 !important;
  overflow:hidden !important;
}.pkp_structure_footer {
  position:relative !important;
  float:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:100% !important;
  min-height:58px !important;
  margin:0 !important;
  padding:9px 12px !important;
  box-sizing:border-box !important;
  background:transparent !important;
  overflow:hidden !important;
}.pkp_structure_footer .pkp_footer_content {
  display:none !important;
}.pkp_brand_footer {
  position:static !important;
  float:none !important;
  display:block !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
}.pkp_brand_footer a {
  display:inline-block !important;
  padding:5px 7px !important;
  background:#fff !important;
  border-radius:6px !important;
  line-height:0 !important;
  box-shadow:0 2px 7px rgba(0,0,0,.10) !important;
}.pkp_brand_footer img {
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:68px !important;
  max-height:22px !important;
  margin:0 auto !important;
  object-fit:contain !important;
}@media (min-width:992px) {
  .pkp_structure_page {
    overflow:visible !important;
  }

  .pkp_structure_head {
    overflow:hidden !important;
  }

  .pkp_navigation_user_wrapper {
    right:0 !important;
    padding-right:10px !important;
  }
}@media (max-width:991px) {
  .pkp_navigation_user_wrapper {
    position:static !important;
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
  }

  .pkp_navigation_user {
    width:100% !important;
    white-space:normal !important;
  }

  .pkp_structure_footer {
    min-height:52px !important;
    padding:8px 10px !important;
  }

  .pkp_brand_footer a {
    padding:4px 6px !important;
  }

  .pkp_brand_footer img {
    max-width:60px !important;
    max-height:20px !important;
  }
}@media (min-width:992px) {
  .pkp_navigation_user_wrapper {
    top:8px !important;
    right:12px !important;
    max-width:46% !important;
    padding:0 !important;
  }

  .pkp_navigation_user {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:7px !important;
  }

  .pkp_navigation_user > li {
    display:block !important;
    margin:0 !important;
  }

  .pkp_navigation_user > li > a {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:32px !important;
    padding:6px 11px !important;
    box-sizing:border-box !important;
    border:1px solid rgba(255,255,255,.58) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.16) !important;
    color:#fff !important;
    font-size:12.5px !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.18) !important;
    box-shadow:0 2px 7px rgba(0,0,0,.10) !important;
    backdrop-filter:blur(2px);
  }

  .pkp_navigation_user > li > a:hover,
  .pkp_navigation_user > li > a:focus {
    background:#fff !important;
    color:#d76500 !important;
    border-color:#fff !important;
    text-shadow:none !important;
    text-decoration:none !important;
  }

  
  .pkp_navigation_user > li:first-child > a::before {
    content:"" !important; 
    font-family:"FontAwesome" !important;
    margin-right:6px !important;
    font-weight:normal !important;
  }

  .pkp_navigation_user > li:last-child > a::before {
    content:"" !important; 
    font-family:"FontAwesome" !important;
    margin-right:6px !important;
    font-weight:normal !important;
  }
}.pkp_structure_footer_wrapper {
  background:linear-gradient(90deg,#173c67 0%,#123455 100%) !important;
  border-top:4px solid #ff8000 !important;
  overflow:hidden !important;
}.pkp_structure_footer {
  min-height:82px !important;
  padding:12px 16px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-rows:auto auto !important;
  column-gap:16px !important;
  row-gap:3px !important;
  align-content:center !important;
  align-items:center !important;
  justify-content:stretch !important;
  background:transparent !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  text-align:left !important;
}.pkp_structure_footer::before {
  content:"SAINTIFIK@: Jurnal Pendidikan MIPA" !important;
  display:block !important;
  grid-column:1 !important;
  grid-row:1 !important;
  color:#fff !important;
  font-size:13.5px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  letter-spacing:.05px !important;
}.pkp_structure_footer::after {
  content:"Jurusan Pendidikan MIPA • FKIP • Universitas Khairun" !important;
  display:block !important;
  grid-column:1 !important;
  grid-row:2 !important;
  color:rgba(255,255,255,.76) !important;
  font-size:10.8px !important;
  font-weight:500 !important;
  line-height:1.25 !important;
}.pkp_structure_footer .pkp_footer_content {
  display:none !important;
}.pkp_brand_footer {
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  align-self:center !important;
  justify-self:end !important;
  float:none !important;
  position:static !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}.pkp_brand_footer a {
  display:block !important;
  padding:6px 8px !important;
  background:#fff !important;
  border-radius:7px !important;
  line-height:0 !important;
  box-shadow:0 2px 8px rgba(0,0,0,.12) !important;
}.pkp_brand_footer img {
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:72px !important;
  max-height:24px !important;
  margin:0 !important;
  object-fit:contain !important;
}@media (max-width:991px) {
  
  .pkp_navigation_user_wrapper {
    position:static !important;
    max-width:none !important;
    padding:0 !important;
  }

  .pkp_navigation_user > li > a::before {
    margin-right:5px !important;
  }

  .pkp_structure_footer {
    min-height:76px !important;
    padding:10px 12px !important;
    column-gap:10px !important;
  }

  .pkp_structure_footer::before {
    font-size:12px !important;
  }

  .pkp_structure_footer::after {
    font-size:9.8px !important;
  }

  .pkp_brand_footer a {
    padding:5px 6px !important;
  }

  .pkp_brand_footer img {
    max-width:60px !important;
    max-height:20px !important;
  }
}@media (max-width:420px) {
  .pkp_structure_footer {
    min-height:82px !important;
    grid-template-columns:1fr auto !important;
  }

  .pkp_structure_footer::before {
    font-size:11.5px !important;
  }

  .pkp_structure_footer::after {
    font-size:9.3px !important;
  }

  .pkp_brand_footer img {
    max-width:54px !important;
  }
}@media (min-width:992px) {

  
  .pkp_navigation_user_wrapper {
    right:4px !important;
    top:7px !important;
    max-width:48% !important;
  }

  .pkp_navigation_user {
    gap:6px !important;
  }

  
  .pkp_navigation_user > li > a {
    min-height:33px !important;
    padding:6px 12px !important;
    border:1px solid rgba(255,255,255,.95) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.94) !important;
    color:#d76400 !important;
    font-size:12.8px !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-shadow:none !important;
    box-shadow:0 3px 9px rgba(0,0,0,.14) !important;
  }

  .pkp_navigation_user > li > a:hover,
  .pkp_navigation_user > li > a:focus {
    background:#fff3e8 !important;
    color:#b94f00 !important;
    border-color:#fff !important;
    box-shadow:0 4px 11px rgba(0,0,0,.18) !important;
    transform:translateY(-1px) !important;
    text-decoration:none !important;
  }

  
  .pkp_navigation_user > li > a::before {
    opacity:1 !important;
    font-size:12px !important;
  }
}@media (max-width:991px) {
  .pkp_navigation_user_wrapper {
    right:auto !important;
    top:auto !important;
  }
}@media (min-width:992px) {
  .pkp_navigation_user_wrapper {
    right:-3px !important;
    top:7px !important;
    transform:translateX(4px) !important;
  }

  .pkp_navigation_user > li > a {
    min-height:33px !important;
    padding:6px 12px !important;
  }
}@media (max-width:991px) {

  
  .pkp_structure_head,
  .pkp_head_wrapper {
    overflow:visible !important;
  }

  
  .pkp_site_nav_toggle,
  button.pkp_site_nav_toggle,
  a.pkp_site_nav_toggle {
    position:relative !important;
    z-index:120 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
  }

  
  .pkp_site_nav_menu {
    position:relative !important;
    z-index:110 !important;
    overflow:visible !important;
  }

  .pkp_navigation_primary_wrapper,
  .pkp_navigation_primary_row,
  .pkp_navigation_user_wrapper {
    overflow:visible !important;
  }

  
  .pkp_navigation_user_wrapper {
    position:static !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
  }
}.pkp_structure_footer_wrapper {
  background:linear-gradient(135deg,#f47700 0%,#ff8d13 58%,#ef6d00 100%) !important;
  border-top:4px solid #d96000 !important;
}.pkp_structure_footer {
  min-height:84px !important;
  background:transparent !important;
}.pkp_structure_footer::before {
  color:#fff !important;
}.pkp_structure_footer::after {
  color:rgba(255,255,255,.88) !important;
}.pkp_brand_footer a {
  background:#fff !important;
  border:1px solid rgba(255,255,255,.65) !important;
  box-shadow:0 3px 10px rgba(111,52,0,.18) !important;
}@media (max-width:991px) {
  .pkp_structure_footer {
    min-height:78px !important;
  }
}@media (max-width:420px) {
  .pkp_structure_footer {
    min-height:80px !important;
  }
}

/* V32 - USER NAV SAFE POSITION */
@media (min-width:992px){
  .pkp_navigation_user_wrapper{
    right:18px !important;
    top:7px !important;
    transform:none !important;
    max-width:44% !important;
    padding:0 !important;
    overflow:visible !important;
  }
  .pkp_navigation_user{
    justify-content:flex-end !important;
    gap:6px !important;
    max-width:100% !important;
  }
  .pkp_navigation_user>li>a{
    min-height:32px !important;
    padding:6px 10px !important;
    font-size:12.5px !important;
    white-space:nowrap !important;
  }
}
@media (max-width:991px){
  .pkp_navigation_user_wrapper{
    right:auto !important;
    transform:none !important;
  }
}


/* ============================================================
   V33 — FOOTER FULL ORANGE
   Basis  : V32 (layout sudah fix)
   Perubahan hanya footer:
   - sedikit lebih tinggi
   - full orange
   - tidak ada lagi navy/biru pada background footer
   ============================================================ */

.pkp_structure_footer_wrapper {
  background:#ff7a00 !important;
  border-top:4px solid #ff7a00 !important;
}

.pkp_structure_footer {
  min-height:94px !important;
  padding:14px 18px !important;
  background:#ff7a00 !important;
}

/* Identitas footer tetap putih agar kontras */
.pkp_structure_footer::before {
  color:#ffffff !important;
}

.pkp_structure_footer::after {
  color:rgba(255,255,255,.90) !important;
}

/* Badge OJS tetap putih supaya logo terbaca jelas */
.pkp_brand_footer a {
  background:#ffffff !important;
  border-color:rgba(255,255,255,.95) !important;
}

/* Mobile: sedikit lebih tinggi juga */
@media (max-width:991px) {
  .pkp_structure_footer {
    min-height:86px !important;
    padding:12px 14px !important;
  }
}

@media (max-width:420px) {
  .pkp_structure_footer {
    min-height:88px !important;
  }
}

/* End V33 */


/* ============================================================
   V35 — MOBILE PROFESSIONAL CLEANUP
   Basis  : V33 desktop yang sudah stabil
   Tujuan :
   - desktop tetap seperti V33
   - mobile menu lebih profesional, ringan, tidak seperti panel besar
   - submenu tetap terlihat tetapi compact
   - konten dan sidebar mobile lebih rapi
   ============================================================ */

@media (max-width:991px) {

  /* ---------- PAGE / HEADER ---------- */
  body {
    background:#f3f6f8 !important;
  }

  .pkp_structure_page {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    overflow:visible !important;
  }

  .pkp_structure_head,
  .pkp_head_wrapper {
    overflow:visible !important;
  }

  .pkp_site_name .is_img {
    height:86px !important;
    background:#ff7a00 !important;
  }

  .pkp_site_name .is_img img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  /* ---------- HAMBURGER ---------- */
  .pkp_site_nav_toggle,
  button.pkp_site_nav_toggle,
  a.pkp_site_nav_toggle {
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    padding:0 !important;
    background:#ff7a00 !important;
    border:0 !important;
    border-radius:0 0 8px 0 !important;
    color:#fff !important;
    box-shadow:none !important;
    cursor:pointer !important;
    z-index:120 !important;
  }

  .pkp_site_nav_toggle span {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    margin:-1px !important;
    padding:0 !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
    background:transparent !important;
  }

  .pkp_site_nav_toggle::before {
    content:"\2630" !important;
    display:block !important;
    width:44px !important;
    height:44px !important;
    line-height:44px !important;
    text-align:center !important;
    color:#fff !important;
    background:transparent !important;
    font-family:Arial,sans-serif !important;
    font-size:23px !important;
    font-weight:400 !important;
  }

  .pkp_site_nav_toggle::after,
  .pkp_site_nav_toggle span::before,
  .pkp_site_nav_toggle span::after {
    content:none !important;
    display:none !important;
  }

  /* ---------- MOBILE MENU PANEL ---------- */
  .pkp_site_nav_menu {
    position:relative !important;
    z-index:110 !important;
    width:calc(100% - 16px) !important;
    max-width:420px !important;
    max-height:68vh !important;
    margin:7px auto 10px !important;
    padding:7px !important;
    box-sizing:border-box !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    background:#fff !important;
    border:1px solid #e5e8ec !important;
    border-top:4px solid #ff7a00 !important;
    border-radius:10px !important;
    box-shadow:0 12px 28px rgba(24,39,56,.14) !important;
  }

  .pkp_navigation_primary_wrapper,
  .pkp_navigation_primary_row,
  .pkp_navigation_user_wrapper {
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  /* main navigation: simple vertical list */
  #navigationPrimary,
  .pkp_navigation_primary {
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
  }

  #navigationPrimary > li,
  .pkp_navigation_primary > li {
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    border-bottom:1px solid #edf0f2 !important;
  }

  #navigationPrimary > li:last-child,
  .pkp_navigation_primary > li:last-child {
    border-bottom:0 !important;
  }

  #navigationPrimary > li > a,
  .pkp_navigation_primary > li > a {
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-height:39px !important;
    margin:0 !important;
    padding:8px 10px !important;
    box-sizing:border-box !important;
    background:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    color:#263442 !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    text-shadow:none !important;
  }

  #navigationPrimary > li > a::before,
  .pkp_navigation_primary > li > a::before {
    color:#ff7a00 !important;
    margin-right:8px !important;
  }

  #navigationPrimary > li > a:hover,
  #navigationPrimary > li > a:focus,
  .pkp_navigation_primary > li > a:hover,
  .pkp_navigation_primary > li > a:focus {
    background:#fff7ed !important;
    color:#c65b00 !important;
  }

  /* submenu: compact grid, not giant white panel */
  #navigationPrimary > li > ul,
  .pkp_navigation_primary > li > ul {
    position:static !important;
    float:none !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0 8px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:5px 10px 8px 34px !important;
    box-sizing:border-box !important;
    background:#fafbfc !important;
    border:0 !important;
    border-top:1px solid #edf0f2 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  #navigationPrimary > li > ul > li,
  .pkp_navigation_primary > li > ul > li {
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
  }

  #navigationPrimary > li > ul > li > a,
  .pkp_navigation_primary > li > ul > li > a {
    display:block !important;
    min-height:0 !important;
    margin:0 !important;
    padding:6px 3px !important;
    background:transparent !important;
    border:0 !important;
    border-bottom:1px dashed #e6e9ec !important;
    color:#4b5965 !important;
    font-size:11.7px !important;
    font-weight:500 !important;
    line-height:1.25 !important;
    text-shadow:none !important;
  }

  #navigationPrimary > li > ul > li > a:hover,
  .pkp_navigation_primary > li > ul > li > a:hover {
    color:#d56200 !important;
    background:transparent !important;
  }

  /* search: clean outlined row */
  .pkp_navigation_search_wrapper {
    margin:7px 0 0 !important;
    padding:0 !important;
    border:0 !important;
  }

  .pkp_navigation_search_wrapper a {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    padding:7px 10px !important;
    background:#fff7ed !important;
    border:1px solid #ffc48c !important;
    border-radius:7px !important;
    color:#c55b00 !important;
    font-size:12.8px !important;
    font-weight:800 !important;
  }

  .pkp_navigation_search_wrapper a:hover,
  .pkp_navigation_search_wrapper a:focus {
    background:#ffedd5 !important;
    color:#a94d00 !important;
  }

  /* auth actions */
  .pkp_navigation_user_wrapper {
    position:static !important;
    width:100% !important;
    max-width:none !important;
    margin:7px 0 0 !important;
    padding:7px 0 0 !important;
    border-top:1px solid #eceff2 !important;
    transform:none !important;
  }

  #navigationUser,
  .pkp_navigation_user {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:6px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
  }

  #navigationUser > li,
  .pkp_navigation_user > li {
    display:block !important;
    float:none !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
  }

  #navigationUser > li > a,
  .pkp_navigation_user > li > a {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:37px !important;
    margin:0 !important;
    padding:7px 8px !important;
    box-sizing:border-box !important;
    border-radius:7px !important;
    font-size:12.4px !important;
    font-weight:800 !important;
    text-shadow:none !important;
  }

  #navigationUser > li:first-child > a,
  .pkp_navigation_user > li:first-child > a {
    background:#fff !important;
    color:#d56000 !important;
    border:1px solid #ffad64 !important;
  }

  #navigationUser > li:last-child > a,
  .pkp_navigation_user > li:last-child > a {
    background:#ff7a00 !important;
    color:#fff !important;
    border:1px solid #ff7a00 !important;
  }

  /* ---------- CONTENT ---------- */
  .pkp_structure_content {
    background:#f3f6f8 !important;
  }

  .pkp_structure_main {
    padding:10px 8px 14px !important;
  }

  .page_index_journal .homepage_about,
  .page_index_journal .current_issue,
  .pkp_structure_main > .page,
  .pkp_structure_main > .page_about,
  .pkp_structure_main > .page_search,
  .pkp_structure_main > .page_announcements {
    margin-bottom:10px !important;
    padding:13px !important;
    border:1px solid #e7eaee !important;
    border-radius:9px !important;
    box-shadow:0 3px 10px rgba(30,45,60,.04) !important;
  }

  .page_index_journal .homepage_about {
    border-left:3px solid #ff7a00 !important;
  }

  .page_index_journal h2,
  .pkp_structure_main h1,
  .pkp_structure_main h2 {
    margin-bottom:10px !important;
    font-size:17px !important;
    line-height:1.3 !important;
  }

  .pkp_structure_main p,
  .pkp_structure_main li {
    font-size:13px !important;
    line-height:1.55 !important;
  }

  .obj_article_summary {
    padding:9px 0 !important;
  }

  .obj_article_summary .title {
    font-size:13.8px !important;
    line-height:1.35 !important;
  }

  /* ---------- SIDEBAR ---------- */
  .pkp_structure_sidebar {
    padding:0 8px 12px !important;
  }

  .pkp_structure_sidebar .pkp_block {
    margin:0 0 8px !important;
    border-radius:8px !important;
    box-shadow:none !important;
  }

  .pkp_structure_sidebar .pkp_block .title {
    padding:8px 10px !important;
    font-size:12.5px !important;
  }

  .pkp_structure_sidebar .pkp_block .content {
    padding:8px 9px !important;
  }

  .pkp_structure_sidebar .pkp_block li {
    padding:6px 0 !important;
    font-size:12.6px !important;
  }

  .pkp_structure_sidebar .pkp_block img {
    max-height:56px !important;
    margin:4px auto !important;
  }

  .pkp_structure_sidebar [id*="customblock-template"] img {
    max-height:70px !important;
  }

  .pkp_structure_sidebar .block_make_submission {
    padding:7px !important;
  }

  .pkp_structure_sidebar .block_make_submission a,
  .pkp_structure_sidebar a.block_make_submission_link {
    min-height:37px !important;
    padding:7px 9px !important;
    font-size:12.5px !important;
  }

  .pkp_structure_sidebar .block_language ul {
    gap:6px !important;
  }

  .pkp_structure_sidebar .block_language li a {
    padding:7px 5px !important;
    font-size:12px !important;
  }

  /* visitor/counter tetap terbaca */
  .pkp_structure_sidebar [id*="customblock-flag"] img,
  .pkp_structure_sidebar [id*="customblock-counter"] img,
  .pkp_structure_sidebar [id*="customblock-visitor"] img,
  .pkp_structure_sidebar [id*="customblock-pengunjung"] img {
    max-width:225px !important;
    max-height:none !important;
  }

  /* ---------- FOOTER ---------- */
  .pkp_structure_footer_wrapper {
    background:#ff7a00 !important;
    border-top-color:#ff7a00 !important;
  }

  .pkp_structure_footer {
    min-height:80px !important;
    padding:11px 13px !important;
  }

  .pkp_structure_footer::before {
    font-size:12px !important;
  }

  .pkp_structure_footer::after {
    font-size:9.8px !important;
  }
}

/* small phones */
@media (max-width:420px) {
  .pkp_site_name .is_img {
    height:80px !important;
  }

  .pkp_site_nav_menu {
    width:calc(100% - 10px) !important;
    padding:6px !important;
  }

  #navigationPrimary > li > ul,
  .pkp_navigation_primary > li > ul {
    grid-template-columns:1fr !important;
    padding-left:32px !important;
  }

  .pkp_structure_main p,
  .pkp_structure_main li {
    font-size:12.7px !important;
  }

  .pkp_structure_footer {
    min-height:82px !important;
  }
}

/* End V35 */


/* ============================================================
   V36 — MOBILE ONLY FIX
   Basis  : V35
   Fokus  :
   - Daftar/Login benar-benar sejajar
   - submenu "Tentang Kami" default tertutup
   - submenu baru muncul saat parent disentuh/focus
   - desktop TIDAK diubah
   ============================================================ */

@media (max-width:991px) {

  /* ==========================================================
     1) DAFTAR + LOGIN — EQUAL WIDTH / EQUAL HEIGHT
     ========================================================== */
  .pkp_navigation_user_wrapper {
    position:static !important;
    width:100% !important;
    max-width:none !important;
    margin:7px 0 0 !important;
    padding:7px 0 0 !important;
    box-sizing:border-box !important;
    border-top:1px solid #eceff2 !important;
    transform:none !important;
  }

  #navigationUser,
  .pkp_navigation_user {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:7px !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    background:transparent !important;
  }

  #navigationUser > li,
  .pkp_navigation_user > li {
    display:block !important;
    float:none !important;
    position:static !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  #navigationUser > li > a,
  .pkp_navigation_user > li > a {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:38px !important;
    height:38px !important;
    margin:0 !important;
    padding:7px 8px !important;
    box-sizing:border-box !important;
    border-radius:7px !important;
    font-size:12.4px !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-align:center !important;
    white-space:nowrap !important;
    transform:none !important;
  }

  #navigationUser > li:first-child > a,
  .pkp_navigation_user > li:first-child > a {
    background:#fff !important;
    color:#d56000 !important;
    border:1px solid #ffad64 !important;
  }

  #navigationUser > li:last-child > a,
  .pkp_navigation_user > li:last-child > a {
    background:#ff7a00 !important;
    color:#fff !important;
    border:1px solid #ff7a00 !important;
  }

  /* ==========================================================
     2) SUBMENU "TENTANG KAMI" — DEFAULT CLOSED
     ========================================================== */

  /* Semua submenu mobile disembunyikan secara default */
  #navigationPrimary > li > ul,
  .pkp_navigation_primary > li > ul {
    display:none !important;
  }

  /* Tampilkan ketika parent sedang focus/tapped */
  #navigationPrimary > li:focus-within > ul,
  .pkp_navigation_primary > li:focus-within > ul {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0 8px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:5px 10px 8px 34px !important;
    box-sizing:border-box !important;
    background:#fafbfc !important;
    border:0 !important;
    border-top:1px solid #edf0f2 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  /* Jika theme/OJS memberi status aria-expanded=true */
  #navigationPrimary > li > a[aria-expanded="true"] + ul,
  .pkp_navigation_primary > li > a[aria-expanded="true"] + ul {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0 8px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:5px 10px 8px 34px !important;
    box-sizing:border-box !important;
    background:#fafbfc !important;
    border-top:1px solid #edf0f2 !important;
  }

  /* Jika OJS/theme memakai class open/current-open */
  #navigationPrimary > li.open > ul,
  #navigationPrimary > li.is_open > ul,
  #navigationPrimary > li.is-open > ul,
  #navigationPrimary > li.dropdown.open > ul,
  .pkp_navigation_primary > li.open > ul,
  .pkp_navigation_primary > li.is_open > ul,
  .pkp_navigation_primary > li.is-open > ul {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0 8px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:5px 10px 8px 34px !important;
    box-sizing:border-box !important;
    background:#fafbfc !important;
    border-top:1px solid #edf0f2 !important;
  }

  /* Parent submenu tetap satu baris penuh */
  #navigationPrimary > li:has(ul),
  .pkp_navigation_primary > li:has(ul) {
    display:block !important;
    width:100% !important;
  }

  /* Tanda panah kecil agar user tahu ada submenu */
  #navigationPrimary > li:has(ul) > a::after,
  .pkp_navigation_primary > li:has(ul) > a::after {
    content:"▾" !important;
    margin-left:auto !important;
    padding-left:8px !important;
    color:#ff7a00 !important;
    font-size:11px !important;
    line-height:1 !important;
  }

  #navigationPrimary > li:focus-within > a::after,
  .pkp_navigation_primary > li:focus-within > a::after,
  #navigationPrimary > li > a[aria-expanded="true"]::after,
  .pkp_navigation_primary > li > a[aria-expanded="true"]::after {
    content:"▴" !important;
  }
}

/* Very small phones: submenu satu kolom saat dibuka */
@media (max-width:420px) {
  #navigationPrimary > li:focus-within > ul,
  .pkp_navigation_primary > li:focus-within > ul,
  #navigationPrimary > li > a[aria-expanded="true"] + ul,
  .pkp_navigation_primary > li > a[aria-expanded="true"] + ul,
  #navigationPrimary > li.open > ul,
  #navigationPrimary > li.is_open > ul,
  #navigationPrimary > li.is-open > ul,
  .pkp_navigation_primary > li.open > ul,
  .pkp_navigation_primary > li.is_open > ul,
  .pkp_navigation_primary > li.is-open > ul {
    grid-template-columns:1fr !important;
    padding-left:32px !important;
  }
}

/* End V36 */


/* ============================================================
   V37 — MOBILE ONLY: BANNER + AUTH BUTTON ALIGNMENT
   Basis  : V36
   Fokus  :
   - banner mobile tidak keluar/geser dari viewport
   - tombol Daftar & Login benar-benar sejajar
   - desktop tidak diubah
   ============================================================ */

@media (max-width:991px) {

  /* ==========================================================
     1) BANNER MOBILE — HARD RESET AGAR TIDAK MELUBER
     ========================================================== */
  html,
  body,
  .pkp_structure_page {
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
  }

  .pkp_structure_head,
  .pkp_head_wrapper,
  .pkp_site_name_wrapper,
  .pkp_site_name,
  .pkp_site_name .is_img {
    position:relative !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  .pkp_structure_head,
  .pkp_head_wrapper,
  .pkp_site_name_wrapper,
  .pkp_site_name {
    overflow:hidden !important;
  }

  .pkp_site_name .is_img {
    display:block !important;
    height:84px !important;
    line-height:0 !important;
    overflow:hidden !important;
    background:#ff7a00 !important;
  }

  .pkp_site_name .is_img img {
    display:block !important;
    position:static !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  /* ==========================================================
     2) DAFTAR + LOGIN — FORCE IDENTICAL LAYOUT
     ========================================================== */
  .pkp_navigation_user_wrapper {
    position:static !important;
    width:100% !important;
    max-width:100% !important;
    margin:7px 0 0 !important;
    padding:7px 0 0 !important;
    box-sizing:border-box !important;
    transform:none !important;
    border-top:1px solid #eceff2 !important;
  }

  #navigationUser,
  .pkp_navigation_user {
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    justify-content:stretch !important;
    gap:7px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    background:transparent !important;
  }

  #navigationUser > li,
  .pkp_navigation_user > li,
  #navigationUser > li.profile,
  .pkp_navigation_user > li.profile {
    float:none !important;
    position:static !important;
    display:flex !important;
    flex:1 1 0 !important;
    width:0 !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    align-items:stretch !important;
  }

  #navigationUser > li > a,
  .pkp_navigation_user > li > a,
  #navigationUser > li.profile > a,
  .pkp_navigation_user > li.profile > a {
    display:flex !important;
    flex:1 1 auto !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    margin:0 !important;
    padding:0 8px !important;
    box-sizing:border-box !important;
    border-radius:7px !important;
    font-size:12.4px !important;
    font-weight:800 !important;
    line-height:38px !important;
    text-align:center !important;
    white-space:nowrap !important;
    vertical-align:middle !important;
    transform:none !important;
  }

  /* Samakan posisi ikon agar tinggi visual identik */
  #navigationUser > li > a::before,
  .pkp_navigation_user > li > a::before {
    display:inline-block !important;
    margin-right:5px !important;
    line-height:1 !important;
    vertical-align:middle !important;
  }

  #navigationUser > li:first-child > a,
  .pkp_navigation_user > li:first-child > a {
    background:#fff !important;
    color:#d56000 !important;
    border:1px solid #ffad64 !important;
  }

  #navigationUser > li:last-child > a,
  .pkp_navigation_user > li:last-child > a {
    background:#ff7a00 !important;
    color:#fff !important;
    border:1px solid #ff7a00 !important;
  }
}

/* Small phones: banner sedikit lebih pendek */
@media (max-width:420px) {
  .pkp_site_name .is_img {
    height:78px !important;
  }

  #navigationUser > li > a,
  .pkp_navigation_user > li > a {
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    line-height:36px !important;
    font-size:12px !important;
  }
}

/* End V37 */


/* ============================================================
   V38 — DESKTOP ABOUT DROPDOWN FIX
   Basis : V37
   Fokus :
   - submenu About tertutup secara default di desktop
   - terbuka hanya saat hover / status aria-expanded=true
   - hilangkan highlight "menempel" setelah klik
   - mobile tidak diubah
   ============================================================ */

@media (min-width:992px) {

  /* Parent dropdown */
  #navigationPrimary > li:has(> ul),
  .pkp_navigation_primary > li:has(> ul) {
    position:relative !important;
  }

  /* Submenu selalu tertutup pada keadaan normal */
  #navigationPrimary > li > ul,
  .pkp_navigation_primary > li > ul {
    display:none !important;
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    min-width:220px !important;
    width:max-content !important;
    max-width:300px !important;
    margin:0 !important;
    padding:6px !important;
    z-index:9999 !important;
    background:#fff !important;
    border:1px solid #e5e8ec !important;
    border-top:3px solid #ff7a00 !important;
    border-radius:0 0 8px 8px !important;
    box-shadow:0 10px 24px rgba(25,40,55,.14) !important;
  }

  /* Buka saat pointer berada pada parent */
  #navigationPrimary > li:hover > ul,
  .pkp_navigation_primary > li:hover > ul,
  #navigationPrimary > li > a[aria-expanded="true"] + ul,
  .pkp_navigation_primary > li > a[aria-expanded="true"] + ul {
    display:block !important;
  }

  /* Item submenu */
  #navigationPrimary > li > ul > li,
  .pkp_navigation_primary > li > ul > li {
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  #navigationPrimary > li > ul > li > a,
  .pkp_navigation_primary > li > ul > li > a {
    display:block !important;
    width:100% !important;
    padding:8px 10px !important;
    box-sizing:border-box !important;
    background:#fff !important;
    border-bottom:1px solid #eef1f3 !important;
    color:#263442 !important;
    font-size:12.5px !important;
    font-weight:600 !important;
    line-height:1.3 !important;
    text-shadow:none !important;
    white-space:normal !important;
  }

  #navigationPrimary > li > ul > li:last-child > a,
  .pkp_navigation_primary > li > ul > li:last-child > a {
    border-bottom:0 !important;
  }

  #navigationPrimary > li > ul > li > a:hover,
  .pkp_navigation_primary > li > ul > li > a:hover {
    background:#fff5ea !important;
    color:#d66000 !important;
  }

  /* Klik mouse tidak meninggalkan highlight About */
  #navigationPrimary > li > a:focus:not(:focus-visible),
  .pkp_navigation_primary > li > a:focus:not(:focus-visible) {
    background:transparent !important;
    border-bottom-color:transparent !important;
    outline:0 !important;
  }

  /* Saat submenu benar-benar terbuka, parent diberi highlight ringan */
  #navigationPrimary > li:hover > a,
  .pkp_navigation_primary > li:hover > a,
  #navigationPrimary > li > a[aria-expanded="true"],
  .pkp_navigation_primary > li > a[aria-expanded="true"] {
    background:rgba(255,255,255,.11) !important;
  }
}

/* End V38 */


/* ============================================================
   V39 — DESKTOP ABOUT DROPDOWN: NATIVE OJS FIX
   Basis : V38
   Penyebab utama:
   - header desktop sebelumnya overflow:hidden -> dropdown terpotong
   - OJS native membuka dropdown dengan class .dropdown-menu.show
   ============================================================ */

@media (min-width:992px) {

  /* Jangan clip submenu yang turun di bawah header/nav */
  .pkp_structure_head,
  .pkp_head_wrapper,
  .pkp_site_nav_menu,
  .pkp_navigation_primary_row,
  .pkp_navigation_primary_wrapper,
  #navigationPrimary,
  .pkp_navigation_primary {
    overflow:visible !important;
  }

  .pkp_structure_head {
    z-index:50 !important;
  }

  .pkp_site_nav_menu,
  .pkp_navigation_primary_row,
  .pkp_navigation_primary_wrapper {
    position:relative !important;
    z-index:60 !important;
  }

  /* Parent dropdown */
  #navigationPrimary > li:has(> ul),
  .pkp_navigation_primary > li:has(> ul) {
    position:relative !important;
    overflow:visible !important;
  }

  /* Native OJS dropdown */
  #navigationPrimary > li > .dropdown-menu,
  .pkp_navigation_primary > li > .dropdown-menu,
  #navigationPrimary > li > ul,
  .pkp_navigation_primary > li > ul {
    display:none !important;
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:auto !important;
    transform:none !important;
    min-width:220px !important;
    max-width:300px !important;
    margin:0 !important;
    padding:6px !important;
    z-index:99999 !important;
    background:#fff !important;
    border:1px solid #e5e8ec !important;
    border-top:3px solid #ff7a00 !important;
    border-radius:0 0 8px 8px !important;
    box-shadow:0 10px 24px rgba(25,40,55,.16) !important;
    overflow:visible !important;
  }

  /* IMPORTANT: OJS/Bootstrap click state */
  #navigationPrimary > li > .dropdown-menu.show,
  .pkp_navigation_primary > li > .dropdown-menu.show {
    display:block !important;
  }

  /* Native OJS hover fallback */
  #navigationPrimary > li > [data-toggle="dropdown"]:hover + .dropdown-menu,
  .pkp_navigation_primary > li > [data-toggle="dropdown"]:hover + .dropdown-menu,
  #navigationPrimary > li > .dropdown-menu:hover,
  .pkp_navigation_primary > li > .dropdown-menu:hover,
  #navigationPrimary > li:hover > .dropdown-menu,
  .pkp_navigation_primary > li:hover > .dropdown-menu,
  #navigationPrimary > li:hover > ul,
  .pkp_navigation_primary > li:hover > ul {
    display:block !important;
  }

  /* aria-expanded fallback */
  #navigationPrimary > li > a[aria-expanded="true"] + .dropdown-menu,
  .pkp_navigation_primary > li > a[aria-expanded="true"] + .dropdown-menu,
  #navigationPrimary > li > a[aria-expanded="true"] + ul,
  .pkp_navigation_primary > li > a[aria-expanded="true"] + ul {
    display:block !important;
  }

  /* Pastikan item submenu normal */
  #navigationPrimary .dropdown-menu > li,
  .pkp_navigation_primary .dropdown-menu > li,
  #navigationPrimary > li > ul > li,
  .pkp_navigation_primary > li > ul > li {
    display:block !important;
    width:100% !important;
  }

  #navigationPrimary .dropdown-menu > li > a,
  .pkp_navigation_primary .dropdown-menu > li > a,
  #navigationPrimary > li > ul > li > a,
  .pkp_navigation_primary > li > ul > li > a {
    display:block !important;
    width:100% !important;
    padding:8px 10px !important;
    box-sizing:border-box !important;
    background:#fff !important;
    color:#263442 !important;
    border-bottom:1px solid #eef1f3 !important;
    white-space:normal !important;
  }

  #navigationPrimary .dropdown-menu > li > a:hover,
  .pkp_navigation_primary .dropdown-menu > li > a:hover,
  #navigationPrimary > li > ul > li > a:hover,
  .pkp_navigation_primary > li > ul > li > a:hover {
    background:#fff5ea !important;
    color:#d66000 !important;
  }
}

/* End V39 */


/* ============================================================
   V40 — LOGIN / REGISTER VISIBILITY FIX
   Basis : V39
   Fokus :
   - paksa user navigation tampil pada desktop ketika logout
   - tidak mengubah dropdown About
   - mobile tetap mengikuti layout V37/V39
   ============================================================ */

@media (min-width:992px) {
  .pkp_navigation_user_wrapper {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:absolute !important;
    top:7px !important;
    right:18px !important;
    left:auto !important;
    width:auto !important;
    max-width:44% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    z-index:99999 !important;
    pointer-events:auto !important;
  }

  .pkp_navigation_user,
  #navigationUser {
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    pointer-events:auto !important;
  }

  .pkp_navigation_user > li,
  #navigationUser > li {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  .pkp_navigation_user > li > a,
  #navigationUser > li > a {
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:32px !important;
    width:auto !important;
    padding:6px 10px !important;
    background:#ffffff !important;
    color:#d76400 !important;
    border:1px solid rgba(255,255,255,.95) !important;
    border-radius:999px !important;
    box-shadow:0 3px 9px rgba(0,0,0,.14) !important;
    font-size:12.5px !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    pointer-events:auto !important;
  }

  .pkp_navigation_user > li > a:hover,
  #navigationUser > li > a:hover {
    background:#fff3e8 !important;
    color:#b94f00 !important;
  }
}

/* End V40 */


/* ============================================================
   V44 — ARTICLE DETAIL CLEAN / COMPACT
   Basis : V40 (baseline stabil)
   Fokus :
   - struktur detail artikel dibuat 68% / 32% di desktop
   - DOI & Kata Kunci kembali compact (bukan card besar)
   - sidebar artikel kanan lebih ringkas
   - Abstrak dan Referensi rapi, tidak terlalu banyak box
   - mobile kembali 1 kolom
   ============================================================ */

/* ---------- Article title ---------- */
.page_article .obj_article_details > .page_title {
  margin:0 !important;
  padding:0 0 14px !important;
  color:#223543 !important;
  font-size:26px !important;
  font-weight:800 !important;
  line-height:1.26 !important;
  border-bottom:1px solid #e8ecef !important;
}

.page_article .obj_article_details > .page_title::after {
  content:"" !important;
  display:block !important;
  width:50px !important;
  height:3px !important;
  margin-top:11px !important;
  background:#ff7a00 !important;
  border-radius:3px !important;
}

/* ---------- Desktop article columns ---------- */
@media (min-width:992px) {
  .page_article .obj_article_details > .row {
    display:flex !important;
    align-items:flex-start !important;
    width:100% !important;
    margin:14px 0 0 !important;
    padding:0 !important;
    border-top:0 !important;
    border-bottom:0 !important;
  }

  .page_article .obj_article_details > .row > .main_entry {
    float:none !important;
    flex:0 0 68% !important;
    width:68% !important;
    max-width:68% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    border-right:1px solid #e7ebee !important;
  }

  .page_article .obj_article_details > .row > .entry_details {
    float:none !important;
    flex:0 0 32% !important;
    width:32% !important;
    max-width:32% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    border:0 !important;
    background:#fffaf5 !important;
  }
}

/* ---------- Main article items ---------- */
.page_article .obj_article_details .main_entry > .item {
  margin:0 !important;
  padding:14px 20px !important;
  box-sizing:border-box !important;
}

.page_article .obj_article_details .main_entry > .item + .item {
  border-top:1px solid #eef1f3 !important;
}

/* authors */
.page_article .obj_article_details .authors {
  margin:0 !important;
  padding-left:0 !important;
  list-style:none !important;
}

.page_article .obj_article_details .authors > li {
  margin:0 0 10px !important;
  padding:0 !important;
}

.page_article .obj_article_details .authors > li:last-child {
  margin-bottom:0 !important;
}

.page_article .obj_article_details .authors .name {
  display:block !important;
  margin-bottom:2px !important;
  color:#1f3040 !important;
  font-size:13.6px !important;
  font-weight:800 !important;
  line-height:1.3 !important;
}

.page_article .obj_article_details .authors .affiliation {
  color:#8b674d !important;
  font-size:11.8px !important;
  line-height:1.35 !important;
}

/* General labels */
.page_article .obj_article_details .main_entry > .item > .label {
  display:block !important;
  margin:0 0 9px !important;
  padding:0 !important;
  color:#243746 !important;
  font-size:17px !important;
  font-weight:800 !important;
  line-height:1.3 !important;
  border:0 !important;
}

/* DOI + keywords MUST stay compact/inline */
.page_article .obj_article_details .main_entry > .item.doi,
.page_article .obj_article_details .main_entry > .item.keywords {
  padding-top:10px !important;
  padding-bottom:10px !important;
  background:#fff !important;
}

.page_article .obj_article_details .main_entry > .item.doi > .label,
.page_article .obj_article_details .main_entry > .item.keywords > .label {
  display:inline !important;
  margin:0 6px 0 0 !important;
  padding:0 !important;
  color:#243746 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.45 !important;
  border:0 !important;
}

.page_article .obj_article_details .main_entry > .item.doi > .value,
.page_article .obj_article_details .main_entry > .item.keywords > .value {
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  color:#42525e !important;
  font-size:13px !important;
  line-height:1.55 !important;
}

.page_article .obj_article_details .main_entry > .item.doi a {
  color:#e96800 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  overflow-wrap:anywhere !important;
}

.page_article .obj_article_details .main_entry > .item.doi a:hover {
  text-decoration:underline !important;
}

/* Abstract */
.page_article .obj_article_details .main_entry > .item.abstract {
  margin:0 !important;
  padding:16px 20px !important;
  background:#fbfcfd !important;
  border-left:3px solid #ff7a00 !important;
}

.page_article .obj_article_details .main_entry > .item.abstract > .label {
  margin-bottom:10px !important;
  font-size:17px !important;
}

.page_article .obj_article_details .main_entry > .item.abstract p {
  margin:0 0 9px !important;
  color:#344653 !important;
  font-size:13.2px !important;
  line-height:1.65 !important;
}

.page_article .obj_article_details .main_entry > .item.abstract p:last-child {
  margin-bottom:0 !important;
}

/* References */
.page_article .obj_article_details .main_entry > .item.references {
  padding-top:16px !important;
}

.page_article .obj_article_details .main_entry > .item.references .value p {
  margin:0 !important;
  padding:8px 0 !important;
  color:#43525e !important;
  font-size:12.7px !important;
  line-height:1.55 !important;
  border-bottom:1px solid #eef1f3 !important;
}

.page_article .obj_article_details .main_entry > .item.references .value p:last-child {
  border-bottom:0 !important;
}

/* ---------- Right article details ---------- */
.page_article .obj_article_details .entry_details > .item {
  margin:0 !important;
  padding:12px 14px !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid #f0dcc8 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}

.page_article .obj_article_details .entry_details > .item:last-child {
  border-bottom:0 !important;
}

.page_article .obj_article_details .entry_details .sub_item {
  margin:0 0 12px !important;
  padding:0 !important;
}

.page_article .obj_article_details .entry_details .sub_item:last-child {
  margin-bottom:0 !important;
}

.page_article .obj_article_details .entry_details .label {
  display:block !important;
  margin:0 0 5px !important;
  padding:0 !important;
  color:#b65300 !important;
  font-size:10.8px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  text-transform:uppercase !important;
  letter-spacing:.25px !important;
  border:0 !important;
}

.page_article .obj_article_details .entry_details .value {
  margin:0 !important;
  color:#344653 !important;
  font-size:12.4px !important;
  line-height:1.45 !important;
}

.page_article .obj_article_details .entry_details .value a {
  color:#e56700 !important;
  text-decoration:none !important;
  overflow-wrap:anywhere !important;
}

.page_article .obj_article_details .entry_details .value a:hover {
  text-decoration:underline !important;
}

/* PDF button */
.page_article .obj_article_details .entry_details .galleys_links {
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.page_article .obj_article_details .entry_details .galleys_links > li {
  margin:0 !important;
}

.page_article .obj_article_details .entry_details .obj_galley_link {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:36px !important;
  padding:7px 10px !important;
  box-sizing:border-box !important;
  background:#ff7a00 !important;
  border:1px solid #ff7a00 !important;
  border-radius:6px !important;
  color:#fff !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

.page_article .obj_article_details .entry_details .obj_galley_link:hover {
  background:#e96e00 !important;
  border-color:#e96e00 !important;
}

/* ---------- Breadcrumb ---------- */
.page_article .cmp_breadcrumbs {
  margin-bottom:12px !important;
  font-size:11.5px !important;
  line-height:1.45 !important;
}

.page_article .cmp_breadcrumbs a {
  color:#e96f00 !important;
  text-decoration:none !important;
}

/* ---------- Mobile ---------- */
@media (max-width:991px) {
  .page_article .obj_article_details > .page_title {
    font-size:20px !important;
    line-height:1.3 !important;
  }

  .page_article .obj_article_details > .row {
    display:block !important;
    width:100% !important;
    margin-top:10px !important;
  }

  .page_article .obj_article_details > .row > .main_entry,
  .page_article .obj_article_details > .row > .entry_details {
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .page_article .obj_article_details > .row > .main_entry {
    border-right:0 !important;
  }

  .page_article .obj_article_details > .row > .entry_details {
    border-top:1px solid #e7ebee !important;
    background:#fffaf5 !important;
  }

  .page_article .obj_article_details .main_entry > .item {
    padding:12px 13px !important;
  }

  .page_article .obj_article_details .main_entry > .item.abstract {
    padding:13px !important;
  }

  .page_article .obj_article_details .entry_details > .item {
    padding:10px 12px !important;
  }
}

/* End V44 */


/* ============================================================
   V45 — ARTICLE LABEL CONTRAST + CITATION READY
   Basis : V44
   Fokus :
   - label panel kanan lebih terbaca
   - teks/icon PDF selalu putih dan jelas
   - styling siap untuk blok "How to Cite" dari CSL plugin
   - tidak mengubah struktur 68/32 V44
   ============================================================ */

/* ---------- RIGHT PANEL LABELS: MORE VISIBLE ---------- */
.page_article .obj_article_details .entry_details .label {
  color:#9a4200 !important;
  font-size:12.2px !important;
  font-weight:900 !important;
  line-height:1.35 !important;
  letter-spacing:.15px !important;
  text-transform:uppercase !important;
  opacity:1 !important;
}

.page_article .obj_article_details .entry_details .value {
  color:#2f4352 !important;
  font-size:12.8px !important;
  line-height:1.5 !important;
  opacity:1 !important;
}

/* ---------- PDF/GALLEY BUTTON: FORCE WHITE TEXT/ICON ---------- */
.page_article .obj_article_details .entry_details .obj_galley_link,
.page_article .obj_article_details .entry_details .obj_galley_link:link,
.page_article .obj_article_details .entry_details .obj_galley_link:visited,
.page_article .obj_article_details .entry_details .obj_galley_link:hover,
.page_article .obj_article_details .entry_details .obj_galley_link:focus,
.page_article .obj_article_details .entry_details .obj_galley_link *,
.page_article .obj_article_details .entry_details .obj_galley_link::before,
.page_article .obj_article_details .entry_details .obj_galley_link::after {
  color:#ffffff !important;
  opacity:1 !important;
  text-shadow:none !important;
}

.page_article .obj_article_details .entry_details .obj_galley_link {
  background:#ff7a00 !important;
  border-color:#ff7a00 !important;
  font-weight:900 !important;
}

.page_article .obj_article_details .entry_details .obj_galley_link:hover,
.page_article .obj_article_details .entry_details .obj_galley_link:focus {
  background:#e76c00 !important;
  border-color:#e76c00 !important;
}

/* ---------- MAIN LABELS: DOI / KEYWORDS ---------- */
.page_article .obj_article_details .main_entry > .item.doi > .label,
.page_article .obj_article_details .main_entry > .item.keywords > .label {
  color:#1f3444 !important;
  font-size:13.4px !important;
  font-weight:900 !important;
}

.page_article .obj_article_details .main_entry > .item.doi > .value,
.page_article .obj_article_details .main_entry > .item.keywords > .value {
  color:#314858 !important;
  font-size:13px !important;
}

/* ============================================================
   CITATION STYLE LANGUAGE / "HOW TO CITE" — VISUAL READY
   CSS ini hanya menata blok jika plugin CSL aktif.
   ============================================================ */
.page_article .obj_article_details .entry_details .citation,
.page_article .obj_article_details .entry_details .citation_display,
.page_article .obj_article_details .entry_details .citation_formats,
.page_article .obj_article_details .entry_details .item.citation,
.page_article .obj_article_details .entry_details .item.citation_style_language {
  margin:0 !important;
  padding:12px 14px !important;
  background:#ffffff !important;
  border-bottom:1px solid #f0dcc8 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.page_article .obj_article_details .entry_details .citation .label,
.page_article .obj_article_details .entry_details .citation_display .label,
.page_article .obj_article_details .entry_details .citation_formats .label,
.page_article .obj_article_details .entry_details .item.citation .label,
.page_article .obj_article_details .entry_details .item.citation_style_language .label {
  color:#9a4200 !important;
  font-size:12.2px !important;
  font-weight:900 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

.page_article .obj_article_details .entry_details .citation .value,
.page_article .obj_article_details .entry_details .citation_display,
.page_article .obj_article_details .entry_details .citation_formats,
.page_article .obj_article_details .entry_details .item.citation .value,
.page_article .obj_article_details .entry_details .item.citation_style_language .value {
  color:#344653 !important;
  font-size:12.2px !important;
  line-height:1.55 !important;
}

/* Citation dropdown / select */
.page_article .obj_article_details .entry_details .citation_formats select,
.page_article .obj_article_details .entry_details select.citation_formats,
.page_article .obj_article_details .entry_details .citation select {
  width:100% !important;
  min-height:36px !important;
  margin-top:8px !important;
  padding:6px 9px !important;
  box-sizing:border-box !important;
  background:#fff !important;
  color:#344653 !important;
  border:1px solid #d9dee3 !important;
  border-radius:6px !important;
  font-size:12px !important;
}

/* Mobile */
@media (max-width:991px) {
  .page_article .obj_article_details .entry_details .label {
    font-size:11.8px !important;
  }

  .page_article .obj_article_details .entry_details .value {
    font-size:12.4px !important;
  }
}

/* End V45 */


/* ============================================================
   V46 — HOW TO CITE CLEAN CARD
   Basis : V45
   Fokus :
   - blok Cara Mengutip lebih ringkas dan profesional
   - citation text lebih enak dibaca
   - tombol "Format Sitasi Lainnya" lebih compact
   - tidak mengubah layout artikel lainnya
   ============================================================ */

/* Container citation */
.page_article .obj_article_details .entry_details .citation,
.page_article .obj_article_details .entry_details .citation_display,
.page_article .obj_article_details .entry_details .citation_formats,
.page_article .obj_article_details .entry_details .item.citation,
.page_article .obj_article_details .entry_details .item.citation_style_language {
  background:#ffffff !important;
  border:0 !important;
  border-bottom:1px solid #f0dcc8 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Judul Cara Mengutip */
.page_article .obj_article_details .entry_details .citation .label,
.page_article .obj_article_details .entry_details .citation_display .label,
.page_article .obj_article_details .entry_details .citation_formats .label,
.page_article .obj_article_details .entry_details .item.citation .label,
.page_article .obj_article_details .entry_details .item.citation_style_language .label {
  display:block !important;
  margin:0 0 8px !important;
  padding:0 0 7px !important;
  color:#9a4200 !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1.25 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  border-bottom:1px solid #f2e3d4 !important;
}

/* Teks sitasi */
.page_article .obj_article_details .entry_details .citation .value,
.page_article .obj_article_details .entry_details .citation_display .value,
.page_article .obj_article_details .entry_details .item.citation .value,
.page_article .obj_article_details .entry_details .item.citation_style_language .value,
.page_article .obj_article_details .entry_details .citation_display {
  margin:0 !important;
  padding:0 !important;
  color:#354a59 !important;
  font-size:11.9px !important;
  font-weight:400 !important;
  line-height:1.58 !important;
  text-align:left !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}

/* Italic citation content tetap terlihat elegan */
.page_article .obj_article_details .entry_details .citation em,
.page_article .obj_article_details .entry_details .citation_display em {
  color:#2c4252 !important;
}

/* DOI/link di citation */
.page_article .obj_article_details .entry_details .citation a,
.page_article .obj_article_details .entry_details .citation_display a {
  color:#d76100 !important;
  text-decoration:none !important;
  font-weight:600 !important;
}

.page_article .obj_article_details .entry_details .citation a:hover,
.page_article .obj_article_details .entry_details .citation_display a:hover {
  text-decoration:underline !important;
}

/* Area dropdown format citation */
.page_article .obj_article_details .entry_details .citation_formats {
  margin-top:10px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}

/* Tombol dropdown — berbagai struktur OJS/CSL */
.page_article .obj_article_details .entry_details .citation_formats button,
.page_article .obj_article_details .entry_details .citation_formats .pkp_dropdown,
.page_article .obj_article_details .entry_details .citation_formats .pkp_dropdown_toggle,
.page_article .obj_article_details .entry_details .citation_formats a[role="button"],
.page_article .obj_article_details .entry_details .citation .pkp_dropdown,
.page_article .obj_article_details .entry_details .citation .pkp_dropdown_toggle {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  min-height:34px !important;
  margin:0 !important;
  padding:6px 10px !important;
  box-sizing:border-box !important;
  background:#fff7ed !important;
  border:1px solid #ffc892 !important;
  border-radius:6px !important;
  color:#a94d00 !important;
  font-size:11.8px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  box-shadow:none !important;
  text-align:left !important;
}

.page_article .obj_article_details .entry_details .citation_formats button:hover,
.page_article .obj_article_details .entry_details .citation_formats .pkp_dropdown:hover,
.page_article .obj_article_details .entry_details .citation_formats .pkp_dropdown_toggle:hover,
.page_article .obj_article_details .entry_details .citation_formats a[role="button"]:hover {
  background:#ffedd5 !important;
  border-color:#ffb66e !important;
  color:#8e3f00 !important;
}

/* Select fallback */
.page_article .obj_article_details .entry_details .citation_formats select,
.page_article .obj_article_details .entry_details select.citation_formats,
.page_article .obj_article_details .entry_details .citation select {
  width:100% !important;
  min-height:34px !important;
  margin:0 !important;
  padding:6px 30px 6px 10px !important;
  box-sizing:border-box !important;
  background:#fff7ed !important;
  border:1px solid #ffc892 !important;
  border-radius:6px !important;
  color:#a94d00 !important;
  font-size:11.8px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}

/* Dropdown menu */
.page_article .obj_article_details .entry_details .citation_formats .pkp_dropdown_menu,
.page_article .obj_article_details .entry_details .citation .pkp_dropdown_menu,
.page_article .obj_article_details .entry_details .citation_formats ul {
  margin-top:5px !important;
  padding:5px !important;
  background:#fff !important;
  border:1px solid #e5e8ec !important;
  border-radius:6px !important;
  box-shadow:0 8px 18px rgba(31,45,61,.12) !important;
}

.page_article .obj_article_details .entry_details .citation_formats .pkp_dropdown_menu a,
.page_article .obj_article_details .entry_details .citation .pkp_dropdown_menu a,
.page_article .obj_article_details .entry_details .citation_formats ul a {
  display:block !important;
  padding:6px 8px !important;
  border-radius:4px !important;
  color:#354a59 !important;
  font-size:11.5px !important;
  line-height:1.3 !important;
  text-decoration:none !important;
}

.page_article .obj_article_details .entry_details .citation_formats .pkp_dropdown_menu a:hover,
.page_article .obj_article_details .entry_details .citation .pkp_dropdown_menu a:hover,
.page_article .obj_article_details .entry_details .citation_formats ul a:hover {
  background:#fff3e8 !important;
  color:#c25500 !important;
}

/* Mobile */
@media (max-width:991px) {
  .page_article .obj_article_details .entry_details .citation .value,
  .page_article .obj_article_details .entry_details .citation_display .value,
  .page_article .obj_article_details .entry_details .citation_display {
    font-size:11.7px !important;
    line-height:1.52 !important;
  }

  .page_article .obj_article_details .entry_details .citation_formats button,
  .page_article .obj_article_details .entry_details .citation_formats .pkp_dropdown,
  .page_article .obj_article_details .entry_details .citation_formats .pkp_dropdown_toggle,
  .page_article .obj_article_details .entry_details .citation_formats select {
    min-height:33px !important;
    font-size:11.5px !important;
  }
}

/* End V46 */


/* ============================================================
   V47 — SAINTIFIK GREEN–BLUE THEME
   Basis : V46
   Fokus : hanya mengganti identitas warna orange -> hijau-biru
   Layout desktop/mobile V46 tetap dipertahankan.
   ============================================================ */

:root{
  --saint-green:#27b45b;
  --saint-green-dark:#168a4b;
  --saint-teal:#10a9a6;
  --saint-cyan:#16b9cf;
  --saint-blue:#1675d1;
  --saint-blue-dark:#0e4f9d;
  --saint-navy:#123a78;
  --saint-soft:#eef9f8;
  --saint-soft-blue:#eef6ff;
  --saint-line:#d8e8ec;

  /* Override variable lama agar elemen yang masih memakai var() ikut berubah */
  --siap-primary:var(--saint-blue);
  --siap-secondary:var(--saint-teal);
  --siap-accent:var(--saint-green);
  --siap-soft:var(--saint-soft);

  --sj-orange:var(--saint-teal);
  --sj-orange-dark:var(--saint-blue-dark);
  --sj-orange-soft:var(--saint-soft);
}

/* ---------- HEADER / NAVIGATION ---------- */
.pkp_structure_head{
  border-bottom-color:var(--saint-blue) !important;
}

.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row{
  background:linear-gradient(90deg,
    var(--saint-green) 0%,
    var(--saint-teal) 43%,
    var(--saint-blue) 100%) !important;
  border-color:var(--saint-blue-dark) !important;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a:visited,
.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper a:visited{
  color:#fff !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li > a[aria-current="page"]{
  background:rgba(255,255,255,.15) !important;
  color:#fff !important;
  border-bottom-color:#fff !important;
}

/* submenu */
.pkp_navigation_primary ul,
.pkp_navigation_primary .dropdown-menu{
  border-top-color:var(--saint-teal) !important;
}

.pkp_navigation_primary ul a,
.pkp_navigation_primary ul a:visited{
  color:#284454 !important;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus{
  background:var(--saint-soft) !important;
  color:var(--saint-blue-dark) !important;
}

/* ---------- REGISTER / LOGIN ---------- */
@media (min-width:992px){
  .pkp_navigation_user > li > a,
  #navigationUser > li > a{
    background:#fff !important;
    color:var(--saint-blue-dark) !important;
    border-color:rgba(255,255,255,.95) !important;
    box-shadow:0 3px 9px rgba(12,74,120,.14) !important;
  }

  .pkp_navigation_user > li > a:hover,
  #navigationUser > li > a:hover{
    background:#eef9ff !important;
    color:var(--saint-green-dark) !important;
  }
}

/* ---------- BODY / CARDS ---------- */
body{
  background:
    radial-gradient(circle at 12% 10%, rgba(16,169,166,.055), transparent 27%),
    linear-gradient(180deg,#eef5f6 0%,#f7fafb 100%) !important;
}

.pkp_structure_content{
  background:#f2f7f8 !important;
}

.homepage_about,
.page_index_journal .homepage_about{
  background:linear-gradient(180deg,#fff 0%,#fbfefe 100%) !important;
  border-color:#dcebed !important;
  border-left-color:var(--saint-teal) !important;
}

/* Heading accents */
.page_index_journal h2::after,
.pkp_structure_main h1::after,
.page_article .obj_article_details > .page_title::after,
.page_article .obj_article_details .main_entry > .item > .label::after{
  background:linear-gradient(90deg,var(--saint-green),var(--saint-blue)) !important;
}

/* Links */
a{
  color:var(--saint-blue) !important;
}

a:hover,
a:focus{
  color:var(--saint-green-dark) !important;
}

/* Article list */
.obj_article_summary .title a{
  color:var(--saint-blue-dark) !important;
}

.obj_article_summary .title a:hover{
  color:var(--saint-green-dark) !important;
}

.obj_galley_link{
  border-color:#79bddd !important;
  color:var(--saint-blue-dark) !important;
  background:#fff !important;
}

.obj_galley_link:hover,
.obj_galley_link:focus{
  background:var(--saint-soft-blue) !important;
  color:var(--saint-green-dark) !important;
}

/* ---------- SIDEBAR ---------- */
.pkp_structure_sidebar .pkp_block{
  border-color:#dce7ea !important;
}

.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .block_language .title,
.pkp_structure_sidebar [class*="block_language"] .title,
.pkp_structure_sidebar [id*="language"] .title{
  background:linear-gradient(90deg,
    var(--saint-teal) 0%,
    var(--saint-blue) 100%) !important;
  color:#fff !important;
  border-color:#dce7ea !important;
}

.pkp_structure_sidebar .pkp_block a{
  color:var(--saint-blue) !important;
}

.pkp_structure_sidebar .pkp_block a:hover,
.pkp_structure_sidebar .pkp_block a:focus{
  color:var(--saint-green-dark) !important;
}

.pkp_structure_sidebar .pkp_block li::before{
  background:var(--saint-teal) !important;
}

/* Kirim Naskah */
.pkp_structure_sidebar .block_make_submission a,
.pkp_structure_sidebar a.block_make_submission_link{
  background:linear-gradient(90deg,
    var(--saint-green) 0%,
    var(--saint-teal) 42%,
    var(--saint-blue) 100%) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 7px 18px rgba(22,117,209,.16) !important;
}

.pkp_structure_sidebar .block_make_submission a:hover,
.pkp_structure_sidebar a.block_make_submission_link:hover{
  background:linear-gradient(90deg,
    var(--saint-green-dark),
    var(--saint-blue-dark)) !important;
  color:#fff !important;
}

/* Bahasa */
.pkp_structure_sidebar .block_language li a{
  background:#f8fcfc !important;
  border-color:#d9e7ea !important;
  color:var(--saint-blue-dark) !important;
}

.pkp_structure_sidebar .block_language li.current a,
.pkp_structure_sidebar .block_language li.locale_current a,
.pkp_structure_sidebar .block_language li a:hover{
  background:var(--saint-soft) !important;
  border-color:#74c7c3 !important;
  color:var(--saint-green-dark) !important;
}

.pkp_structure_sidebar .block_language select:focus,
.pkp_structure_sidebar [class*="block_language"] select:focus,
.pkp_structure_sidebar [id*="language"] select:focus{
  border-color:var(--saint-teal) !important;
  box-shadow:0 0 0 2px rgba(16,169,166,.13) !important;
}

/* ---------- ARTICLE DETAIL ---------- */
.page_article .obj_article_details > .page_title{
  border-left-color:var(--saint-teal) !important;
}

.page_article .obj_article_details .main_entry > .item.abstract{
  border-left-color:var(--saint-teal) !important;
  background:#f9fcfd !important;
}

.page_article .obj_article_details .main_entry > .item.doi a,
.page_article .obj_article_details .item.doi a{
  color:var(--saint-blue) !important;
}

.page_article .obj_article_details .main_entry > .item.doi a:hover,
.page_article .obj_article_details .item.doi a:hover{
  color:var(--saint-green-dark) !important;
}

.page_article .obj_article_details .entry_details{
  background:#f4fbfb !important;
}

.page_article .obj_article_details .entry_details > .item{
  border-bottom-color:#dce9eb !important;
}

.page_article .obj_article_details .entry_details .label{
  color:var(--saint-blue-dark) !important;
}

.page_article .obj_article_details .entry_details .value a{
  color:var(--saint-blue) !important;
}

.page_article .obj_article_details .entry_details .obj_galley_link{
  background:linear-gradient(90deg,var(--saint-teal),var(--saint-blue)) !important;
  border-color:transparent !important;
  color:#fff !important;
}

.page_article .obj_article_details .entry_details .obj_galley_link:hover,
.page_article .obj_article_details .entry_details .obj_galley_link:focus{
  background:linear-gradient(90deg,var(--saint-green-dark),var(--saint-blue-dark)) !important;
  color:#fff !important;
}

/* Citation / Cara Mengutip */
.page_article .obj_article_details .entry_details .citation .label,
.page_article .obj_article_details .entry_details .citation_display .label,
.page_article .obj_article_details .entry_details .citation_formats .label,
.page_article .obj_article_details .entry_details .item.citation .label,
.page_article .obj_article_details .entry_details .item.citation_style_language .label{
  color:var(--saint-blue-dark) !important;
  border-bottom-color:#dce9eb !important;
}

.page_article .obj_article_details .entry_details .citation a,
.page_article .obj_article_details .entry_details .citation_display a{
  color:var(--saint-blue) !important;
}

.page_article .obj_article_details .entry_details .citation_formats button,
.page_article .obj_article_details .entry_details .citation_formats .pkp_dropdown,
.page_article .obj_article_details .entry_details .citation_formats .pkp_dropdown_toggle,
.page_article .obj_article_details .entry_details .citation_formats a[role="button"],
.page_article .obj_article_details .entry_details .citation_formats select{
  background:var(--saint-soft-blue) !important;
  border-color:#a9cfe5 !important;
  color:var(--saint-blue-dark) !important;
}

.page_article .obj_article_details .entry_details .citation_formats button:hover,
.page_article .obj_article_details .entry_details .citation_formats .pkp_dropdown:hover,
.page_article .obj_article_details .entry_details .citation_formats .pkp_dropdown_toggle:hover,
.page_article .obj_article_details .entry_details .citation_formats a[role="button"]:hover{
  background:var(--saint-soft) !important;
  border-color:#7fc9c2 !important;
  color:var(--saint-green-dark) !important;
}

/* ---------- FOOTER ---------- */
.pkp_structure_footer_wrapper{
  background:linear-gradient(90deg,
    var(--saint-green-dark) 0%,
    var(--saint-teal) 42%,
    var(--saint-blue-dark) 100%) !important;
  border-top-color:var(--saint-blue-dark) !important;
}

.pkp_structure_footer{
  background:transparent !important;
}

.pkp_structure_footer::before,
.pkp_structure_footer::after{
  color:#fff !important;
}

/* ---------- MOBILE ---------- */
@media (max-width:991px){
  .pkp_structure_head,
  .pkp_site_nav_menu,
  .pkp_navigation_primary_wrapper,
  .pkp_navigation_primary_row{
    background:linear-gradient(180deg,
      var(--saint-teal) 0%,
      var(--saint-blue) 100%) !important;
    border-color:var(--saint-blue-dark) !important;
  }

  .pkp_site_nav_toggle,
  button.pkp_site_nav_toggle,
  a.pkp_site_nav_toggle{
    background:var(--saint-blue-dark) !important;
    border-color:var(--saint-blue-dark) !important;
  }

  .pkp_site_nav_toggle:hover,
  .pkp_site_nav_toggle:focus,
  .pkp_site_nav_toggle:active{
    background:var(--saint-green-dark) !important;
    border-color:var(--saint-green-dark) !important;
  }

  .pkp_navigation_primary,
  .pkp_navigation_primary > li{
    background:transparent !important;
  }

  .pkp_navigation_primary > li > a,
  .pkp_navigation_primary > li > a:visited,
  .pkp_navigation_search_wrapper a,
  .pkp_navigation_search_wrapper a:visited{
    background:transparent !important;
    color:#fff !important;
  }

  .pkp_navigation_primary > li > a:hover,
  .pkp_navigation_primary > li > a:focus,
  .pkp_navigation_search_wrapper a:hover,
  .pkp_navigation_search_wrapper a:focus{
    background:rgba(255,255,255,.12) !important;
    color:#fff !important;
  }

  /* Daftar/Login mobile */
  #navigationUser > li:first-child > a,
  .pkp_navigation_user > li:first-child > a{
    background:#fff !important;
    color:var(--saint-blue-dark) !important;
    border-color:#9ccbdc !important;
  }

  #navigationUser > li:last-child > a,
  .pkp_navigation_user > li:last-child > a{
    background:linear-gradient(90deg,var(--saint-teal),var(--saint-blue)) !important;
    color:#fff !important;
    border-color:transparent !important;
  }

  .pkp_structure_content{
    background:#f3f8f9 !important;
  }
}

/* End V47 Green–Blue Theme */


/* ============================================================
   V48 — HOMEPAGE BELOW "TENTANG JURNAL INI"
   Basis : V47
   Fokus :
   - bagian pengumuman di bawah Tentang Jurnal dibuat seperti card
   - judul, tanggal, dan ringkasan lebih jelas
   - isi panjang tidak memenuhi halaman depan
   - tetap cocok dengan tema hijau–biru
   - tidak mengubah header, sidebar, artikel, dan footer V47
   ============================================================ */

/* Area pengumuman homepage */
.page_index_journal .cmp_announcements,
.page_index_journal .announcements {
  margin:22px 0 24px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Heading bawaan bila tersedia */
.page_index_journal .cmp_announcements > h2,
.page_index_journal .announcements > h2 {
  position:relative !important;
  margin:0 0 14px !important;
  padding:0 0 10px !important;
  color:var(--saint-navy) !important;
  font-size:20px !important;
  font-weight:800 !important;
  line-height:1.3 !important;
  border-bottom:1px solid #dfeaec !important;
}

.page_index_journal .cmp_announcements > h2::after,
.page_index_journal .announcements > h2::after {
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:-1px !important;
  width:52px !important;
  height:3px !important;
  border-radius:3px !important;
  background:linear-gradient(90deg,var(--saint-green),var(--saint-blue)) !important;
}

/* Setiap pengumuman = card */
.page_index_journal .obj_announcement_summary {
  position:relative !important;
  margin:0 0 14px !important;
  padding:18px 20px 17px 22px !important;
  background:#fff !important;
  border:1px solid #dfeaec !important;
  border-left:4px solid var(--saint-teal) !important;
  border-radius:10px !important;
  box-shadow:0 5px 16px rgba(22,80,110,.055) !important;
  overflow:hidden !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.page_index_journal .obj_announcement_summary:hover {
  transform:translateY(-1px) !important;
  border-color:#c6e0e5 !important;
  box-shadow:0 8px 20px rgba(22,80,110,.08) !important;
}

/* Judul pengumuman */
.page_index_journal .obj_announcement_summary .title {
  margin:0 0 7px !important;
  padding:0 !important;
  color:var(--saint-blue-dark) !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
}

.page_index_journal .obj_announcement_summary .title a {
  color:var(--saint-blue-dark) !important;
  text-decoration:none !important;
}

.page_index_journal .obj_announcement_summary .title a:hover,
.page_index_journal .obj_announcement_summary .title a:focus {
  color:var(--saint-green-dark) !important;
}

/* Tanggal pengumuman */
.page_index_journal .obj_announcement_summary .date,
.page_index_journal .obj_announcement_summary .date_posted {
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  margin:0 0 10px !important;
  padding:4px 8px !important;
  background:var(--saint-soft-blue) !important;
  border:1px solid #d8e8f4 !important;
  border-radius:999px !important;
  color:#557080 !important;
  font-size:10.8px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
}

.page_index_journal .obj_announcement_summary .date::before,
.page_index_journal .obj_announcement_summary .date_posted::before {
  content:"\f073" !important;
  font-family:"FontAwesome" !important;
  color:var(--saint-teal) !important;
  font-weight:normal !important;
}

/* Ringkasan pengumuman */
.page_index_journal .obj_announcement_summary .description_short,
.page_index_journal .obj_announcement_summary .description,
.page_index_journal .obj_announcement_summary .summary {
  margin:0 !important;
  color:#405565 !important;
  font-size:13px !important;
  line-height:1.62 !important;
}

/* Supaya teks panjang tidak memenuhi homepage */
.page_index_journal .obj_announcement_summary .description_short,
.page_index_journal .obj_announcement_summary .description {
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:7 !important;
  overflow:hidden !important;
  max-height:11.4em !important;
}

/* Jika OJS menyediakan tombol/detail link */
.page_index_journal .obj_announcement_summary .read_more,
.page_index_journal .obj_announcement_summary .more {
  display:inline-flex !important;
  align-items:center !important;
  margin-top:11px !important;
  padding:6px 10px !important;
  background:linear-gradient(90deg,var(--saint-teal),var(--saint-blue)) !important;
  border-radius:6px !important;
  color:#fff !important;
  font-size:11.5px !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

.page_index_journal .obj_announcement_summary .read_more:hover,
.page_index_journal .obj_announcement_summary .more:hover {
  background:linear-gradient(90deg,var(--saint-green-dark),var(--saint-blue-dark)) !important;
  color:#fff !important;
}

/* Hilangkan garis pemisah default yang membuat area terlihat kosong */
.page_index_journal .cmp_announcements .obj_announcement_summary + .obj_announcement_summary,
.page_index_journal .announcements .obj_announcement_summary + .obj_announcement_summary {
  border-top-color:#dfeaec !important;
}

/* Jika hanya satu pengumuman, card tetap tidak terlalu tinggi */
.page_index_journal .obj_announcement_summary p {
  margin-top:0 !important;
  margin-bottom:8px !important;
}

.page_index_journal .obj_announcement_summary p:last-child {
  margin-bottom:0 !important;
}

/* Mobile */
@media (max-width:991px) {
  .page_index_journal .cmp_announcements,
  .page_index_journal .announcements {
    margin-top:14px !important;
    margin-bottom:16px !important;
  }

  .page_index_journal .cmp_announcements > h2,
  .page_index_journal .announcements > h2 {
    font-size:17px !important;
    margin-bottom:10px !important;
  }

  .page_index_journal .obj_announcement_summary {
    margin-bottom:10px !important;
    padding:13px 14px 13px 16px !important;
    border-left-width:3px !important;
    border-radius:8px !important;
    box-shadow:0 3px 10px rgba(22,80,110,.045) !important;
  }

  .page_index_journal .obj_announcement_summary .title {
    font-size:14px !important;
  }

  .page_index_journal .obj_announcement_summary .date,
  .page_index_journal .obj_announcement_summary .date_posted {
    font-size:10px !important;
    margin-bottom:8px !important;
  }

  .page_index_journal .obj_announcement_summary .description_short,
  .page_index_journal .obj_announcement_summary .description,
  .page_index_journal .obj_announcement_summary .summary {
    font-size:12.4px !important;
    line-height:1.55 !important;
  }

  .page_index_journal .obj_announcement_summary .description_short,
  .page_index_journal .obj_announcement_summary .description {
    -webkit-line-clamp:6 !important;
    max-height:9.3em !important;
  }
}

/* End V48 */


/* ============================================================
   V49 — HOMEPAGE ANNOUNCEMENT COMPACT
   Basis : V48
   Fokus :
   - isi pengumuman di homepage tidak memanjang ke bawah
   - detail lengkap tetap dibuka dengan klik judul
   - hanya homepage yang dipengaruhi
   ============================================================ */

/* Batasi tinggi isi pengumuman secara tegas */
.page_index_journal .obj_announcement_summary .description_short,
.page_index_journal .obj_announcement_summary .description,
.page_index_journal .obj_announcement_summary .summary {
  position:relative !important;
  display:block !important;
  max-height:205px !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 0 18px !important;
  box-sizing:border-box !important;
}

/* Pastikan paragraf di dalam ringkasan tidak menambah tinggi berlebihan */
.page_index_journal .obj_announcement_summary .description_short p,
.page_index_journal .obj_announcement_summary .description p,
.page_index_journal .obj_announcement_summary .summary p {
  margin:0 0 7px !important;
  font-size:12.8px !important;
  line-height:1.52 !important;
}

/* Fade lembut di bagian bawah agar jelas masih ada isi lanjutan */
.page_index_journal .obj_announcement_summary .description_short::after,
.page_index_journal .obj_announcement_summary .description::after,
.page_index_journal .obj_announcement_summary .summary::after {
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:36px !important;
  pointer-events:none !important;
  background:linear-gradient(
    to bottom,
    rgba(255,255,255,0),
    rgba(255,255,255,.94) 68%,
    #fff 100%
  ) !important;
}

/* Judul menjadi jalur utama ke detail lengkap */
.page_index_journal .obj_announcement_summary .title a {
  display:inline-block !important;
  font-size:16px !important;
  font-weight:800 !important;
  color:var(--saint-blue-dark) !important;
}

/* Jika OJS menyediakan link baca selengkapnya, tampilkan jelas */
.page_index_journal .obj_announcement_summary .read_more,
.page_index_journal .obj_announcement_summary .more {
  position:relative !important;
  z-index:2 !important;
  margin-top:10px !important;
}

/* Mobile lebih ringkas lagi */
@media (max-width:991px) {
  .page_index_journal .obj_announcement_summary .description_short,
  .page_index_journal .obj_announcement_summary .description,
  .page_index_journal .obj_announcement_summary .summary {
    max-height:165px !important;
    padding-bottom:16px !important;
  }

  .page_index_journal .obj_announcement_summary .description_short p,
  .page_index_journal .obj_announcement_summary .description p,
  .page_index_journal .obj_announcement_summary .summary p {
    font-size:12.2px !important;
    line-height:1.48 !important;
    margin-bottom:6px !important;
  }
}

/* End V49 */


/* ============================================================
   V50 — ANNOUNCEMENT ALIGN + TALLER PREVIEW + "SELENGKAPNYA"
   Basis : V49
   Fokus :
   - card pengumuman sejajar selebar "Tentang Jurnal Ini"
   - preview dibuat lebih tinggi
   - tombol Selengkapnya selalu tersedia lewat link judul
   - hanya homepage
   ============================================================ */

/* Paksa area pengumuman memakai lebar penuh kolom utama */
.page_index_journal .cmp_announcements,
.page_index_journal .announcements,
.page_index_journal .cmp_announcements > ul,
.page_index_journal .announcements > ul,
.page_index_journal .cmp_announcements > .obj_announcement_summary,
.page_index_journal .announcements > .obj_announcement_summary {
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  float:none !important;
  clear:both !important;
}

/* Jika summary dibungkus list item */
.page_index_journal .cmp_announcements > ul,
.page_index_journal .announcements > ul {
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.page_index_journal .cmp_announcements > ul > li,
.page_index_journal .announcements > ul > li {
  width:100% !important;
  max-width:none !important;
  margin:0 0 14px !important;
  padding:0 !important;
  float:none !important;
  box-sizing:border-box !important;
}

/* Card full-width dan sedikit lebih tinggi */
.page_index_journal .obj_announcement_summary {
  width:100% !important;
  max-width:none !important;
  min-height:355px !important;
  margin:0 0 18px !important;
  padding:22px 26px 66px 28px !important;
  box-sizing:border-box !important;
  float:none !important;
}

/* Preview isi: lebih panjang dibanding V49 */
.page_index_journal .obj_announcement_summary .description_short,
.page_index_journal .obj_announcement_summary .description,
.page_index_journal .obj_announcement_summary .summary {
  max-height:250px !important;
  padding-bottom:20px !important;
}

/* Sedikit lebih lega agar mudah dibaca */
.page_index_journal .obj_announcement_summary .description_short p,
.page_index_journal .obj_announcement_summary .description p,
.page_index_journal .obj_announcement_summary .summary p {
  font-size:13px !important;
  line-height:1.58 !important;
  margin-bottom:8px !important;
}

/* Link judul tetap normal tetapi menjadi host tombol pseudo */
.page_index_journal .obj_announcement_summary .title a {
  position:static !important;
}

/* Tombol Selengkapnya yang benar-benar clickable karena bagian dari link judul */
.page_index_journal .obj_announcement_summary .title a::after {
  content:"Selengkapnya  →" !important;
  position:absolute !important;
  right:24px !important;
  bottom:18px !important;
  z-index:5 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:7px 13px !important;
  box-sizing:border-box !important;
  background:linear-gradient(90deg,var(--saint-teal),var(--saint-blue)) !important;
  border:1px solid transparent !important;
  border-radius:7px !important;
  color:#fff !important;
  font-size:11.8px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 4px 10px rgba(18,95,145,.14) !important;
}

.page_index_journal .obj_announcement_summary .title a:hover::after,
.page_index_journal .obj_announcement_summary .title a:focus::after {
  background:linear-gradient(90deg,var(--saint-green-dark),var(--saint-blue-dark)) !important;
  color:#fff !important;
}

/* Jika OJS punya read_more native, sembunyikan agar tidak dobel */
.page_index_journal .obj_announcement_summary .read_more,
.page_index_journal .obj_announcement_summary .more {
  display:none !important;
}

/* Mobile */
@media (max-width:991px) {
  .page_index_journal .obj_announcement_summary {
    min-height:310px !important;
    padding:16px 16px 58px 18px !important;
    margin-bottom:12px !important;
  }

  .page_index_journal .obj_announcement_summary .description_short,
  .page_index_journal .obj_announcement_summary .description,
  .page_index_journal .obj_announcement_summary .summary {
    max-height:205px !important;
    padding-bottom:18px !important;
  }

  .page_index_journal .obj_announcement_summary .title a::after {
    right:14px !important;
    bottom:13px !important;
    min-height:32px !important;
    padding:6px 11px !important;
    font-size:11.2px !important;
  }
}

/* End V50 */


/* ============================================================
   V51 — FIX TOMBOL SELENGKAPNYA PENGUMUMAN
   Basis : V50
   Fokus :
   - tombol Selengkapnya benar-benar terlihat
   - dukung beberapa struktur markup OJS
   - tetap memakai link judul pengumuman bila tersedia
   ============================================================ */

.page_index_journal .obj_announcement_summary {
  position:relative !important;
  padding-bottom:72px !important;
}

/* Hapus pseudo lama agar tidak bentrok */
.page_index_journal .obj_announcement_summary .title a::after {
  content:none !important;
}

/* Struktur OJS yang umum: .title adalah link */
.page_index_journal .obj_announcement_summary a.title::after,
/* Struktur lain: heading > a */
.page_index_journal .obj_announcement_summary h2 > a::after,
.page_index_journal .obj_announcement_summary h3 > a::after,
.page_index_journal .obj_announcement_summary h4 > a::after,
/* Struktur umum: .title > a */
.page_index_journal .obj_announcement_summary .title > a::after {
  content:"Selengkapnya  →" !important;
  position:absolute !important;
  right:24px !important;
  bottom:18px !important;
  z-index:20 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:118px !important;
  min-height:36px !important;
  padding:7px 13px !important;
  box-sizing:border-box !important;
  background:linear-gradient(90deg,var(--saint-teal),var(--saint-blue)) !important;
  border:1px solid transparent !important;
  border-radius:7px !important;
  color:#fff !important;
  font-size:11.8px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:0 4px 10px rgba(18,95,145,.16) !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* Jika .title sendiri berupa anchor */
.page_index_journal .obj_announcement_summary a.title {
  position:static !important;
}

/* Hover */
.page_index_journal .obj_announcement_summary a.title:hover::after,
.page_index_journal .obj_announcement_summary h2 > a:hover::after,
.page_index_journal .obj_announcement_summary h3 > a:hover::after,
.page_index_journal .obj_announcement_summary h4 > a:hover::after,
.page_index_journal .obj_announcement_summary .title > a:hover::after {
  background:linear-gradient(90deg,var(--saint-green-dark),var(--saint-blue-dark)) !important;
}

/* Jangan sampai fade menutupi tombol */
.page_index_journal .obj_announcement_summary .description_short::after,
.page_index_journal .obj_announcement_summary .description::after,
.page_index_journal .obj_announcement_summary .summary::after {
  z-index:1 !important;
}

/* Mobile */
@media (max-width:991px) {
  .page_index_journal .obj_announcement_summary {
    padding-bottom:64px !important;
  }

  .page_index_journal .obj_announcement_summary a.title::after,
  .page_index_journal .obj_announcement_summary h2 > a::after,
  .page_index_journal .obj_announcement_summary h3 > a::after,
  .page_index_journal .obj_announcement_summary h4 > a::after,
  .page_index_journal .obj_announcement_summary .title > a::after {
    right:14px !important;
    bottom:13px !important;
    min-width:108px !important;
    min-height:33px !important;
    padding:6px 11px !important;
    font-size:11.2px !important;
  }
}

/* End V51 */


/* ============================================================
   V52 — BILINGUAL "SELENGKAPNYA / READ MORE"
   Basis : V51
   Fokus :
   - Bahasa Indonesia: "Selengkapnya →"
   - English: "Read More →"
   - otomatis mengikuti locale/lang OJS
   ============================================================ */

/* Default / Bahasa Indonesia */
html:lang(id) .page_index_journal .obj_announcement_summary a.title::after,
html:lang(id) .page_index_journal .obj_announcement_summary h2 > a::after,
html:lang(id) .page_index_journal .obj_announcement_summary h3 > a::after,
html:lang(id) .page_index_journal .obj_announcement_summary h4 > a::after,
html:lang(id) .page_index_journal .obj_announcement_summary .title > a::after,
html[lang^="id"] .page_index_journal .obj_announcement_summary a.title::after,
html[lang^="id"] .page_index_journal .obj_announcement_summary h2 > a::after,
html[lang^="id"] .page_index_journal .obj_announcement_summary h3 > a::after,
html[lang^="id"] .page_index_journal .obj_announcement_summary h4 > a::after,
html[lang^="id"] .page_index_journal .obj_announcement_summary .title > a::after {
  content:"Selengkapnya  →" !important;
}

/* English */
html:lang(en) .page_index_journal .obj_announcement_summary a.title::after,
html:lang(en) .page_index_journal .obj_announcement_summary h2 > a::after,
html:lang(en) .page_index_journal .obj_announcement_summary h3 > a::after,
html:lang(en) .page_index_journal .obj_announcement_summary h4 > a::after,
html:lang(en) .page_index_journal .obj_announcement_summary .title > a::after,
html[lang^="en"] .page_index_journal .obj_announcement_summary a.title::after,
html[lang^="en"] .page_index_journal .obj_announcement_summary h2 > a::after,
html[lang^="en"] .page_index_journal .obj_announcement_summary h3 > a::after,
html[lang^="en"] .page_index_journal .obj_announcement_summary h4 > a::after,
html[lang^="en"] .page_index_journal .obj_announcement_summary .title > a::after {
  content:"Read More  →" !important;
}

/* End V52 */