@charset "UTF-8";
/*
 DINAMISIA NOVA — Original OJS 3.4 Visual System (2026)
 Created specifically for DINAMISIA: Jurnal Pengabdian Kepada Masyarakat.
 Design is independently authored; OJS class selectors are necessary integration points.
 No third-party theme CSS, external images, font imports, or copied UI assets.
 The OJS theme itself supplies baseline behavior and HTML.
*/

/* 01 — Design tokens: modern research-publishing visual language */
:root {
  --dn-navy: #07365b;
  --dn-blue: #095eaa;
  --dn-sky: #1184cc;
  --dn-gold: #e3ac29;
  --dn-gold-soft: #fff4d8;
  --dn-ink: #19354b;
  --dn-muted: #5f7687;
  --dn-paper: #ffffff;
  --dn-ground: #f3f7fb;
  --dn-rule: #dce7ef;
  --dn-tint: #eaf5fd;
  --dn-radius: 16px;
  --dn-shadow: 0 10px 30px rgba(7, 54, 91, .07);
  --dn-focus: 0 0 0 3px rgba(17,132,204,.26);
}

/* 02 — Base accessibility and typography, no global resets of OJS controls */
html { scroll-behavior: smooth; }
body { background: var(--dn-ground); color: var(--dn-ink); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
body, .pkp_structure_page { min-width: 0; }
.pkp_structure_page { max-width: none; background: transparent; box-shadow: none; margin: 0; }
a { color: var(--dn-blue); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--dn-navy); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--dn-sky); outline-offset: 3px; }
img { max-width: 100%; height: auto; }
::selection { background: var(--dn-gold-soft); color: var(--dn-navy); }

/* 03 — Full-width masthead with account menu overlay inside banner */
.pkp_structure_head {
  position: relative;
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: var(--dn-navy);
  border: 0;
  box-shadow: none;
}
.pkp_structure_head::before, .pkp_structure_head::after { content: none; }
.pkp_structure_head .pkp_head_wrapper,
.pkp_structure_head .pkp_site_name_wrapper,
.pkp_structure_head .pkp_site_name,
.pkp_structure_head .pkp_site_name > a.is_img {
  width: 100%; max-width: none; margin: 0; padding: 0;
}
.pkp_structure_head .pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper { position: relative; padding-top: 0; }
.pkp_structure_head .pkp_site_name_wrapper { height: auto; position: relative; }
.pkp_structure_head .pkp_site_name { position: relative; left: auto; right: auto; overflow: visible; text-align: left; white-space: normal; }
.pkp_structure_head .pkp_site_name > a.is_img { display: block; line-height: 0; }
.pkp_structure_head .pkp_site_name .is_img img {
  display: block; width: 100%; max-width: 100%; max-height: none;
  height: auto; margin: 0; padding: 0; border-radius: 0; object-fit: contain; aspect-ratio: auto;
}
/* If no uploaded banner is configured, text title still renders legibly. */
.pkp_structure_head .pkp_site_name .is_text { display: block; padding: 46px max(24px, calc((100vw - 1280px) / 2)); color: #fff; font-size: clamp(22px, 3vw, 38px); font-weight: 800; line-height: 1.2; }
/* Account controls are overlaid INSIDE the masthead, not in an extra top bar. */
@media (min-width: 992px) {
  .pkp_structure_head .pkp_head_wrapper,
  .pkp_structure_head .has_site_logo .pkp_head_wrapper,
  .has_site_logo .pkp_head_wrapper { padding-top: 0 !important; }
  .pkp_structure_head .pkp_navigation_user_wrapper {
    position: absolute; top: 12px; right: max(22px, calc((100vw - 1600px) / 2));
    left: auto; transform: none; width: auto; max-width: min(65vw, 500px);
    height: auto; margin: 0; padding: 0;
    background: transparent; z-index: 60;
    display: block; text-align: right;
  }
  .pkp_structure_head .pkp_navigation_user_wrapper .pkp_navigation_user {
    display: flex; align-items: center; justify-content: flex-end;
    width: auto; margin: 0; padding: 0; border: 0; text-align: right;
  }
  .pkp_structure_head .pkp_navigation_user > li { position: relative; }
  .pkp_structure_head .pkp_navigation_user > li > a {
    display: inline-flex; align-items: center; min-height: 34px;
    color: #fff !important; font-size: 12px; font-weight: 700;
    line-height: 20px; margin-left: 6px; padding: 7px 13px;
    background: rgba(7,54,91,.74); border: 1px solid rgba(255,255,255,.3);
    border-radius: 9px; backdrop-filter: blur(8px); text-decoration: none;
  }
  .pkp_structure_head .pkp_navigation_user > li > a:hover,
  .pkp_structure_head .pkp_navigation_user > li > a:focus {
    color: #07365b !important; background: #f4c34d; border-color: #f4c34d;
  }
  .pkp_structure_head .pkp_navigation_user ul {
    background: #fff; border-radius: 10px; box-shadow: var(--dn-shadow); z-index: 90;
  }
  .pkp_structure_head .pkp_navigation_user ul a { color: var(--dn-ink); }
}
/* 04 — Independent navigation identity: understated blue + gold bar */
.pkp_navigation_primary_row { background: var(--dn-paper); border-bottom: 3px solid var(--dn-gold); box-shadow: 0 5px 15px rgba(7,54,91,.08); padding: 0 16px; }
.pkp_navigation_primary_wrapper { max-width: 1280px; margin: 0 auto; position: relative; }
#navigationPrimary { padding: 0; margin: 0; }
#navigationPrimary > li > a {
  display: inline-flex; align-items: center; min-height: 52px;
  margin: 0 2px; padding: 12px 15px; border: 0;
  border-radius: 0; color: var(--dn-navy);
  font-size: 12px; letter-spacing: .045em; font-weight: 750;
  text-decoration: none; text-transform: uppercase;
  transition: color .2s ease, background-color .2s ease;
}
#navigationPrimary > li > a:hover, #navigationPrimary > li > a:focus {
  color: var(--dn-blue); background: var(--dn-tint); border: 0;
}
#navigationPrimary ul { background: #fff; border: 1px solid var(--dn-rule); border-radius: 0 0 12px 12px; box-shadow: var(--dn-shadow); z-index: 80; }
#navigationPrimary ul a { display: block; color: var(--dn-ink); padding: 10px 14px; border-left: 3px solid transparent; }
#navigationPrimary ul a:hover, #navigationPrimary ul a:focus { color: var(--dn-navy); background: var(--dn-tint); border-left-color: var(--dn-gold); }
.pkp_search_desktop .search_prompt { color: var(--dn-navy); }
.pkp_search_desktop.is_open { background: #fff; z-index: 90; }

/* 05 — Responsive editorial content plane */
.pkp_structure_content {
  display: flow-root; max-width: 1280px; width: min(100% - 32px, 1280px);
  margin: 24px auto 36px; padding: 24px;
  border: 1px solid var(--dn-rule); border-radius: 20px;
  background: var(--dn-paper); box-shadow: var(--dn-shadow);
}
.pkp_structure_main { box-sizing: border-box; min-width: 0; }
.pkp_structure_main::before, .pkp_structure_main::after { display: none; }
@media (min-width: 992px) {
  .pkp_structure_main { float: left; width: calc(100% - 322px); padding: 0 26px 30px 0; }
  .pkp_structure_sidebar { float: right; width: 296px; padding: 0; }
  .pkp_structure_main:first-child:last-child { float: none; width: 100%; max-width: 100%; margin: 0; padding: 0; }
}
.pkp_structure_main h1, .pkp_structure_main h2, .pkp_structure_main h3 { color: var(--dn-navy); letter-spacing: -.02em; }
.pkp_structure_main h1 { font-size: clamp(25px, 2.4vw, 33px); line-height: 1.25; font-weight: 780; }
.pkp_structure_main h2 { font-size: 22px; line-height: 1.3; }
.pkp_structure_main p, .pkp_structure_main li { line-height: 1.7; }
.cmp_breadcrumbs { border-bottom: 1px solid var(--dn-rule); width: 100%; padding: 8px 0 18px; margin-bottom: 22px; }
.cmp_breadcrumbs ol { margin: 0; }
.cmp_breadcrumbs a { color: var(--dn-muted); }
.cmp_breadcrumbs a:hover { color: var(--dn-blue); }

/* 06 — Article stream: left gold rule, calm editorial panels */
.cmp_article_list, .obj_issue_toc .articles { list-style: none; padding-left: 0; }
.cmp_article_list > li, .obj_issue_toc .articles > li {
  padding: 18px 18px 18px 20px; margin: 0 0 15px;
  background: linear-gradient(110deg, #fff 77%, #f6fbfe 100%);
  border: 1px solid var(--dn-rule); border-left: 4px solid var(--dn-gold);
  border-radius: 12px; transition: border-color .2s, box-shadow .2s, transform .2s;
}
.cmp_article_list > li:hover, .obj_issue_toc .articles > li:hover { border-color: #c4dce9; border-left-color: var(--dn-sky); box-shadow: var(--dn-shadow); transform: translateY(-2px); }
.obj_article_summary { padding: 0; min-height: 0; }
.obj_article_summary > .title, .obj_article_summary > .title a { color: var(--dn-navy); font-size: 17px; line-height: 1.42; font-weight: 750; text-decoration: none; }
.obj_article_summary > .title a:hover { color: var(--dn-blue); }
.obj_article_summary .authors, .obj_article_summary .meta, .obj_article_summary .pages, .obj_article_summary .published { color: var(--dn-muted); font-size: 12px; }
.obj_article_summary .cover img { border-radius: 6px; }
.obj_article_summary .galleys_links { margin: 12px 0 0; }
.obj_galley_link, .obj_galley_link.pdf, .block_make_submission a, .cmp_button, .pkp_button_primary {
  display: inline-flex; justify-content: center; align-items: center;
  width: auto; min-height: 36px; padding: 7px 15px;
  background: var(--dn-blue); background-image: none; border: 1px solid var(--dn-blue);
  border-radius: 9px; color: #fff; text-shadow: none;
  font-size: 12px; font-weight: 750; box-shadow: none;
  text-decoration: none; transition: background-color .2s ease, transform .2s ease;
}
.obj_galley_link:hover, .obj_galley_link.pdf:hover, .block_make_submission a:hover,
.cmp_button:hover, .pkp_button_primary:hover {
  background: var(--dn-navy); border-color: var(--dn-navy); color: #fff;
  transform: translateY(-1px); text-decoration: none;
}
.obj_galley_link.restricted { opacity: .65; background: #e6edf3; color: var(--dn-muted); border-color: var(--dn-rule); }

/* 07 — Article details, citation, DOI, issue archives */
.obj_article_details > .page_title { font-size: clamp(25px, 2.4vw, 34px); line-height: 1.32; }
.obj_article_details .authors .name { color: var(--dn-navy); }
.obj_article_details .item { min-width: 0; }
.obj_article_details .main_entry .item .label { color: var(--dn-navy); font-weight: 750; }
.obj_article_details .entry_details .item { background: #f7fbfe; border: 1px solid var(--dn-rule); border-radius: 12px; overflow: hidden; box-shadow: none; }
.obj_article_details .entry_details .item > .label, .obj_article_details .entry_details .sub_item:first-child > .label { display: block; background: var(--dn-tint); padding: 12px 15px; color: var(--dn-navy); }
.obj_article_details .entry_details .item > .value, .obj_article_details .entry_details .sub_item .value { padding: 14px 15px; }
.obj_article_details .entry_details .galleys_links a { width: 100%; }
.obj_issue_toc .section > h2 { display: block; padding: 12px 18px; color: var(--dn-navy); border: 0; border-left: 4px solid var(--dn-gold); border-radius: 8px; background: var(--dn-tint); font-weight: 750; text-transform: none; }
.obj_issue_summary { border-left: 3px solid var(--dn-gold); padding-left: 18px; margin: 12px 0; }
.page_issue_archive .issues_archive > li { padding: 15px 0; border-bottom: 1px solid var(--dn-rule); }

/* 08 — Sidebar information modules */
.pkp_block { margin: 0 0 18px; padding: 0 0 18px; background: #fff; border: 1px solid var(--dn-rule); border-radius: 14px; overflow: hidden; box-shadow: 0 4px 16px rgba(7,54,91,.04); }
.pkp_block .title { display: block; margin: 0 0 12px; padding: 13px 16px; background: var(--dn-navy); color: #fff; font-size: 13px; font-weight: 800; letter-spacing: .025em; }
.pkp_block .content { padding: 2px 16px 0; overflow-wrap: anywhere; }
.pkp_block .content ul { list-style: none; padding: 0; margin: 0; }
.pkp_block .content li { padding: 8px 0; border-bottom: 1px dashed var(--dn-rule); }
.pkp_block .content li:last-child { border-bottom: 0; }
.pkp_block a { overflow-wrap: anywhere; }
.pkp_block .content img { max-width: 100%; }

/* 09 — Homepage blocks & highlighted headings */
.pkp_page_index .homepage_image { margin: 0 0 20px; }
.pkp_page_index .homepage_image img { width: 100%; height: auto; border-radius: 12px; }
.pkp_page_index .additional_content { margin: 15px 0; padding: 20px; border: 1px solid var(--dn-rule); border-radius: var(--dn-radius); background: #fff; }
.pkp_page_index .homepage_about { padding: 18px 0 22px; }
.pkp_page_index .homepage_about h2, .pkp_page_index .current_issue h2 { position: relative; color: var(--dn-navy); border: 0; padding-bottom: 13px; }
.pkp_page_index .homepage_about h2::after, .pkp_page_index .current_issue h2::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 60px; height: 4px; border-radius: 50px; background: var(--dn-gold); }
.obj_announcement_summary { padding: 15px 0; }
.obj_announcement_summary .date { color: var(--dn-muted); }
.cmp_notification { background: var(--dn-tint); border: 1px solid #b9ddec; border-left: 4px solid var(--dn-sky); border-radius: 10px; color: var(--dn-ink); }

/* 10 — Forms, search, focus */
.cmp_form input[type='text'], .cmp_form input[type='email'], .cmp_form input[type='password'], .cmp_form input[type='url'], .cmp_form textarea, .cmp_form select,
.page_search input[type='text'] { border: 1px solid #bdcfdb; border-radius: 8px; background: #fff; color: var(--dn-ink); min-height: 38px; padding: 8px 10px; }
.cmp_form textarea { min-height: 110px; }
.cmp_form input:focus, .cmp_form textarea:focus, .cmp_form select:focus { border-color: var(--dn-sky); box-shadow: var(--dn-focus); outline: none; }
.cmp_pagination a { font-weight: 750; }

/* 11 — Footer as distinctive two-tone institutional panel */
.pkp_structure_footer_wrapper { background: var(--dn-navy); color: #eaf4fd; border-top: 5px solid var(--dn-gold); margin-top: 25px; }
.pkp_structure_footer { max-width: 1280px; width: min(100% - 32px, 1280px); margin: 0 auto; padding: 28px 14px; background: none; }
.pkp_structure_footer a, .pkp_footer_content a { color: #f8ca69; }
.pkp_structure_footer a:hover { color: #fff; }
.pkp_brand_footer { opacity: .8; }

/* 12 — Responsive safeguards, preserve native OJS navigation interactions */
@media (max-width: 991px) {
  .pkp_structure_head .pkp_head_wrapper { padding-top: 0; }
  .pkp_navigation_user_wrapper { position: static; transform: none; width: auto; height: auto; background: transparent; }
  .pkp_structure_head .pkp_site_name_wrapper { padding-left: 0 !important; padding-right: 0 !important; min-height: 40px; }
  .pkp_structure_head .pkp_site_name .is_img img { width: 100%; max-height: none; }
  .pkp_site_nav_toggle { z-index: 100; left: 0; top: 0; }
  .pkp_site_nav_menu { z-index: 110; background: var(--dn-navy); }
  .pkp_site_nav_menu a { color: #fff; }
  .pkp_site_nav_menu a:hover, .pkp_site_nav_menu a:focus { color: var(--dn-gold); }
  .pkp_structure_content { padding: 20px; }
  .pkp_structure_main, .pkp_structure_sidebar { float: none; width: 100%; padding: 0; }
  .pkp_structure_sidebar { margin-top: 30px; }
}
@media (max-width: 600px) {
  .pkp_structure_content { width: calc(100% - 16px); padding: 15px 13px; margin: 12px auto 20px; border-radius: 12px; }
  .pkp_structure_head .pkp_site_name .is_text { padding: 15px 10px; font-size: 20px; }
  .cmp_article_list > li, .obj_issue_toc .articles > li { padding: 14px; }
  .obj_article_summary > .title a { font-size: 15px; }
  .obj_article_summary .cover { float: none; width: auto; max-width: 85px; }
  .obj_article_details .row, .obj_article_details .main_entry, .obj_article_details .entry_details { float: none; max-width: 100%; width: 100%; margin-left: 0; }
  .pkp_structure_footer { padding: 20px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}


/* 13 — Header contained / non-full-width (revisi 10 Oktober 2026)
   Lebar header sejajar konten utama (maksimum 1280px), tetap responsif.
   Register dan Login berada di atas sisi kanan DALAM banner.
   Tidak memerlukan perubahan template atau gambar OJS.
*/
:root { --dn-header-max: 1280px; }
.pkp_structure_head {
  width: calc(100% - 32px) !important;
  max-width: var(--dn-header-max) !important;
  margin: 20px auto 0 !important;
  padding: 0 !important;
  border-radius: 14px 14px 0 0;
  overflow: visible;
}
.pkp_structure_head .pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper,
.pkp_structure_head .pkp_site_name_wrapper,
.pkp_structure_head .pkp_site_name {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
.pkp_structure_head .pkp_site_name .is_img img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain;
  margin: 0 !important;
}
@media (min-width: 992px) {
  .pkp_structure_head .pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 12px !important;
    right: 16px !important;
    left: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: calc(100% - 32px) !important;
    z-index: 80;
  }
}
@media (max-width: 991px) {
  .pkp_structure_head { margin-top: 8px !important; }
}
@media (max-width: 600px) {
  .pkp_structure_head {
    width: calc(100% - 16px) !important;
    margin-top: 8px !important;
    border-radius: 8px 8px 0 0;
  }
}

/* 14 — Sidebar containment fix | DINAMISIA NOVA */
/* Menahan kartu di dalam kolom sidebar; tidak mengubah header/login. */
.pkp_structure_content,
.pkp_structure_sidebar,
.pkp_structure_sidebar * { box-sizing: border-box; }
.pkp_structure_sidebar { min-width: 0; max-width: 100%; }
.pkp_structure_sidebar .pkp_block,
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block .content {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.pkp_structure_sidebar .pkp_block {
  display: block;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  overflow: hidden;
}
.pkp_structure_sidebar .pkp_block .title { margin-left: 0; margin-right: 0; }
.pkp_structure_sidebar .pkp_block .content { overflow-wrap: anywhere; }
.pkp_structure_sidebar .pkp_block img,
.pkp_structure_sidebar .pkp_block iframe,
.pkp_structure_sidebar .pkp_block table { max-width: 100%; }
.pkp_structure_sidebar .pkp_block img { height: auto; }
@media (min-width: 992px) {
  .pkp_structure_content > .pkp_structure_sidebar {
    float: right;
    width: 296px !important;
    max-width: 296px !important;
    margin: 0;
    padding: 0;
  }
  .pkp_structure_content > .pkp_structure_main:not(:first-child:last-child) {
    width: calc(100% - 322px);
    max-width: calc(100% - 322px);
  }
}
@media (max-width: 991px) {
  .pkp_structure_content > .pkp_structure_sidebar {
    width: 100% !important;
    max-width: 100% !important;
    float: none;
  }
}


/* ================================================================
   DINAMISIA NOVA V4 — COLUMN-BOUNDARY FIX
   Mengatasi kartu sisi kanan yang melewati garis pembatas.
   Semua penyesuaian ini hanya memengaruhi area konten/sidebar.
   ================================================================ */
@media (min-width: 992px) {
  .pkp_structure_content:has(> .pkp_structure_sidebar) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 300px) !important;
    column-gap: 22px !important;
    align-items: start !important;
  }
  .pkp_structure_content > .pkp_structure_main {
    grid-column: 1;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .pkp_structure_content > .pkp_structure_sidebar {
    grid-column: 2;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 0 15px !important;
    border-left: 1px solid #d7e3ee;
    position: relative;
  }
  /* cadangan untuk versi DOM tanpa dukungan :has() */
  @supports not selector(:has(*)) {
    .pkp_structure_content { display: flex !important; align-items: flex-start; gap: 22px; }
    .pkp_structure_content > .pkp_structure_main { flex: 1 1 0; }
    .pkp_structure_content > .pkp_structure_sidebar { flex: 0 0 300px; }
  }
}
.pkp_structure_sidebar,
.pkp_structure_sidebar .pkp_block,
.pkp_structure_sidebar .pkp_block .content,
.pkp_structure_sidebar .pkp_block .content > * {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.pkp_structure_sidebar .pkp_block {
  width: 100% !important;
  margin: 0 0 18px !important;
  overflow: hidden !important;
}
.pkp_structure_sidebar .pkp_block .content {
  width: 100% !important;
  overflow-x: hidden !important;
  padding: 12px 14px 16px !important;
}
.pkp_structure_sidebar .pkp_block .content :is(img,svg,video,iframe,table) {
  max-width: 100% !important;
  height: auto;
}
.pkp_structure_sidebar .pkp_block .content :is(img,svg,video) { object-fit: contain; }
.pkp_structure_sidebar .pkp_block .content :is(p,div,a,span) {
  overflow-wrap: anywhere;
}
@media (min-width: 992px) and (max-width: 1080px) {
  .pkp_structure_content:has(> .pkp_structure_sidebar) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 260px) !important;
    column-gap: 14px !important;
  }
}
@media (max-width: 991px) {
  .pkp_structure_content { display: block !important; }
  .pkp_structure_content > .pkp_structure_sidebar {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 25px 0 0 !important;
    border-left: 0 !important;
  }
}

/* 16 — Footer seimbang dengan header contained DINAMISIA */
.pkp_structure_footer_wrapper {
  box-sizing: border-box;
  width: calc(100% - 32px) !important;
  max-width: var(--dn-header-max, 1280px) !important;
  margin: 24px auto 20px !important;
  padding: 26px 22px !important;
  background: var(--dn-navy, #07365b) !important;
  border-top: 5px solid var(--dn-gold, #e3ac29) !important;
  border-bottom: 0 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 25px rgba(7,54,91,.10);
  overflow: hidden;
}
.pkp_structure_footer_wrapper::before,
.pkp_structure_footer_wrapper::after { content: none !important; }
.pkp_structure_footer {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.pkp_footer_content {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 20px 24px !important;
  background: #eaf8fc;
  border: 1px solid #add7f3;
  border-radius: 12px;
  color: #19374c;
  overflow-wrap: anywhere;
}
.pkp_footer_content p { margin-top: 0; margin-bottom: 12px; line-height: 1.6; }
.pkp_footer_content p:last-child { margin-bottom: 0; }
.pkp_footer_content a { color: #075c98; text-decoration: underline; }
.pkp_footer_content a:hover { color: #043c6c; }
@media (max-width: 600px) {
  .pkp_structure_footer_wrapper {
    width: calc(100% - 16px) !important;
    margin: 16px auto !important;
    padding: 15px 12px !important;
    border-radius: 10px !important;
  }
  .pkp_footer_content { padding: 14px !important; }
}

/* DINAMISIA - Information Journal Sidebar */

.dinamisia-journal-menu {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 0 24px;
    border: 1px solid #dce6ef;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
}

.dinamisia-journal-menu-title {
    margin: 0 !important;
    padding: 16px 20px !important;
    background: #07365B;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    border-bottom: 4px solid #E3AC29;
}

.dinamisia-journal-menu-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 8px !important;
}

.dinamisia-journal-menu-list li {
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e6edf4;
}

.dinamisia-journal-menu-list li:last-child {
    border-bottom: none;
}

.dinamisia-journal-menu-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-width: 0;
    padding: 12px 14px;
    color: #095EAA;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    border-radius: 8px;
    overflow-wrap: anywhere;
    transition: background .2s ease, color .2s ease;
}

.dinamisia-journal-menu-list a::after {
    content: "›";
    flex: 0 0 auto;
    color: #D6A42A;
    font-size: 22px;
    font-weight: 700;
}

.dinamisia-journal-menu-list a:hover,
.dinamisia-journal-menu-list a:focus-visible {
    background: #ECF7FF;
    color: #07365B;
    text-decoration: none;
}

.dinamisia-journal-menu-list a:focus-visible {
    outline: 2px solid #095EAA;
    outline-offset: -2px;
}

@media (max-width: 767px) {
    .dinamisia-journal-menu-title {
        padding: 14px 16px !important;
    }
    .dinamisia-journal-menu-list a {
        padding: 11px 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dinamisia-journal-menu-list a {
        transition: none;
    }
}

/* ==========================================
   DINAMISIA - COMPACT INFORMATION JOURNAL
   ========================================== */

.pkp_structure_sidebar .dinamisia-journal-menu {
    margin: 0 0 16px !important;
    padding: 0 !important;
}

.pkp_structure_sidebar .dinamisia-journal-menu-title {
    margin: 0 !important;
    padding: 12px 18px !important;
    font-size: 17px !important;
    line-height: 24px !important;
}

.pkp_structure_sidebar .dinamisia-journal-menu-list {
    margin: 0 !important;
    padding: 6px 12px !important;
}

.pkp_structure_sidebar .dinamisia-journal-menu-list li {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    border-bottom: 1px dashed #d9e5ef;
}

.pkp_structure_sidebar .dinamisia-journal-menu-list li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    line-height: 20px !important;
    font-size: 14px !important;
}

.pkp_structure_sidebar .dinamisia-journal-menu-list li a::after {
    font-size: 20px !important;
    line-height: 1 !important;
}

.pkp_structure_sidebar .dinamisia-journal-menu-list li:last-child {
    border-bottom: none;
}

/* ==========================================
   DINAMISIA NOVA - TEMPLATE & TOOLS
   Compact Sidebar Components
   ========================================== */

.pkp_structure_sidebar .dinamisia-resources {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 0 18px;
    padding: 0;
    box-sizing: border-box;
}

.pkp_structure_sidebar .dinamisia-resource-section {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: 1px solid #dce6ef;
    border-radius: 15px;
    background: #ffffff;
    overflow: hidden;
    box-sizing: border-box;
}

.pkp_structure_sidebar .dinamisia-resource-heading {
    margin: 0 !important;
    padding: 12px 16px !important;
    color: #ffffff !important;
    background: #07365B;
    border-bottom: 4px solid #E3AC29;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 23px !important;
    text-align: left;
    text-transform: uppercase;
}

.pkp_structure_sidebar .dinamisia-resource-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 !important;
    padding: 10px !important;
    min-width: 0;
    box-sizing: border-box;
}

.pkp_structure_sidebar .dinamisia-resource-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid #e5edf4;
    border-radius: 9px;
    background: #f7fafc;
    text-decoration: none;
    box-sizing: border-box;
    transition: border-color .2s ease,
                background .2s ease;
}

.pkp_structure_sidebar .dinamisia-resource-link:hover,
.pkp_structure_sidebar .dinamisia-resource-link:focus-visible {
    background: #ECF7FF;
    border-color: #E3AC29;
    text-decoration: none;
}

.pkp_structure_sidebar .dinamisia-resource-link:focus-visible {
    outline: 2px solid #095EAA;
    outline-offset: 2px;
}

.pkp_structure_sidebar .dinamisia-resource-link img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: 85px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain;
    box-shadow: none !important;
}

@media (max-width: 767px) {
    .pkp_structure_sidebar .dinamisia-resources {
        width: 100%;
    }

    .pkp_structure_sidebar .dinamisia-resource-body {
        padding: 8px !important;
        gap: 8px;
    }

    .pkp_structure_sidebar .dinamisia-resource-link {
        padding: 8px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pkp_structure_sidebar .dinamisia-resource-link {
        transition: none;
    }
}

/* ========================================
   DINAMISIA NOVA - VISITOR STATISTICS
   ======================================== */

.pkp_structure_sidebar .dinamisia-visitor {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 0 18px;
    padding: 0;
    background: #ffffff;
    border: 1px solid #dce6ef;
    border-radius: 15px;
    overflow: hidden;
    box-sizing: border-box;
}

.pkp_structure_sidebar .dinamisia-visitor-title {
    margin: 0 !important;
    padding: 12px 16px !important;
    background: #07365B;
    color: #ffffff !important;
    border-bottom: 4px solid #E3AC29;
    font-size: 16px !important;
    line-height: 23px !important;
    font-weight: 700;
    text-align: left;
}

.pkp_structure_sidebar .dinamisia-visitor-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    min-width: 0;
}

.pkp_structure_sidebar .dinamisia-visitor-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 12px 8px;
    background: #f7fafc;
    border: 1px solid #e5edf4;
    border-radius: 10px;
    box-sizing: border-box;
}

.pkp_structure_sidebar .dinamisia-visitor-item > a {
    max-width: 100%;
}

.pkp_structure_sidebar .dinamisia-visitor-item img {
    display: block;
    width: auto;
    max-width: 100% !important;
    height: auto;
    margin: 0 auto;
    border: none;
}

.pkp_structure_sidebar .dinamisia-visitor-item img[width="1"] {
    width: 1px !important;
    height: 1px !important;
}

.pkp_structure_sidebar .dinamisia-visitor-button {
    display: block;
    width: 100%;
    padding: 9px 12px;
    background: #095EAA;
    color: #ffffff !important;
    border-radius: 8px;
    text-align: center;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    box-sizing: border-box;
}

.pkp_structure_sidebar .dinamisia-visitor-button:hover,
.pkp_structure_sidebar .dinamisia-visitor-button:focus-visible {
    background: #07365B;
    color: #ffffff !important;
}

@media (max-width: 767px) {
    .pkp_structure_sidebar .dinamisia-visitor-body {
        padding: 9px;
    }
}

/* ==========================================
   DINAMISIA NOVA - SINTA / SCOPUS / ISSN
   ========================================== */

.pkp_structure_sidebar .dinamisia-index-profile {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 0 18px;
    padding: 0;
    box-sizing: border-box;
}

/* Kartu logo */
.pkp_structure_sidebar .dinamisia-index-logo {
    width: 100%;
    min-width: 0;
    margin: 0 0 10px !important;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #dce6ef;
    border-radius: 12px;
    box-sizing: border-box;
    overflow: hidden;
}

.pkp_structure_sidebar .dinamisia-index-logo a {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.pkp_structure_sidebar .dinamisia-index-logo img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 125px !important;
    margin: 0 auto !important;
    object-fit: contain;
}

/* ISSN Panel */
.pkp_structure_sidebar .dinamisia-issn {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    background: #ffffff;
    border: 1px solid #dce6ef;
    border-radius: 14px;
    overflow: hidden;
    box-sizing: border-box;
}

.pkp_structure_sidebar .dinamisia-issn-title {
    margin: 0 !important;
    padding: 12px 16px !important;
    background: #07365B;
    border-bottom: 4px solid #E3AC29;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 23px !important;
}

.pkp_structure_sidebar .dinamisia-issn-body {
    padding: 8px 14px;
}

.pkp_structure_sidebar .dinamisia-issn-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 10px;
    min-width: 0;
    margin: 0 !important;
    padding: 12px 0;
    border-bottom: 1px dashed #dce6ef;
    font-size: 13px;
    line-height: 20px;
    color: #19374c;
}

.pkp_structure_sidebar .dinamisia-issn-row:last-child {
    border-bottom: none;
}

.pkp_structure_sidebar .dinamisia-issn-row span {
    font-weight: 600;
}

.pkp_structure_sidebar .dinamisia-issn-row a {
    color: #095EAA;
    font-weight: 700;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.pkp_structure_sidebar .dinamisia-issn-row a:hover {
    color: #07365B;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .pkp_structure_sidebar .dinamisia-index-logo img {
        max-height: 100px !important;
    }
}
/* DINAMISIA NOVA — Announcement Cards for OJS 3.4
   Add at the VERY END of the current journal stylesheet.
   Scoped to announcements only; no header/footer/sidebar changes. */

/* Homepage: OJS displays one featured announcement and a .more group */
.pkp_page_index .cmp_announcements {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 18px 0 24px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
}
.pkp_page_index .cmp_announcements::before,
.pkp_page_index .cmp_announcements::after,
.pkp_page_index .cmp_announcements > .obj_announcement_summary::before,
.pkp_page_index .cmp_announcements > .more::before {
  display: none !important;
  content: none !important;
}
.pkp_page_index .cmp_announcements > .obj_announcement_summary {
  float: none !important;
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 22px 24px !important;
  background: #ffffff !important;
  border: 1px solid #dce6ef !important;
  border-top: 4px solid #e3ac29 !important;
  border-radius: 15px !important;
  box-shadow: 0 6px 20px rgba(7,54,91,.06) !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere;
}
.pkp_page_index .cmp_announcements > .more {
  float: none !important;
  position: static !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
}
.pkp_page_index .cmp_announcements > .more > .obj_announcement_summary {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 17px 18px !important;
  background: #ffffff !important;
  border: 1px solid #dce6ef !important;
  border-radius: 13px !important;
  box-shadow: 0 4px 14px rgba(7,54,91,.045) !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere;
}
.pkp_page_index .cmp_announcements .obj_announcement_summary h3,
.pkp_page_index .cmp_announcements .obj_announcement_summary h4,
.pkp_page_index .cmp_announcements .obj_announcement_summary h3 a,
.pkp_page_index .cmp_announcements .obj_announcement_summary h4 a {
  color: #07365b !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}
.pkp_page_index .cmp_announcements > .obj_announcement_summary h3 {
  margin: 0 0 10px !important;
  font-size: clamp(18px, 1.8vw, 22px) !important;
}
.pkp_page_index .cmp_announcements .more .obj_announcement_summary h4,
.pkp_page_index .cmp_announcements .more .obj_announcement_summary h3 {
  font-size: 16px !important;
  margin: 0 0 9px !important;
}
.pkp_page_index .cmp_announcements .obj_announcement_summary .date {
  display: block;
  margin: 0 0 13px !important;
  color: #61788c !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}
.pkp_page_index .cmp_announcements .obj_announcement_summary .date::before {
  content: "\1F4C5";
  margin-right: 7px;
  color: #c99a20;
}
.pkp_page_index .cmp_announcements .obj_announcement_summary .description,
.pkp_page_index .cmp_announcements .obj_announcement_summary .description p,
.pkp_page_index .cmp_announcements .obj_announcement_summary .summary {
  font-size: 14px !important;
  line-height: 1.7 !important;
  overflow-wrap: anywhere !important;
}
.pkp_page_index .cmp_announcements .obj_announcement_summary a:hover,
.pkp_page_index .cmp_announcements .obj_announcement_summary a:focus-visible {
  color: #095eaa !important;
}
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read-more {
  display: inline-flex !important;
  align-items: center;
  margin-top: 12px !important;
  color: #095eaa !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  text-transform: uppercase;
  text-decoration: none !important;
}

/* Announcement archive / list page: cards instead of long dividers */
.pkp_page_announcements .cmp_announcements,
.page_announcements .cmp_announcements {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 0 !important;
}
.pkp_page_announcements .cmp_announcements > li,
.page_announcements .cmp_announcements > li {
  margin: 0 0 14px !important;
  padding: 18px 20px !important;
  border: 1px solid #dce6ef !important;
  border-left: 4px solid #e3ac29 !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 14px rgba(7,54,91,.045) !important;
}
@media (max-width: 767px) {
  .pkp_page_index .cmp_announcements > .more {
    grid-template-columns: minmax(0,1fr) !important;
  }
  .pkp_page_index .cmp_announcements > .obj_announcement_summary {
    padding: 18px 16px !important;
  }
  .pkp_page_index .cmp_announcements > .more > .obj_announcement_summary {
    padding: 16px !important;
  }
}

/* ==========================================
   DINAMISIA - COMPACT ANNOUNCEMENT CARDS
   Ukuran lebih kecil, font standar OJS
   ========================================== */

/* Jarak antar kartu */
.pkp_structure_main .cmp_announcements,
.pkp_structure_main .cmp_announcements > ul,
.pkp_structure_main ul.cmp_announcements,
.pkp_structure_main .page_announcements > ul,
.pkp_structure_main .announcements > ul {
    gap: 12px !important;
    margin: 12px 0 !important;
}

/* Semua kartu */
.pkp_structure_main .cmp_announcements > li,
.pkp_structure_main .cmp_announcements > ul > li,
.pkp_structure_main .page_announcements > ul > li,
.pkp_structure_main .announcements > ul > li,
.pkp_structure_main .obj_announcement_summary {
    padding: 14px 16px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* Kartu utama tetap lebar, tetapi lebih ringkas */
.pkp_structure_main .cmp_announcements > li:first-child,
.pkp_structure_main .cmp_announcements > ul > li:first-child,
.pkp_structure_main .page_announcements > ul > li:first-child {
    padding: 16px !important;
}

/* Judul pengumuman */
.pkp_structure_main .obj_announcement_summary .title,
.pkp_structure_main .obj_announcement_summary h2,
.pkp_structure_main .obj_announcement_summary h3,
.pkp_structure_main .cmp_announcements .title {
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    margin: 0 0 6px !important;
}

/* Tanggal */
.pkp_structure_main .obj_announcement_summary .date,
.pkp_structure_main .cmp_announcements .date {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 0 0 8px !important;
}

/* Teks isi pengumuman */
.pkp_structure_main .obj_announcement_summary .description,
.pkp_structure_main .obj_announcement_summary .summary,
.pkp_structure_main .obj_announcement_summary .content {
    font-size: 13px !important;
    line-height: 1.55 !important;
}

/* Batasi ringkasan pengumuman utama */
.pkp_structure_main .cmp_announcements > li:first-child
.obj_announcement_summary .description,
.pkp_structure_main .cmp_announcements > li:first-child
.obj_announcement_summary .summary,
.pkp_structure_main .cmp_announcements > ul > li:first-child
.obj_announcement_summary .description,
.pkp_structure_main .cmp_announcements > ul > li:first-child
.obj_announcement_summary .summary {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    line-clamp: 4;
    overflow: hidden !important;
}

/* Kurangi jarak paragraf */
.pkp_structure_main .obj_announcement_summary p {
    margin: 0 0 7px !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Tombol Read More */
.pkp_structure_main .obj_announcement_summary .read_more,
.pkp_structure_main .obj_announcement_summary .read_more a {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin-top: 8px !important;
}

/* Kartu lebih sederhana */
.pkp_structure_main .obj_announcement_summary {
    box-shadow: 0 2px 8px rgba(7,54,91,.04) !important;
}

/* Tampilan smartphone */
@media (max-width: 575px) {
    .pkp_structure_main .cmp_announcements > li,
    .pkp_structure_main .cmp_announcements > ul > li,
    .pkp_structure_main .obj_announcement_summary {
        padding: 10px !important;
    }
}

/* ==================================================
   DINAMISIA NOVA - PEER REVIEWERS
   Simple Modern Cards | OJS 3.4
   ================================================== */

.dinamisia-reviewers {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 14px;
    color: #34495e;
    line-height: 1.55;
}

/* JUDUL HALAMAN */
.dinamisia-reviewers h2 {
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #07365B !important;
    font-size: 21px !important;
    font-weight: 700;
}

.dinamisia-reviewers h3 {
    margin: 20px 0 14px !important;
    padding-bottom: 9px;
    color: #07365B !important;
    font-size: 16px !important;
    font-weight: 700;
    border-bottom: 2px solid #E3AC29;
}

/* DESKRIPSI */
.dinamisia-reviewers > p {
    margin: 0 0 14px !important;
    color: #617487;
    font-size: 13px;
    line-height: 1.65;
}

/* DAFTAR REVIEWER */
.dinamisia-reviewers ol {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px !important;
    counter-reset: reviewer;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* KARTU REVIEWER */
.dinamisia-reviewers ol > li {
    position: relative;
    counter-increment: reviewer;
    min-width: 0;
    margin: 0 !important;
    padding: 15px 14px 14px 48px !important;
    border: 1px solid #DFE8F0;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(7,54,91,.04);
    box-sizing: border-box;
    transition: border-color .2s ease,
                box-shadow .2s ease;
}

/* NOMOR OTOMATIS */
.dinamisia-reviewers ol > li::before {
    content: counter(reviewer, decimal-leading-zero);
    position: absolute;
    top: 15px;
    left: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    background: #EDF5FB;
    color: #095EAA;
    font-size: 11px;
    font-weight: 700;
}

/* NAMA REVIEWER */
.dinamisia-reviewers ol > li > strong {
    display: block;
    color: #07365B !important;
    font-size: 14px !important;
    font-weight: 700;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

/* AFILIASI */
.dinamisia-reviewers ol > li p {
    margin: 6px 0 8px !important;
    color: #617487;
    font-size: 12px !important;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

/* TOMBOL PROFIL AKADEMIK */
.dinamisia-reviewers ol > li a {
    display: inline-block;
    margin: 3px 4px 2px 0;
    padding: 5px 9px;
    border: 1px solid #DCE8F1;
    border-radius: 6px;
    background: #F0F6FB;
    color: #095EAA !important;
    font-size: 11px !important;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none !important;
}

/* EFEK HOVER */
.dinamisia-reviewers ol > li:hover {
    border-color: #E3AC29;
    box-shadow: 0 5px 16px rgba(7,54,91,.08);
}

.dinamisia-reviewers ol > li a:hover {
    background: #095EAA;
    border-color: #095EAA;
    color: #ffffff !important;
}

/* MOBILE RESPONSIVE */
@media (max-width: 767px) {
    .dinamisia-reviewers ol {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px !important;
    }

    .dinamisia-reviewers ol > li {
        padding: 13px 12px 13px 46px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dinamisia-reviewers ol > li {
        transition: none;
    }
}

/* =====================================
   DINAMISIA - SINTA PROFILE BUTTON
   ===================================== */

/* Semua tombol profil tetap ringkas */
.dinamisia-reviewers ol > li a {
    display: inline-block;
    margin: 3px 4px 2px 0;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 11px !important;
    font-weight: 600;
    text-decoration: none !important;
}

/* SINTA */
.dinamisia-reviewers ol > li a[href*="sinta.kemdiktisaintek.go.id"],
.dinamisia-reviewers ol > li a[href*="sinta3.kemdikbud.go.id"] {
    background: #FFF7E5 !important;
    color: #835B00 !important;
    border: 1px solid #E3AC29 !important;
}

/* Hover SINTA */
.dinamisia-reviewers ol > li a[href*="sinta.kemdiktisaintek.go.id"]:hover,
.dinamisia-reviewers ol > li a[href*="sinta3.kemdikbud.go.id"]:hover {
    background: #E3AC29 !important;
    color: #07365B !important;
}

/* Scopus */
.dinamisia-reviewers ol > li a[href*="scopus.com"] {
    background: #FFF2E8 !important;
    color: #A64B13 !important;
    border: 1px solid #E8C4A9 !important;
}

/* Google Scholar */
.dinamisia-reviewers ol > li a[href*="scholar.google"] {
    background: #EDF5FF !important;
    color: #095EAA !important;
    border: 1px solid #CCE0F5 !important;
}

/* ==========================================
   DINAMISIA NOVA - EDITORIAL TEAM
   Simple Modern Cards | OJS 3.4
   ========================================== */

.dn-editorial {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
    color: #30465a;
}

/* Header */
.dn-editorial > h2 {
    color: #07365b !important;
    font-size: 21px !important;
    font-weight: 700;
    margin: 0 0 8px !important;
    padding: 0 0 10px !important;
    border-bottom: 3px solid #e3ac29;
}

.dn-editorial > p {
    color: #617487;
    font-size: 13px;
    line-height: 1.65;
    margin: 0 0 12px !important;
}

/* Section heading */
.dn-editorial > h3 {
    color: #07365b !important;
    font-size: 16px !important;
    font-weight: 700;
    margin: 22px 0 12px !important;
    padding: 0 0 8px !important;
    border-bottom: 2px solid #e3ac29;
}

/* Card grid */
.dn-editorial .dn-editorial-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 14px;
    padding: 0;
    min-width: 0;
}

/* Cards */
.dn-editorial .dn-editor-card {
    min-width: 0;
    padding: 13px 14px;
    margin: 0 !important;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #dfe7ee;
    border-radius: 10px;
    overflow-wrap: anywhere;
    transition: border-color .2s ease,
                box-shadow .2s ease;
}

/* Names */
.dn-editorial .dn-editor-card > strong {
    display: block;
    color: #07365b;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 700;
    margin: 0 0 5px;
}

/* Affiliation and email */
.dn-editorial .dn-editor-card p {
    margin: 4px 0 !important;
    color: #5d7080;
    font-size: 12px !important;
    line-height: 1.5;
}

.dn-editorial .dn-editor-card a[href^="mailto:"] {
    color: #095eaa;
    font-size: 12px;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.dn-editorial .dn-editor-card a[href^="mailto:"]:hover {
    text-decoration: underline;
}

/* Academic profile links */
.dn-editorial .dn-editor-profiles {
    margin-top: 9px !important;
}

.dn-editorial .dn-editor-profiles a {
    display: inline-block;
    padding: 4px 9px;
    margin: 2px 4px 2px 0;
    border: 1px solid #dce6ef;
    border-radius: 5px;
    background: #ecf4fb;
    color: #095eaa !important;
    font-size: 11px !important;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none !important;
}

/* Scopus */
.dn-editorial .dn-editor-profiles a[href*="scopus.com"] {
    background: #fff3ea;
    border-color: #ebc9ac;
    color: #975020 !important;
}

/* SINTA */
.dn-editorial .dn-editor-profiles a[href*="sinta."] {
    background: #fff7e5;
    border-color: #e3ac29;
    color: #795600 !important;
}

/* Google Scholar, jika ditambahkan */
.dn-editorial .dn-editor-profiles a[href*="scholar.google"] {
    background: #ecf4fb;
    border-color: #dce6ef;
    color: #095eaa !important;
}

/* Hover */
.dn-editorial .dn-editor-card:hover {
    border-color: #e3ac29;
    box-shadow: 0 4px 12px rgba(7,54,91,.07);
}

.dn-editorial .dn-editor-profiles a:hover {
    filter: brightness(.95);
}

/* Editorial Office */
.dn-editorial .dn-editorial-office {
    margin-top: 18px;
    padding: 12px 14px;
    background: #f3f7fb;
    border-left: 3px solid #e3ac29;
    border-radius: 7px;
}

.dn-editorial .dn-editorial-office > strong {
    color: #07365b;
    font-size: 13px;
}

.dn-editorial .dn-editorial-office p {
    margin: 4px 0 !important;
    font-size: 12px;
    line-height: 1.55;
}

.dn-editorial .dn-editorial-office a {
    color: #095eaa;
    text-decoration: none;
}

/* Mobile */
@media (max-width: 767px) {
    .dn-editorial .dn-editorial-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .dn-editorial .dn-editor-card {
        padding: 12px;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .dn-editorial .dn-editor-card {
        transition: none;
    }
}