/* =========================
   FHJ Homepage Hero Section
   ========================= */

.fhj-hero-wrap {
  max-width: 1100px;
  margin: 25px auto 35px auto;
  padding: 0 10px;
}

.fhj-hero-card,
.fhj-scope-card {
  background: #ffffff;
  border: 1px solid #dfe7e3;
  border-radius: 16px;
  padding: 28px 30px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
  margin-bottom: 22px;
}

.fhj-badge {
  display: inline-block;
  margin: 0 0 14px 0;
  padding: 7px 12px;
  background: #e8f5f0;
  color: #0d6a56;
  font-size: 13px;
  font-weight: 700;
  border-radius: 999px;
  letter-spacing: 0.2px;
}

.fhj-title {
  margin: 0 0 16px 0;
  font-size: 34px;
  line-height: 1.2;
  color: #17342d;
  font-weight: 700;
}

.fhj-meta {
  margin: 0 0 16px 0;
  line-height: 1.9;
}

.fhj-meta span {
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 7px 12px;
  background: #f4f8f6;
  border-radius: 8px;
  color: #425750;
  font-size: 14px;
}

.fhj-desc {
  font-size: 16px;
  line-height: 1.8;
  color: #4b5d57;
  margin: 0 0 22px 0;
  max-width: 800px;
}

.fhj-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 10px;
}

.fhj-btn {
  display: inline-block;
  padding: 12px 18px;
  text-decoration: none !important;
  border-radius: 10px;
  font-weight: 700;
  font-size: 14px;
  transition: all 0.2s ease;
}

.fhj-btn-primary {
  background: #0d6a56;
  color: #ffffff !important;
}

.fhj-btn-primary:hover {
  background: #095444;
  transform: translateY(-1px);
}

.fhj-btn-secondary {
  background: #dff2ea;
  color: #0d6a56 !important;
}

.fhj-btn-secondary:hover {
  background: #cfe9df;
  transform: translateY(-1px);
}

.fhj-btn-outline {
  border: 1px solid #0d6a56;
  color: #0d6a56 !important;
  background: #ffffff;
}

.fhj-btn-outline:hover {
  background: #f0f8f5;
  transform: translateY(-1px);
}

.fhj-scope-card h3 {
  margin: 0 0 14px 0;
  font-size: 24px;
  color: #17342d;
}

.fhj-scope-card p {
  margin: 0 0 12px 0;
  font-size: 16px;
  line-height: 1.8;
  color: #4b5d57;
}

.fhj-readmore {
  color: #0d6a56 !important;
  font-weight: 700;
  text-decoration: none;
}

.fhj-readmore:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .fhj-hero-card,
  .fhj-scope-card {
    padding: 22px 18px;
  }

  .fhj-title {
    font-size: 28px;
  }

  .fhj-meta span {
    display: block;
    margin-right: 0;
  }

  .fhj-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .fhj-btn {
    width: 100%;
    text-align: center;
  }
}
.fhj-hero-wrap {
  margin-top: 35px;
}

.fhj-hero-card,
.fhj-scope-card {
  transition: all 0.2s ease;
}

.fhj-hero-card:hover,
.fhj-scope-card:hover {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.07);
}

.fhj-meta span {
  vertical-align: middle;
}

.fhj-actions .fhj-btn {
  min-width: 180px;
  text-align: center;
}
/* Polishing Section 1 */

.fhj-hero-wrap {
  margin-top: 42px;
  margin-bottom: 40px;
}

.fhj-hero-card,
.fhj-scope-card {
  background: #ffffff;
  border: 1px solid #d9e3de;
  border-radius: 18px;
  padding: 32px 28px;
}

.fhj-hero-card:hover,
.fhj-scope-card:hover {
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07);
}

.fhj-title {
  font-size: 38px;
  margin-bottom: 18px;
}

.fhj-meta {
  margin-bottom: 18px;
}

.fhj-meta span {
  display: inline-block;
  margin: 0 10px 10px 0;
  padding: 8px 13px;
  background: #f3f8f5;
  border: 1px solid #e3ece7;
  border-radius: 999px;
  font-size: 14px;
  line-height: 1.4;
}

.fhj-desc {
  font-size: 17px;
  line-height: 1.9;
  margin-bottom: 24px;
}

.fhj-actions {
  gap: 14px;
}

.fhj-actions .fhj-btn {
  min-width: 185px;
  text-align: center;
  padding: 13px 18px;
}

.fhj-scope-card h3 {
  font-size: 22px;
  margin-bottom: 14px;
}

.fhj-scope-card p {
  font-size: 17px;
  line-height: 1.9;
}

@media (max-width: 768px) {
  .fhj-title {
    font-size: 30px;
  }

  .fhj-desc,
  .fhj-scope-card p {
    font-size: 16px;
  }

  .fhj-actions .fhj-btn {
    min-width: 100%;
  }
}
/* =========================
   FHJ Current Issue Section
   ========================= */

.fhj-current-issue-card {
  background: #ffffff;
  border: 1px solid #d9e3de;
  border-radius: 18px;
  padding: 30px 28px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
  margin: 0 0 35px 0;
  transition: all 0.2s ease;
}

.fhj-current-issue-card:hover {
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07);
}

.fhj-current-issue-header {
  margin-bottom: 16px;
}

.fhj-section-label {
  display: inline-block;
  margin: 0 0 12px 0;
  padding: 7px 12px;
  background: #eef7f3;
  color: #0d6a56;
  font-size: 13px;
  font-weight: 700;
  border-radius: 999px;
}

.fhj-current-issue-header h3 {
  margin: 0 0 10px 0;
  font-size: 32px;
  line-height: 1.2;
  color: #17342d;
  font-weight: 700;
}

.fhj-issue-meta {
  margin: 0;
  font-size: 15px;
  color: #5a6a65;
  line-height: 1.7;
  font-weight: 600;
}

.fhj-current-issue-body {
  margin-top: 18px;
}

.fhj-issue-desc {
  margin: 0 0 22px 0;
  font-size: 17px;
  line-height: 1.9;
  color: #4b5d57;
  max-width: 780px;
}

.fhj-issue-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.fhj-issue-actions .fhj-btn {
  min-width: 190px;
  text-align: center;
}

@media (max-width: 768px) {
  .fhj-current-issue-card {
    padding: 22px 18px;
  }

  .fhj-current-issue-header h3 {
    font-size: 28px;
  }

  .fhj-issue-desc {
    font-size: 16px;
  }

  .fhj-issue-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .fhj-issue-actions .fhj-btn {
    width: 100%;
    min-width: 100%;
  }
}
.page_index_journal .current_issue {
  display: none;
}
/* =========================
   FHJ Sidebar Cleanup
   ========================= */

/* Rapikan jarak sidebar */
.pkp_structure_sidebar {
  padding-top: 25px;
}

/* Perhalus tampilan blok sidebar */
.pkp_block {
  background: #ffffff;
  border: 1px solid #d9e3de;
  border-radius: 14px;
  padding: 16px 16px 10px 16px;
  margin-bottom: 18px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

/* Judul blok sidebar */
.pkp_block .title,
.pkp_block h2,
.pkp_block h3 {
  font-size: 22px;
  color: #17342d;
  margin-bottom: 12px;
  font-weight: 700;
}

/* Link sidebar */
.pkp_block a {
  color: #0d6a56;
  text-decoration: none;
}

.pkp_block a:hover {
  text-decoration: underline;
}

/* Hapus garis kuning keras pada daftar lama jika ada */
.pkp_block ul li,
.pkp_block .content li {
  border-bottom: none !important;
  padding-bottom: 6px;
  margin-bottom: 6px;
}

/* Sembunyikan blok sidebar yang kurang penting di homepage */
.page_index_journal .block_make_submission,
.page_index_journal .block_web_feed,
.page_index_journal .block_language .title,
.page_index_journal .block_information,
.page_index_journal .block_developed_by,
.page_index_journal .block_tools,
.page_index_journal .block_statistics,
.page_index_journal .block_visitor,
.page_index_journal .block_custom-visit,
.page_index_journal .block_custom-download,
.page_index_journal .block_custom-tools {
  display: none !important;
}

/* Sembunyikan widget kecil current issue di sidebar jika ada */
.page_index_journal .pkp_block:has(.issue_toc),
.page_index_journal .pkp_block:has(.current_issue) {
  display: none !important;
}
/* Hide less important sidebar items on homepage */
.page_index_journal .pkp_block.block_custom.block_journal_history,
.page_index_journal .pkp_block.block_custom.block_hardcopy_order,
.page_index_journal .pkp_block.block_custom.block_visitor_statistics,
.page_index_journal .pkp_block.block_custom.block_tools,
.page_index_journal .pkp_block.block_custom.block_download,
.page_index_journal .pkp_block.block_custom.block_visit {
  display: none !important;
}
/* ===== Sidebar cleanup v2 ===== */

/* Sembunyikan blok sidebar bawah yang tidak penting di homepage */
.page_index_journal .pkp_structure_sidebar .pkp_block:nth-of-type(3),
.page_index_journal .pkp_structure_sidebar .pkp_block:nth-of-type(4),
.page_index_journal .pkp_structure_sidebar .pkp_block:nth-of-type(5),
.page_index_journal .pkp_structure_sidebar .pkp_block:nth-of-type(6) {
  display: none !important;
}

/* Sembunyikan beberapa item menu sekunder di blok MENU */
.page_index_journal .pkp_structure_sidebar .pkp_block ul li:nth-child(11),
.page_index_journal .pkp_structure_sidebar .pkp_block ul li:nth-child(12),
.page_index_journal .pkp_structure_sidebar .pkp_block ul li:nth-child(13) {
  display: none !important;
}
/* Hide sidebar blocks after MENU on homepage */
.page_index_journal .pkp_structure_sidebar .pkp_block:nth-of-type(n+3) {
  display: none !important;
}/* Hide less important items inside MENU */
.page_index_journal .pkp_structure_sidebar .pkp_block:nth-of-type(2) li:nth-child(11),
.page_index_journal .pkp_structure_sidebar .pkp_block:nth-of-type(2) li:nth-child(12),
.page_index_journal .pkp_structure_sidebar .pkp_block:nth-of-type(2) li:nth-child(13) {
  display: none !important;
}
/* Hide small current issue widget in sidebar */
.pkp_structure_sidebar .current_issue {
  display: none !important;
}
.pkp_structure_sidebar .obj_issue_summary {
  display: none !important;
}
/* Hide small current issue widget in sidebar */
.pkp_structure_sidebar .current_issue,
.pkp_structure_sidebar .block_current_issue,
.pkp_structure_sidebar .current,
.pkp_structure_sidebar .obj_issue_summary,
.pkp_structure_sidebar .issue_toc,
.pkp_structure_sidebar .issues_archive,
.pkp_structure_sidebar .cmp_issue_toc,
.pkp_structure_sidebar .cmp_issue_summary {
  display: none !important;
}
/* Hide last sidebar block on homepage */
.page_index_journal .pkp_structure_sidebar > *:last-child {
  display: none !important;
}
/* Hide sidebar current issue / web feed block on homepage */
.page_index_journal .pkp_structure_sidebar .block_web_feed {
  display: none !important;
}.page_index_journal .pkp_structure_sidebar .pkp_block.block_web_feed {
  display: none !important;
}/* Hide sidebar current issue widget */
.pkp_page_index .pkp_structure_sidebar .block_web_feed {
  display: none !important;
}

.pkp_page_index .pkp_structure_sidebar .pkp_block.block_web_feed {
  display: none !important;
}
/* =========================
   FHJ Professional Sidebar
   ========================= */

.pkp_structure_sidebar {
  padding-top: 18px;
}

.pkp_structure_sidebar .pkp_block {
  background: #ffffff;
  border: 1px solid #dbe5e0;
  border-radius: 16px;
  padding: 18px 18px 14px;
  margin-bottom: 18px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.pkp_structure_sidebar .pkp_block .title {
  background: none !important;
  color: #17342d !important;
  font-size: 22px;
  font-weight: 700;
  text-align: left;
  padding: 0 0 12px 0 !important;
  margin: 0 0 12px 0;
  border-bottom: 1px solid #e7efeb;
  line-height: 1.3;
}

.fhj-sidebar-links,
.pkp_structure_sidebar .pkp_block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fhj-sidebar-links li,
.pkp_structure_sidebar .pkp_block ul li {
  margin: 0 0 10px 0;
  padding: 0;
  border: none !important;
}

.fhj-sidebar-links li:last-child,
.pkp_structure_sidebar .pkp_block ul li:last-child {
  margin-bottom: 0;
}

.fhj-sidebar-links li a,
.pkp_structure_sidebar .pkp_block ul li a {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  background: #f6faf8;
  border: 1px solid #e2ebe6;
  color: #0d6a56;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  line-height: 1.45;
}

.fhj-sidebar-links li a:hover,
.pkp_structure_sidebar .pkp_block ul li a:hover {
  background: #eaf5f0;
  border-color: #d4e7dd;
  text-decoration: none;
  transform: translateY(-1px);
}

.pkp_structure_sidebar .block_language ul li a,
.pkp_structure_sidebar .block_language a {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: #0d6a56;
  font-weight: 600;
}

.pkp_structure_sidebar .block_language a:hover {
  text-decoration: underline;
  transform: none !important;
}

@media (max-width: 992px) {
  .pkp_structure_sidebar .pkp_block {
    padding: 16px 14px 12px;
  }

  .pkp_structure_sidebar .pkp_block .title {
    font-size: 20px;
  }
}/* Slightly more elegant block spacing */
.pkp_structure_sidebar .pkp_block {
  border-radius: 18px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
  padding: 18px 18px 16px;
}
/* =========================
   FHJ Header Redesign
   Elegant Yellow Version
   ========================= */

/* Header utama */
.pkp_structure_head {
  background: #e6e65a !important;
  border-bottom: 1px solid #d4d454;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* Area logo */
.pkp_site_name_wrapper {
  background: #e6e65a !important;
  padding-top: 8px;
  padding-bottom: 4px;
}

/* Logo */
.pkp_site_name {
  padding: 10px 0 6px 0 !important;
  text-align: left;
}

.pkp_site_name .is_img img,
.pkp_site_name img {
  max-height: 82px !important;
  width: auto !important;
  display: block;
}

/* Navigasi utama */
.pkp_navigation_primary_wrapper {
  background: #e6e65a !important;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.pkp_navigation_primary_row {
  background: transparent !important;
  border-top: none !important;
  border-bottom: none !important;
  padding: 0 !important;
}

/* Menu utama */
.pkp_navigation_primary > li > a {
  color: #17342d !important;
  font-weight: 600;
  font-size: 15px;
  padding: 14px 16px !important;
  border-radius: 10px;
  transition: all 0.2s ease;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  background: rgba(255, 255, 255, 0.38) !important;
  color: #0d6a56 !important;
  text-decoration: none !important;
}

/* Menu aktif */
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li.active > a {
  background: rgba(255, 255, 255, 0.45) !important;
  color: #0d6a56 !important;
  font-weight: 700;
}

/* Dropdown */
.pkp_navigation_primary .dropdown-menu,
.pkp_nav_list ul {
  background: #ffffff !important;
  border: 1px solid #dfe7e3 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
  padding: 8px 0 !important;
}

.pkp_navigation_primary .dropdown-menu a,
.pkp_nav_list ul a {
  color: #17342d !important;
  padding: 10px 16px !important;
  font-weight: 500;
}

.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_nav_list ul a:hover {
  background: #f3f8f5 !important;
  color: #0d6a56 !important;
}

/* Search */
.pkp_navigation_search_wrapper a,
.pkp_search button,
.pkp_search_toggle {
  color: #17342d !important;
  font-weight: 600;
}

.pkp_navigation_search_wrapper a:hover,
.pkp_search button:hover,
.pkp_search_toggle:hover {
  color: #0d6a56 !important;
}

/* User menu atas */
.pkp_user_nav,
.pkp_user_nav a {
  color: #4d5d57 !important;
  font-size: 13px;
}

.pkp_user_nav a:hover {
  color: #0d6a56 !important;
}

/* Container biar rapi */
.pkp_structure_head .pkp_head_wrapper,
.pkp_structure_head .pkp_navigation_primary_wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 18px;
  padding-right: 18px;
}

/* Responsive */
@media (max-width: 992px) {
  .pkp_site_name .is_img img,
  .pkp_site_name img {
    max-height: 68px !important;
  }
}

@media (max-width: 768px) {
  .pkp_site_name {
    padding: 8px 0 4px 0 !important;
  }

  .pkp_navigation_primary > li > a {
    padding: 12px 14px !important;
    font-size: 14px;
  }
}background: #e6e65a;
/* Hero title refinement */
.fhj-title {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  color: #17342d;
  letter-spacing: 0.2px;
  margin: 0 0 18px 0;
}

/* Kalau judul masih pakai h2/h3 tanpa class */
.fhj-hero-card h1,
.fhj-hero-card h2,
.fhj-hero-card h3 {
  font-size: 46px;
  line-height: 1.2;
  font-weight: 700;
  color: #17342d;
  letter-spacing: 0.2px;
}
/* =========================
   FHJ Unified Block Typography
   ========================= */

/* Label kecil di atas blok */
.fhj-badge,
.fhj-section-label {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 999px;
  background: #e5f1ec;
  color: #0d6a56;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.2px;
  margin-bottom: 22px;
}

/* Samakan judul 3 blok utama */
.fhj-title,
.fhj-hero-card h1,
.fhj-hero-card h2,
.fhj-scope-card h2,
.fhj-current-issue-card h3 {
  font-size: 32px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: #17342d !important;
  letter-spacing: 0.2px;
  margin: 0 0 18px 0 !important;
}

/* Metadata kecil di bawah judul */
.fhj-meta,
.fhj-issue-meta {
  font-size: 17px;
  line-height: 1.75;
  color: #415650;
  font-weight: 500;
  margin: 0 0 18px 0;
}

/* Metadata hero jangan terlalu berat */
.fhj-meta strong,
.fhj-issue-meta strong {
  color: #17342d;
  font-weight: 700;
}

/* Paragraf isi di semua blok */
.fhj-desc,
.fhj-scope-card p,
.fhj-issue-desc {
  font-size: 18px !important;
  line-height: 1.8 !important;
  color: #4b5d57 !important;
  margin: 0 0 20px 0 !important;
  max-width: 860px;
}

/* Tautan Read More biar serasi */
.fhj-readmore,
.fhj-scope-card a,
.fhj-current-issue-card a {
  font-weight: 700;
}

/* Card spacing lebih konsisten */
.fhj-hero-card,
.fhj-scope-card,
.fhj-current-issue-card {
  padding: 34px 30px !important;
}

/* Rapikan margin bawah tombol */
.fhj-actions,
.fhj-issue-actions {
  margin-top: 22px;
}

/* Responsive */
@media (max-width: 768px) {
  .fhj-badge,
  .fhj-section-label {
    font-size: 15px;
    padding: 9px 14px;
  }

  .fhj-title,
  .fhj-hero-card h1,
  .fhj-hero-card h2,
  .fhj-scope-card h2,
  .fhj-current-issue-card h3 {
    font-size: 28px !important;
  }

  .fhj-meta,
  .fhj-issue-meta {
    font-size: 15px;
  }

  .fhj-desc,
  .fhj-scope-card p,
  .fhj-issue-desc {
    font-size: 17px !important;
    line-height: 1.75 !important;
  }
}/* =========================
   FHJ Hero Metadata Badges
   ========================= */

.fhj-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  margin: 0 0 22px 0 !important;
  padding: 0;
}

.fhj-meta span {
  display: inline-flex;
  align-items: center;
  padding: 9px 14px;
  background: #f4f8f6;
  border: 1px solid #dde6e1;
  border-radius: 999px;
  color: #465b55;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  box-sizing: border-box;
}

.fhj-meta span strong {
  color: #17342d;
  font-weight: 700;
  margin-right: 4px;
}
/* =========================
   FHJ Current Issue
   No Cover Version
   ========================= */

.fhj-current-issue-card {
  background: #ffffff;
  border: 1px solid #dbe5e0;
  border-radius: 22px;
  padding: 34px 30px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
  margin-bottom: 36px;
}

.fhj-current-issue-grid.no-cover {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 34px;
  align-items: start;
}

.fhj-current-title {
  font-size: 32px;
  line-height: 1.25;
  font-weight: 700;
  color: #17342d;
  margin: 0 0 14px 0;
}

.fhj-current-issue-left .fhj-issue-meta {
  font-size: 17px;
  line-height: 1.7;
  color: #445851;
  font-weight: 600;
  margin-bottom: 22px;
}

.fhj-current-issue-left .fhj-issue-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 6px;
}

.fhj-current-issue-left .fhj-issue-actions .fhj-btn {
  min-width: 160px;
  text-align: center;
}

.fhj-current-issue-right .fhj-issue-desc {
  font-size: 18px;
  line-height: 1.8;
  color: #4b5d57;
  margin: 0 0 26px 0;
  max-width: 760px;
}

.fhj-featured-articles h3 {
  font-size: 22px;
  line-height: 1.3;
  color: #17342d;
  margin: 0 0 18px 0;
  font-weight: 700;
}

.fhj-featured-item {
  padding: 16px 0;
  border-top: 1px solid #e7efeb;
}

.fhj-featured-item:first-of-type {
  border-top: none;
  padding-top: 0;
}

.fhj-featured-item a {
  display: inline-block;
  font-size: 18px;
  line-height: 1.5;
  color: #0d6a56;
  font-weight: 700;
  text-decoration: none;
  margin-bottom: 8px;
}

.fhj-featured-item a:hover {
  text-decoration: underline;
}

.fhj-featured-item p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #5a6a65;
}

@media (max-width: 992px) {
  .fhj-current-issue-grid.no-cover {
    grid-template-columns: 1fr;
    gap: 26px;
  }
}

@media (max-width: 768px) {
  .fhj-current-issue-card {
    padding: 28px 22px;
  }

  .fhj-current-title {
    font-size: 28px;
  }

  .fhj-featured-item a {
    font-size: 17px;
  }

  .fhj-current-issue-right .fhj-issue-desc {
    font-size: 17px;
  }
}/* =========================
   FHJ FINAL ADDITIONAL CONTENT
   ========================= */

.fhj-homepage-premium {
  margin: 26px 0 40px;
}

/* HERO */
.fhj-hero-premium {
  margin-bottom: 34px;
}

.fhj-hero-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.9fr;
  gap: 28px;
  align-items: start;
}

.fhj-hero-left,
.fhj-hero-right .fhj-info-card {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 22px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

.fhj-hero-left {
  padding: 36px 34px;
}

.fhj-info-card {
  padding: 0;
  overflow: hidden;
}

.fhj-badge,
.fhj-section-label {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 999px;
  background: #e5f1ec;
  color: #0d6a56;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 22px;
}

.fhj-hero-main-title {
  font-size: 56px;
  line-height: 1.08;
  font-weight: 700;
  color: #132d55;
  margin: 0 0 20px 0;
  letter-spacing: -0.6px;
}

.fhj-hero-main-desc {
  font-size: 20px;
  line-height: 1.8;
  color: #495d57;
  margin: 0 0 26px 0;
  max-width: 760px;
}

.fhj-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 22px;
}

.fhj-btn {
  display: inline-block;
  padding: 14px 22px;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none !important;
  line-height: 1.2;
  transition: all 0.2s ease;
  text-align: center;
}

.fhj-btn-primary {
  background: #0d6a56;
  color: #ffffff !important;
}

.fhj-btn-primary:hover {
  background: #095444;
}

.fhj-btn-outline {
  background: #ffffff;
  border: 2px solid #17342d;
  color: #17342d !important;
}

.fhj-btn-outline:hover {
  background: #f3f8f5;
}

.fhj-hero-links {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}

.fhj-hero-links a {
  color: #c96a2c;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.fhj-hero-links a:hover {
  text-decoration: underline;
}

/* JOURNAL INFO CARD */
.fhj-info-card h2 {
  background: #132d55;
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  padding: 24px 26px 20px;
}

.fhj-info-table {
  padding: 0;
}

.fhj-info-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  padding: 16px 26px;
  border-top: 1px solid #e6ece8;
  font-size: 17px;
  line-height: 1.5;
}

.fhj-info-row span {
  color: #556863;
}

.fhj-info-row strong {
  color: #17342d;
  font-weight: 700;
  text-align: right;
}

/* TRUST */
.fhj-trust-section {
  margin: 8px 0 40px;
}

.fhj-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

.fhj-trust-badge {
  display: inline-flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 999px;
  background: #f3eee6;
  border: 1px solid #e7dfd2;
  color: #0d6a56;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

/* CURRENT ISSUE SIMPLE */
.fhj-current-simple-section {
  margin: 0 0 48px 0;
}

.fhj-current-simple-card {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 22px;
  padding: 34px 30px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

.fhj-current-simple-card h2,
.fhj-section-intro h2,
.fhj-section-head-row h2 {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
  color: #132d55;
  margin: 0 0 14px 0;
}

.fhj-current-simple-meta {
  font-size: 18px;
  line-height: 1.7;
  color: #4f625d;
  font-weight: 600;
  margin: 0 0 16px 0;
}

.fhj-current-simple-desc {
  font-size: 18px;
  line-height: 1.8;
  color: #4b5d57;
  margin: 0 0 24px 0;
  max-width: 820px;
}

.fhj-current-simple-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

/* AIMS & SCOPE */
.fhj-aims-scope-section {
  margin: 48px 0;
}

.fhj-section-intro {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 34px auto;
}

.fhj-section-intro p {
  font-size: 18px;
  line-height: 1.75;
  color: #495d57;
  margin: 0;
}

.fhj-scope-grid-modern {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.fhj-scope-card-modern {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 20px;
  padding: 28px 28px 26px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.fhj-scope-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #e8f2ee;
  color: #0d6a56;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 18px;
}

.fhj-scope-card-modern h3 {
  font-size: 22px;
  line-height: 1.3;
  color: #132d55;
  margin: 0 0 18px 0;
  font-weight: 700;
}

.fhj-scope-card-modern ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fhj-scope-card-modern li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 12px;
  font-size: 17px;
  line-height: 1.6;
  color: #435651;
}

.fhj-scope-card-modern li::before {
  content: "›";
  position: absolute;
  left: 0;
  top: 0;
  color: #0d6a56;
  font-weight: 700;
}

/* LATEST ARTICLES */
.fhj-latest-articles-section {
  margin: 52px 0 32px 0;
}

.fhj-section-head-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 26px;
}

.fhj-section-head-row p {
  font-size: 18px;
  color: #50635d;
  margin: 0;
}

.fhj-view-all-link {
  color: #0d6a56;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}

.fhj-view-all-link:hover {
  text-decoration: underline;
}

.fhj-article-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.fhj-article-card {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 20px;
  padding: 22px 24px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.fhj-article-topline {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.fhj-article-tag {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.fhj-article-tag.public-health {
  background: #e8f2ee;
  color: #0d6a56;
}

.fhj-article-tag.midwifery {
  background: #f8eee6;
  color: #c46b2d;
}

.fhj-article-tag.nursing {
  background: #ececf2;
  color: #4a5872;
}

.fhj-article-type {
  font-size: 15px;
  color: #596c66;
}

.fhj-article-card h3 {
  margin: 0 0 12px 0;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
}

.fhj-article-card h3 a {
  color: #132d55;
  text-decoration: none;
}

.fhj-article-card h3 a:hover {
  color: #0d6a56;
  text-decoration: underline;
}

.fhj-article-authors {
  margin: 0 0 12px 0;
  font-size: 18px;
  line-height: 1.7;
  color: #4d605a;
}

.fhj-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  font-size: 15px;
  color: #6a7c76;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .fhj-hero-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 992px) {
  .fhj-scope-grid-modern {
    grid-template-columns: 1fr;
  }

  .fhj-section-head-row {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .fhj-hero-left,
  .fhj-current-simple-card,
  .fhj-scope-card-modern,
  .fhj-article-card {
    padding: 24px 20px;
  }

  .fhj-hero-main-title {
    font-size: 40px;
    line-height: 1.12;
  }

  .fhj-current-simple-card h2,
  .fhj-section-intro h2,
  .fhj-section-head-row h2 {
    font-size: 32px;
  }

  .fhj-hero-main-desc,
  .fhj-current-simple-desc,
  .fhj-section-intro p,
  .fhj-section-head-row p,
  .fhj-article-authors {
    font-size: 17px;
  }

  .fhj-info-row {
    grid-template-columns: 1fr;
  }

  .fhj-info-row strong {
    text-align: left;
  }
}/* ===== FHJ proportional homepage refinement ===== */

@media (min-width: 1100px) {
  .pkp_structure_sidebar {
    position: sticky;
    top: 24px;
    align-self: start;
  }
}

.fhj-homepage-premium {
  margin: 18px 0 24px;
}

.fhj-hero-premium {
  margin-bottom: 24px;
}

.fhj-trust-section {
  margin: 0 0 24px;
}

.fhj-current-simple-section {
  margin: 0 0 28px 0;
}

.fhj-aims-scope-section {
  margin: 28px 0;
}

.fhj-latest-articles-section {
  margin: 30px 0 18px 0;
}

.fhj-hero-left {
  padding: 30px 28px;
}

.fhj-info-card h2 {
  font-size: 22px;
  padding: 20px 22px 18px;
}

.fhj-info-row {
  padding: 14px 22px;
  font-size: 16px;
}

.fhj-scope-grid-modern {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.fhj-scope-card-modern {
  padding: 22px 22px 20px;
  border-radius: 18px;
}

.fhj-scope-card-modern h3 {
  font-size: 20px;
  margin: 0 0 14px 0;
}

.fhj-scope-card-modern li {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 9px;
}

.fhj-article-list {
  gap: 14px;
}

.fhj-article-card {
  padding: 18px 20px;
  border-radius: 18px;
}

.fhj-article-card h3 {
  font-size: 20px;
  line-height: 1.35;
  margin: 0 0 10px 0;
}

.fhj-article-authors {
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 10px 0;
}

.fhj-article-meta {
  font-size: 14px;
  gap: 14px;
}
/* =========================
   FHJ Header Height Reduction
   ========================= */

/* Header utama lebih ramping */
.pkp_structure_head {
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.03);
}

/* Area branding dipendekkan */
.pkp_site_name_wrapper {
  padding-top: 6px !important;
  padding-bottom: 4px !important;
}

/* Logo area dipadatkan */
.pkp_site_name {
  padding: 4px 0 2px 0 !important;
}

/* Logo diperbesar sedikit */
.pkp_site_name .is_img img,
.pkp_site_name img {
  max-height: 64px !important;
  width: auto !important;
}

/* User menu atas lebih rapat */
.pkp_user_nav,
.pkp_user_nav a {
  font-size: 12px !important;
  line-height: 1.2;
}

/* Navigation bar lebih ramping */
.pkp_navigation_primary_row {
  min-height: 42px !important;
}

/* Item menu dipadatkan */
.pkp_navigation_primary > li > a {
  font-size: 14px !important;
  padding: 10px 14px !important;
  border-radius: 8px;
}

/* Search ikut menyesuaikan */
.pkp_navigation_search_wrapper,
.pkp_navigation_search_wrapper a,
.pkp_search button,
.pkp_search_toggle {
  font-size: 14px !important;
}

/* Container header lebih padat */
.pkp_structure_head .pkp_head_wrapper,
.pkp_structure_head .pkp_navigation_primary_wrapper {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* Mobile */
@media (max-width: 992px) {
  .pkp_site_name .is_img img,
  .pkp_site_name img {
    max-height: 54px !important;
  }

  .pkp_navigation_primary > li > a {
    padding: 9px 12px !important;
  }
}

@media (max-width: 768px) {
  .pkp_site_name_wrapper {
    padding-top: 4px !important;
    padding-bottom: 2px !important;
  }

  .pkp_site_name {
    padding: 2px 0 !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img {
    max-height: 48px !important;
  }

  .pkp_navigation_primary_row {
    min-height: 42px !important;
  }
}/* ===== FHJ proportional homepage refinement - revised ===== */

@media (min-width: 1100px) {
  .pkp_structure_sidebar {
    position: sticky;
    top: 24px;
    align-self: start;
  }
}

.fhj-homepage-premium {
  margin: 14px 0 18px;
}

.fhj-hero-premium {
  margin-bottom: 18px;
}

.fhj-trust-section {
  margin: 0 0 18px;
}

.fhj-current-simple-section {
  margin: 0 0 20px 0;
}

.fhj-aims-scope-section {
  margin: 20px 0;
}

.fhj-latest-articles-section {
  margin: 22px 0 14px 0;
}

.fhj-hero-left {
  padding: 24px 22px;
}

.fhj-info-card h2 {
  font-size: 20px;
  padding: 16px 18px 14px;
  line-height: 1.1;
}

.fhj-info-row {
  padding: 12px 18px;
  font-size: 14px;
  line-height: 1.1;
}

/* ===== Current Issue ===== */

.fhj-current-simple-card {
  padding: 22px 22px;
}

.fhj-current-simple-card h2 {
  font-size: 26px;
  line-height: 1.1;
  margin: 0 0 8px 0;
}

.fhj-current-simple-meta {
  font-size: 14px;
  line-height: 1.1;
  margin: 0 0 10px 0;
}

.fhj-current-simple-desc {
  font-size: 15px;
  line-height: 1.1;
  margin: 0 0 14px 0;
}

.fhj-current-simple-actions {
  gap: 10px;
}

/* ===== Aims & Scope ===== */

.fhj-section-intro {
  margin: 0 auto 18px auto;
}

.fhj-section-intro h2 {
  font-size: 28px;
  line-height: 1.1;
  margin: 0 0 8px 0;
}

.fhj-section-intro p {
  font-size: 15px;
  line-height: 1.1;
  margin: 0;
}

.fhj-scope-grid-modern {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.fhj-scope-card-modern {
  padding: 18px 18px 16px;
  border-radius: 16px;
}

.fhj-scope-icon {
  width: 38px;
  height: 38px;
  margin-bottom: 10px;
  font-size: 12px;
}

.fhj-scope-card-modern h3 {
  font-size: 18px;
  line-height: 1.1;
  margin: 0 0 10px 0;
}

.fhj-scope-card-modern li {
  font-size: 14px;
  line-height: 1.1;
  margin-bottom: 7px;
}

/* ===== Latest Articles ===== */

.fhj-section-head-row {
  margin-bottom: 14px;
}

.fhj-section-head-row h2 {
  font-size: 28px;
  line-height: 1.1;
  margin: 0 0 6px 0;
}

.fhj-section-head-row p {
  font-size: 14px;
  line-height: 1.1;
  margin: 0;
}

.fhj-view-all-link {
  font-size: 14px;
  line-height: 1.1;
}

.fhj-article-list {
  gap: 12px;
}

.fhj-article-card {
  padding: 16px 18px;
  border-radius: 16px;
}

.fhj-article-topline {
  margin-bottom: 8px;
  gap: 8px;
}

.fhj-article-tag {
  font-size: 12px;
  line-height: 1.1;
  padding: 5px 10px;
}

.fhj-article-type {
  font-size: 12px;
  line-height: 1.1;
}

.fhj-article-card h3 {
  font-size: 18px;
  line-height: 1.1;
  margin: 0 0 8px 0;
}

.fhj-article-authors {
  font-size: 14px;
  line-height: 1.1;
  margin: 0 0 8px 0;
}

.fhj-article-meta {
  font-size: 12px;
  line-height: 1.1;
  gap: 10px;
}

/* ===== Sidebar ===== */

.pkp_structure_sidebar .pkp_block {
  padding: 14px 14px 12px;
  margin-bottom: 12px;
}

.pkp_structure_sidebar .pkp_block .title {
  font-size: 17px !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
}

.fhj-sidebar-links li a,
.pkp_structure_sidebar .pkp_block ul li a {
  padding: 8px 10px;
  min-height: 36px;
  font-size: 13px;
  line-height: 1.1;
}

/* ===== Responsive ===== */

@media (max-width: 768px) {
  .fhj-hero-left,
  .fhj-current-simple-card,
  .fhj-scope-card-modern,
  .fhj-article-card {
    padding: 18px 16px;
  }

  .fhj-current-simple-card h2,
  .fhj-section-intro h2,
  .fhj-section-head-row h2 {
    font-size: 24px;
  }

  .fhj-current-simple-desc,
  .fhj-section-intro p,
  .fhj-section-head-row p,
  .fhj-article-authors,
  .fhj-scope-card-modern li {
    font-size: 13px;
    line-height: 1.1;
  }
}.fhj-info-card h2 {
  text-align: center !important;
  justify-content: center;
  font-size: 24px;
  letter-spacing: 0.2px;
}/* =========================
   FHJ Editorial Team Page
   ========================= */

.fhj-editorial-page {
  max-width: 1100px;
  margin: 0 auto;
  padding: 28px 24px 40px;
}

.fhj-editorial-header {
  margin-bottom: 28px;
}

.fhj-page-label {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  background: #e5f1ec;
  color: #0d6a56;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 14px 0;
}

.fhj-editorial-header h1 {
  font-size: 40px;
  line-height: 1.15;
  font-weight: 700;
  color: #132d55;
  margin: 0 0 14px 0;
}

.fhj-page-intro {
  font-size: 18px;
  line-height: 1.55;
  color: #4d605a;
  max-width: 880px;
  margin: 0;
}

.fhj-editorial-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.fhj-role-card {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 20px;
  padding: 24px 22px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.fhj-role-card-wide {
  grid-column: 1 / -1;
}

.fhj-role-card h2 {
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
  color: #17342d;
  margin: 0 0 18px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e7efeb;
}

.fhj-member-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px 20px;
}

.fhj-member {
  padding: 2px 0;
}

.fhj-member h3 {
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  color: #132d55;
  margin: 0 0 6px 0;
}

.fhj-affiliation {
  font-size: 15px;
  line-height: 1.45;
  color: #586b65;
  margin: 0 0 6px 0;
}

.fhj-meta {
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}

.fhj-meta a {
  color: #0d6a56;
  font-weight: 600;
  text-decoration: none;
}

.fhj-meta a:hover {
  text-decoration: underline;
}

.fhj-editorial-footer-link {
  margin-top: 26px;
}

.fhj-editorial-footer-link a {
  color: #0d6a56;
  font-weight: 700;
  text-decoration: none;
}

.fhj-editorial-footer-link a:hover {
  text-decoration: underline;
}

@media (max-width: 900px) {
  .fhj-editorial-grid {
    grid-template-columns: 1fr;
  }

  .fhj-member-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .fhj-editorial-page {
    padding: 22px 18px 32px;
  }

  .fhj-editorial-header h1 {
    font-size: 32px;
  }

  .fhj-page-intro {
    font-size: 16px;
  }

  .fhj-role-card {
    padding: 20px 18px;
  }

  .fhj-role-card h2 {
    font-size: 20px;
  }

  .fhj-member h3 {
    font-size: 17px;
  }
}/* =========================
   FHJ Issue Page Redesign
   ========================= */

/* Batasi lebar konten halaman issue */
.page_issue_archive .pkp_structure_main,
.page_issue_view .pkp_structure_main,
.obj_issue_toc {
  max-width: 980px;
}

/* Judul issue */
.page_issue_archive h1,
.page_issue_view h1,
.obj_issue_toc .page_title,
.obj_issue_summary .title {
  font-size: 34px !important;
  line-height: 1.2 !important;
  color: #132d55 !important;
  font-weight: 700 !important;
  margin-bottom: 16px !important;
}

/* Deskripsi issue */
.obj_issue_summary .description,
.page_issue_archive .description,
.page_issue_view .description {
  font-size: 17px;
  line-height: 1.55;
  color: #4d605a;
  margin-bottom: 20px;
}

/* DOI + Published */
.obj_issue_summary .published,
.obj_issue_summary .doi,
.page_issue_archive .published,
.page_issue_view .published {
  font-size: 14px;
  line-height: 1.35;
  color: #5f706a;
  margin-bottom: 8px;
}

/* Bungkus ringkasan issue agar seperti card */
.obj_issue_summary,
.page_issue_archive .issue_description,
.page_issue_view .issue_description {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 20px;
  padding: 26px 24px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
  margin-bottom: 28px;
}

/* Heading section kategori */
.sections h2,
.section h2,
.cmp_toc_section h2,
.obj_issue_toc h2 {
  font-size: 24px !important;
  line-height: 1.2 !important;
  color: #17342d !important;
  font-weight: 700 !important;
  margin: 28px 0 14px 0 !important;
  padding-bottom: 8px;
  border-bottom: 1px solid #e7efeb;
}

/* Daftar artikel jadi grid vertikal rapih */
.obj_issue_toc .sections,
.obj_issue_toc .section {
  margin-top: 12px;
}

/* Tiap artikel */
.obj_issue_toc .article-summary,
.obj_issue_toc .tocArticle,
.cmp_article_list li,
.obj_issue_toc li {
  list-style: none !important;
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 18px;
  padding: 18px 20px;
  margin-bottom: 14px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

/* Judul artikel */
.obj_issue_toc .title,
.obj_issue_toc h3,
.obj_issue_toc .article-summary h3,
.obj_issue_toc .tocTitle {
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  margin: 0 0 10px 0 !important;
}

.obj_issue_toc .title a,
.obj_issue_toc h3 a,
.obj_issue_toc .tocTitle a {
  color: #132d55 !important;
  text-decoration: none !important;
}

.obj_issue_toc .title a:hover,
.obj_issue_toc h3 a:hover,
.obj_issue_toc .tocTitle a:hover {
  color: #0d6a56 !important;
  text-decoration: underline !important;
}

/* Penulis */
.obj_issue_toc .authors,
.obj_issue_toc .meta .authors,
.obj_issue_toc .article-summary .authors {
  font-size: 15px;
  line-height: 1.45;
  color: #526560;
  margin-bottom: 8px;
}

/* Halaman */
.obj_issue_toc .pages,
.obj_issue_toc .article-pages {
  font-size: 14px;
  color: #687973;
  margin-bottom: 10px;
}

/* Link PDF jadi tombol */
.obj_issue_toc .galleys_links a,
.obj_issue_toc .galley-link,
.obj_issue_toc .galleys a,
.obj_issue_toc .pdf {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 10px;
  border: 1px solid #0d6a56;
  color: #0d6a56 !important;
  background: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.obj_issue_toc .galleys_links a:hover,
.obj_issue_toc .galley-link:hover,
.obj_issue_toc .galleys a:hover,
.obj_issue_toc .pdf:hover {
  background: #eef7f3;
}

/* Breadcrumb lebih ringan */
.cmp_breadcrumbs,
.page_issue_archive .cmp_breadcrumbs,
.page_issue_view .cmp_breadcrumbs {
  font-size: 13px;
  color: #6b7c76;
  margin-bottom: 16px;
}

/* Responsive */
@media (max-width: 768px) {
  .obj_issue_summary,
  .page_issue_archive .issue_description,
  .page_issue_view .issue_description {
    padding: 20px 18px;
  }

  .page_issue_archive h1,
  .page_issue_view h1,
  .obj_issue_toc .page_title,
  .obj_issue_summary .title {
    font-size: 28px !important;
  }

  .obj_issue_toc .title,
  .obj_issue_toc h3,
  .obj_issue_toc .article-summary h3,
  .obj_issue_toc .tocTitle {
    font-size: 18px !important;
  }

  .obj_issue_toc .article-summary,
  .obj_issue_toc .tocArticle,
  .cmp_article_list li,
  .obj_issue_toc li {
    padding: 16px 16px;
  }
}/* =========================
   FHJ Article Page Redesign
   ========================= */

/* Area utama artikel */
.page_article .pkp_structure_main,
.obj_article_details {
  max-width: 980px;
}

/* Breadcrumb */
.page_article .cmp_breadcrumbs,
.obj_article_details .cmp_breadcrumbs {
  font-size: 13px;
  line-height: 1.3;
  color: #6a7c76;
  margin-bottom: 16px;
}

/* Header artikel */
.page_article .page_title,
.obj_article_details .page_title,
.obj_article_details h1 {
  font-size: 36px !important;
  line-height: 1.2 !important;
  color: #132d55 !important;
  font-weight: 700 !important;
  margin: 0 0 18px 0 !important;
}

/* Penulis */
.obj_article_details .authors,
.page_article .authors {
  font-size: 18px;
  line-height: 1.45;
  color: #4e615b;
  margin-bottom: 10px;
}

/* Afiliasi */
.obj_article_details .affiliations,
.obj_article_details .author_bios,
.page_article .affiliations {
  font-size: 15px;
  line-height: 1.45;
  color: #687973;
  margin-bottom: 14px;
}

/* DOI dan metadata artikel */
.obj_article_details .doi,
.obj_article_details .published,
.obj_article_details .pages,
.page_article .doi,
.page_article .published {
  font-size: 14px;
  line-height: 1.35;
  color: #5f706a;
  margin-bottom: 8px;
}

/* Bungkus metadata awal jadi lebih rapi */
.obj_article_details .entry_details,
.page_article .article_details,
.obj_article_details .item {
  margin-bottom: 14px;
}

/* Card utama artikel */
.obj_article_details,
.page_article .article-meta,
.page_article .article-details {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 20px;
  padding: 26px 24px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
  margin-bottom: 24px;
}

/* Bagian abstrak, keywords, references */
.obj_article_details h2,
.obj_article_details h3,
.page_article h2,
.page_article h3 {
  font-size: 24px !important;
  line-height: 1.2 !important;
  color: #17342d !important;
  font-weight: 700 !important;
  margin: 28px 0 12px 0 !important;
  padding-bottom: 8px;
  border-bottom: 1px solid #e7efeb;
}

/* Paragraf isi artikel */
.obj_article_details p,
.page_article p,
.obj_article_details .abstract,
.obj_article_details .item.abstract {
  font-size: 17px;
  line-height: 1.55;
  color: #4c5f59;
  margin-bottom: 14px;
}

/* Keywords */
.obj_article_details .keywords,
.page_article .keywords {
  font-size: 15px;
  line-height: 1.45;
  color: #5d706a;
  margin-bottom: 16px;
}

/* References */
.obj_article_details .references,
.page_article .references {
  font-size: 15px;
  line-height: 1.55;
  color: #4f625d;
}

.obj_article_details .references p,
.page_article .references p,
.obj_article_details .citation_display {
  margin-bottom: 12px;
}

/* Link umum */
.obj_article_details a,
.page_article a {
  color: #0d6a56;
  text-decoration: none;
}

.obj_article_details a:hover,
.page_article a:hover {
  text-decoration: underline;
}

/* Tombol PDF / galley */
.obj_article_details .galleys_links a,
.obj_article_details .galley-link,
.obj_article_details .galleys a,
.page_article .galleys_links a,
.page_article .pdf {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid #0d6a56;
  background: #ffffff;
  color: #0d6a56 !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.obj_article_details .galleys_links a:hover,
.obj_article_details .galley-link:hover,
.obj_article_details .galleys a:hover,
.page_article .galleys_links a:hover,
.page_article .pdf:hover {
  background: #eef7f3;
}

/* Sidebar artikel jika ada */
.page_article .pkp_structure_sidebar .pkp_block {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 18px;
  padding: 18px 16px 14px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  margin-bottom: 16px;
}

.page_article .pkp_structure_sidebar .pkp_block .title {
  font-size: 18px !important;
  line-height: 1.2 !important;
  color: #17342d !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  padding-bottom: 8px;
  border-bottom: 1px solid #e7efeb;
}

/* License / copyright */
.obj_article_details .license,
.page_article .license,
.obj_article_details .copyright,
.page_article .copyright {
  font-size: 14px;
  line-height: 1.45;
  color: #5b6d67;
  margin-top: 12px;
}

/* Mobile */
@media (max-width: 768px) {
  .obj_article_details,
  .page_article .article-meta,
  .page_article .article-details {
    padding: 20px 18px;
  }

  .page_article .page_title,
  .obj_article_details .page_title,
  .obj_article_details h1 {
    font-size: 28px !important;
  }

  .obj_article_details h2,
  .obj_article_details h3,
  .page_article h2,
  .page_article h3 {
    font-size: 20px !important;
  }

  .obj_article_details p,
  .page_article p {
    font-size: 16px;
  }

  .obj_article_details .authors,
  .page_article .authors {
    font-size: 16px;
  }
}/* =========================
   FHJ Article Page - BNJ Inspired
   ========================= */

/* Lebar konten utama */
.page_article .pkp_structure_main,
.obj_article_details {
  max-width: 980px;
}

/* Breadcrumb */
.page_article .cmp_breadcrumbs,
.obj_article_details .cmp_breadcrumbs {
  font-size: 13px;
  line-height: 1.35;
  color: #6a7c76;
  margin-bottom: 18px;
}

/* Card utama artikel */
.obj_article_details {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 22px;
  padding: 30px 28px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
  margin-bottom: 24px;
}

/* Judul artikel */
.page_article .page_title,
.obj_article_details .page_title,
.obj_article_details h1 {
  font-size: 38px !important;
  line-height: 1.18 !important;
  color: #132d55 !important;
  font-weight: 700 !important;
  margin: 0 0 18px 0 !important;
  letter-spacing: -0.2px;
}

/* Penulis */
.obj_article_details .authors,
.page_article .authors {
  font-size: 18px;
  line-height: 1.45;
  color: #4d605a;
  margin-bottom: 10px;
}

/* Afiliasi */
.obj_article_details .affiliations,
.obj_article_details .author_bios,
.page_article .affiliations {
  font-size: 15px;
  line-height: 1.45;
  color: #677972;
  margin-bottom: 16px;
}

/* DOI / Published / Issue / Section */
.obj_article_details .doi,
.obj_article_details .published,
.obj_article_details .pages,
.page_article .doi,
.page_article .published,
.page_article .issue,
.page_article .section {
  font-size: 14px;
  line-height: 1.4;
  color: #5f706a;
  margin-bottom: 8px;
}

/* DOI link */
.obj_article_details .doi a,
.page_article .doi a {
  color: #0d6a56 !important;
  font-weight: 700;
  text-decoration: none !important;
}

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

/* Blok galley / PDF */
.obj_article_details .galleys,
.obj_article_details .galleys_links,
.page_article .galleys_links {
  margin: 18px 0 18px 0;
}

.obj_article_details .galleys_links a,
.obj_article_details .galley-link,
.obj_article_details .galleys a,
.page_article .galleys_links a,
.page_article .pdf {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid #0d6a56;
  background: #ffffff;
  color: #0d6a56 !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  transition: all 0.2s ease;
  margin-right: 8px;
  margin-bottom: 8px;
}

.obj_article_details .galleys_links a:hover,
.obj_article_details .galley-link:hover,
.obj_article_details .galleys a:hover,
.page_article .galleys_links a:hover,
.page_article .pdf:hover {
  background: #eef7f3;
}

/* Heading section seperti BNJ-style editorial */
.obj_article_details h2,
.obj_article_details h3,
.page_article h2,
.page_article h3 {
  font-size: 24px !important;
  line-height: 1.2 !important;
  color: #17342d !important;
  font-weight: 700 !important;
  margin: 28px 0 12px 0 !important;
  padding-bottom: 8px;
  border-bottom: 1px solid #e7efeb;
}

/* Paragraf umum */
.obj_article_details p,
.page_article p {
  font-size: 17px;
  line-height: 1.55;
  color: #4c5f59;
  margin-bottom: 14px;
}

/* Keywords */
.obj_article_details .keywords,
.page_article .keywords {
  font-size: 15px;
  line-height: 1.45;
  color: #5d706a;
  margin-bottom: 16px;
}

/* Abstract */
.obj_article_details .abstract,
.obj_article_details .item.abstract {
  font-size: 17px;
  line-height: 1.6;
  color: #4b5d57;
}

/* How to Cite */
.obj_article_details .citation_display,
.page_article .citation_display,
.page_article .how_to_cite {
  background: #f7faf8;
  border: 1px solid #e2ebe6;
  border-radius: 16px;
  padding: 16px 18px;
  font-size: 15px;
  line-height: 1.5;
  color: #445851;
  margin: 12px 0 18px 0;
}

/* Citation format links */
.page_article .citation_formats a,
.obj_article_details .citation_formats a,
.page_article .download_cite a,
.obj_article_details .download_cite a {
  display: inline-block;
  margin: 0 8px 8px 0;
  color: #0d6a56 !important;
  font-weight: 600;
  text-decoration: none;
}

.page_article .citation_formats a:hover,
.obj_article_details .citation_formats a:hover,
.page_article .download_cite a:hover,
.obj_article_details .download_cite a:hover {
  text-decoration: underline;
}

/* References */
.obj_article_details .references,
.page_article .references {
  font-size: 15px;
  line-height: 1.6;
  color: #4f625d;
}

.obj_article_details .references p,
.page_article .references p {
  margin-bottom: 12px;
}

/* Copyright / License */
.obj_article_details .license,
.page_article .license,
.obj_article_details .copyright,
.page_article .copyright {
  background: #fafcfb;
  border: 1px solid #e5ece8;
  border-radius: 16px;
  padding: 16px 18px;
  font-size: 14px;
  line-height: 1.5;
  color: #5b6d67;
  margin-top: 16px;
}

/* Sidebar artikel */
.page_article .pkp_structure_sidebar .pkp_block {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 18px;
  padding: 18px 16px 14px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  margin-bottom: 16px;
}

.page_article .pkp_structure_sidebar .pkp_block .title {
  font-size: 18px !important;
  line-height: 1.2 !important;
  color: #17342d !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  padding-bottom: 8px;
  border-bottom: 1px solid #e7efeb;
}

/* Link umum */
.obj_article_details a,
.page_article a {
  color: #0d6a56;
  text-decoration: none;
}

.obj_article_details a:hover,
.page_article a:hover {
  text-decoration: underline;
}

/* Mobile */
@media (max-width: 768px) {
  .obj_article_details {
    padding: 22px 18px;
  }

  .page_article .page_title,
  .obj_article_details .page_title,
  .obj_article_details h1 {
    font-size: 28px !important;
  }

  .obj_article_details h2,
  .obj_article_details h3,
  .page_article h2,
  .page_article h3 {
    font-size: 20px !important;
  }

  .obj_article_details p,
  .page_article p,
  .obj_article_details .abstract {
    font-size: 16px;
  }

  .obj_article_details .authors,
  .page_article .authors {
    font-size: 16px;
  }
}/* =========================
   FHJ Article Page - Safe Professional One Column
   ========================= */

/* Area utama artikel */
.page_article .obj_article_details {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Judul artikel */
.page_article .obj_article_details .page_title,
.page_article .obj_article_details h1 {
  background: #ffffff !important;
  border: 1px solid #dde6e1 !important;
  border-radius: 20px !important;
  padding: 22px 20px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
  font-size: 34px !important;
  line-height: 1.15 !important;
  color: #132d55 !important;
  font-weight: 700 !important;
  margin: 0 0 18px 0 !important;
  letter-spacing: -0.2px;
}

/* Wrapper konten utama artikel */
.page_article .obj_article_details .main_entry,
.page_article .obj_article_details .entry_details,
.page_article .obj_article_details .item {
  background: #ffffff !important;
  border: 1px solid #dde6e1 !important;
  border-radius: 18px !important;
  padding: 20px 18px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
  margin-bottom: 16px !important;
}

/* Penulis */
.page_article .obj_article_details .authors {
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: #4d605a !important;
  margin-bottom: 12px !important;
}

/* Afiliasi */
.page_article .obj_article_details .affiliation,
.page_article .obj_article_details .affiliations {
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #6a7c76 !important;
  margin-bottom: 10px !important;
}

/* DOI dan Keywords */
.page_article .obj_article_details .doi,
.page_article .obj_article_details .keywords {
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #586b65 !important;
  margin-bottom: 12px !important;
}

.page_article .obj_article_details .doi a {
  color: #0d6a56 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

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

/* Heading seperti Abstract, References, How to Cite */
.page_article .obj_article_details h2,
.page_article .obj_article_details h3,
.page_article .obj_article_details .label {
  color: #17342d !important;
  font-weight: 700 !important;
}

.page_article .obj_article_details h2,
.page_article .obj_article_details h3 {
  font-size: 24px !important;
  line-height: 1.2 !important;
  margin: 0 0 12px 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #e7efeb !important;
}

/* Paragraf isi */
.page_article .obj_article_details p,
.page_article .obj_article_details .value {
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #4c5f59 !important;
}

/* Abstract dibedakan halus */
.page_article .obj_article_details .item.abstract,
.page_article .obj_article_details .abstract {
  background: #fafcfb !important;
}

/* Cover */
.page_article .obj_article_details img {
  max-width: 220px !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 10px !important;
  border: 1px solid #dfe7e3 !important;
}

/* Tombol PDF */
.page_article .obj_article_details .galleys_links a,
.page_article .obj_article_details .galleys a,
.page_article .obj_article_details .galley-link {
  display: inline-block !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  border: 1px solid #0d6a56 !important;
  background: #ffffff !important;
  color: #0d6a56 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.page_article .obj_article_details .galleys_links a:hover,
.page_article .obj_article_details .galleys a:hover,
.page_article .obj_article_details .galley-link:hover {
  background: #eef7f3 !important;
}

/* How to Cite, Issue, Section, Published */
.page_article .obj_article_details .citation_display,
.page_article .obj_article_details .published,
.page_article .obj_article_details .issue,
.page_article .obj_article_details .section {
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #445851 !important;
}

/* References */
.page_article .obj_article_details .references {
  background: #fafcfb !important;
  border: 1px solid #e2ebe6 !important;
  border-radius: 18px !important;
  padding: 20px 18px !important;
}

.page_article .obj_article_details .references p {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #4f625d !important;
  margin-bottom: 12px !important;
}

/* Sidebar kanan tetap rapi */
.page_article .pkp_structure_sidebar .pkp_block {
  background: #ffffff !important;
  border: 1px solid #dde6e1 !important;
  border-radius: 18px !important;
  padding: 18px 16px 14px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
  margin-bottom: 16px !important;
}

.page_article .pkp_structure_sidebar .pkp_block .title {
  font-size: 18px !important;
  line-height: 1.2 !important;
  color: #17342d !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #e7efeb !important;
}
/* =========================
   FHJ References Dropdown
   ========================= */

.fhj-ref-toggle {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f9fbfa;
  border: 1px solid #dde6e1;
  border-radius: 16px;
  padding: 16px 18px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
  color: #17342d;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  margin: 24px 0 0 0;
}

.fhj-ref-toggle:hover {
  background: #f3f8f5;
}

.fhj-ref-toggle .fhj-ref-icon {
  font-size: 18px;
  color: #0d6a56;
  transition: transform 0.2s ease;
}

.fhj-ref-toggle.is-open .fhj-ref-icon {
  transform: rotate(180deg);
}

.fhj-ref-content {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-top: none;
  border-radius: 0 0 16px 16px;
  padding: 18px 18px 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  margin-bottom: 18px;
}

.fhj-ref-content.is-hidden {
  display: none;
}

.fhj-ref-content p,
.fhj-ref-content li,
.fhj-ref-content div {
  font-size: 15px;
  line-height: 1.55;
  color: #4f625d;
}

@media (max-width: 768px) {
  .fhj-ref-toggle {
    font-size: 20px;
    padding: 14px 16px;
  }

  .fhj-ref-content {
    padding: 16px 16px 8px;
  }
}.fhj-ref-toggle {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f9fbfa;
  border: 1px solid #dde6e1;
  border-radius: 16px;
  padding: 16px 18px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
  color: #17342d;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  margin: 24px 0 0 0;
}

.fhj-ref-toggle:hover {
  background: #f3f8f5;
}

.fhj-ref-toggle .fhj-ref-icon {
  font-size: 18px;
  color: #0d6a56;
  transition: transform 0.2s ease;
}

.fhj-ref-toggle.is-open .fhj-ref-icon {
  transform: rotate(180deg);
}

.fhj-ref-content {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-top: none;
  border-radius: 0 0 16px 16px;
  padding: 18px 18px 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  margin-bottom: 18px;
}

.fhj-ref-content.is-hidden {
  display: none;
}document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('page_article')) return;

  const refSection = document.querySelector('.obj_article_details .item.references');
  if (!refSection) return;

  const refLabel = refSection.querySelector('.label');
  const refValue = refSection.querySelector('.value');

  if (!refLabel || !refValue) return;

  /* buat tombol */
  const button = document.createElement('button');
  button.type = 'button';
  button.className = 'fhj-ref-toggle';
  button.innerHTML = '<span>References</span><span class="fhj-ref-icon">▾</span>';

  /* sembunyikan heading asli */
  refLabel.style.display = 'none';

  /* bungkus value */
  refValue.classList.add('fhj-ref-content', 'is-hidden');

  /* taruh tombol di atas isi references */
  refSection.insertBefore(button, refValue);

  button.addEventListener('click', function () {
    refValue.classList.toggle('is-hidden');
    button.classList.toggle('is-open');
  });
});.page_article .obj_article_details .item.references {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 18px !important;
}

.fhj-ref-toggle {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f9fbfa;
  border: 1px solid #dde6e1;
  border-radius: 16px;
  padding: 16px 18px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
  color: #17342d;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  margin: 0;
}

.fhj-ref-toggle:hover {
  background: #f3f8f5;
}

.fhj-ref-toggle .fhj-ref-icon {
  font-size: 18px;
  color: #0d6a56;
  transition: transform 0.2s ease;
}

.fhj-ref-toggle.is-open .fhj-ref-icon {
  transform: rotate(180deg);
}

.fhj-ref-content {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-top: none;
  border-radius: 0 0 16px 16px;
  padding: 18px 18px 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  margin-bottom: 18px;
}

.fhj-ref-content.is-hidden {
  display: none;
}

.fhj-ref-content p,
.fhj-ref-content li,
.fhj-ref-content div {
  font-size: 15px;
  line-height: 1.55;
  color: #4f625d;
}.page_article .obj_article_details .item.references {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 18px !important;
}

.fhj-ref-toggle {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f9fbfa;
  border: 1px solid #dde6e1;
  border-radius: 16px;
  padding: 16px 18px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
  color: #17342d;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  margin: 0;
}

.fhj-ref-toggle:hover {
  background: #f3f8f5;
}

.fhj-ref-toggle .fhj-ref-icon {
  font-size: 18px;
  color: #0d6a56;
  transition: transform 0.2s ease;
}

.fhj-ref-toggle.is-open .fhj-ref-icon {
  transform: rotate(180deg);
}

.fhj-ref-content {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-top: none;
  border-radius: 0 0 16px 16px;
  padding: 18px 18px 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  margin-bottom: 18px;
}

.fhj-ref-content.is-hidden {
  display: none;
}

.fhj-ref-content p,
.fhj-ref-content li,
.fhj-ref-content div {
  font-size: 15px;
  line-height: 1.55;
  color: #4f625d;
}/* =========================
   FHJ Archives Page - Final Professional Layout
   ========================= */

/* Judul halaman */
.page_issue_archive .page_title,
.page_issue_archive h1 {
  font-size: 38px !important;
  line-height: 1.15 !important;
  color: #132d55 !important;
  font-weight: 700 !important;
  margin: 0 0 24px 0 !important;
}

/* Grid utama archives */
.page_issue_archive .issues_archive,
.page_issue_archive .obj_issue_archive {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px !important;
  align-items: start !important;
}

/* Card issue */
.page_issue_archive .issues_archive > *,
.page_issue_archive .obj_issue_archive > *,
.page_issue_archive .issue_summary,
.page_issue_archive .obj_issue_summary {
  background: #ffffff !important;
  border: 1px solid #dde6e1 !important;
  border-radius: 22px !important;
  padding: 18px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
  margin: 0 !important;
  min-height: auto !important;
  height: auto !important;
  overflow: hidden !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Hover card halus */
.page_issue_archive .issues_archive > *:hover,
.page_issue_archive .obj_issue_archive > *:hover,
.page_issue_archive .issue_summary:hover,
.page_issue_archive .obj_issue_summary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06) !important;
  border-color: #d2ddd8 !important;
}

/* Layout isi card: cover kiri, teks kanan */
.page_issue_archive .issue_summary,
.page_issue_archive .obj_issue_summary {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

/* Cover wrapper */
.page_issue_archive .cover,
.page_issue_archive .obj_issue_summary .cover {
  flex: 0 0 96px !important;
  width: 96px !important;
  max-width: 96px !important;
  min-width: 96px !important;
  margin: 0 !important;
}

/* Cover image */
.page_issue_archive .cover img,
.page_issue_archive .obj_issue_summary .cover img,
.page_issue_archive .issue_summary img,
.page_issue_archive .obj_issue_summary img {
  display: block !important;
  width: 96px !important;
  max-width: 96px !important;
  height: auto !important;
  border-radius: 10px !important;
  border: 1px solid #dfe7e3 !important;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

/* Hover cover halus */
.page_issue_archive .issue_summary:hover img,
.page_issue_archive .obj_issue_summary:hover img {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.10);
}

/* Area teks */
.page_issue_archive .title,
.page_issue_archive .series,
.page_issue_archive .description,
.page_issue_archive .current_issue_title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Judul issue */
.page_issue_archive .title,
.page_issue_archive h2,
.page_issue_archive .issue_summary .title,
.page_issue_archive .obj_issue_summary .title {
  font-size: 20px !important;
  line-height: 1.22 !important;
  color: #132d55 !important;
  font-weight: 700 !important;
  margin: 0 0 8px 0 !important;
}

.page_issue_archive .title a,
.page_issue_archive h2 a,
.page_issue_archive .issue_summary .title a,
.page_issue_archive .obj_issue_summary .title a {
  color: #132d55 !important;
  text-decoration: none !important;
}

.page_issue_archive .title a:hover,
.page_issue_archive h2 a:hover,
.page_issue_archive .issue_summary .title a:hover,
.page_issue_archive .obj_issue_summary .title a:hover {
  color: #0d6a56 !important;
  text-decoration: underline !important;
}

/* Metadata volume/nomor */
.page_issue_archive .series,
.page_issue_archive .current_issue_title,
.page_issue_archive .volume {
  font-size: 14px !important;
  line-height: 1.35 !important;
  color: #5f706a !important;
  font-weight: 600 !important;
  margin: 0 0 8px 0 !important;
}

/* Deskripsi issue */
.page_issue_archive .description,
.page_issue_archive .issue_description,
.page_issue_archive .issue_summary p,
.page_issue_archive .obj_issue_summary p {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #4d605a !important;
  margin: 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Kalau card tidak punya cover, teks tetap penuh */
.page_issue_archive .issue_summary:not(:has(.cover)) .title,
.page_issue_archive .obj_issue_summary:not(:has(.cover)) .title,
.page_issue_archive .issue_summary:not(:has(.cover)) .series,
.page_issue_archive .obj_issue_summary:not(:has(.cover)) .series,
.page_issue_archive .issue_summary:not(:has(.cover)) .description,
.page_issue_archive .obj_issue_summary:not(:has(.cover)) .description {
  width: 100% !important;
}

/* Rapikan list default */
.page_issue_archive ul,
.page_issue_archive li {
  list-style: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Sidebar tetap rapi */
.page_issue_archive .pkp_structure_sidebar .pkp_block {
  background: #ffffff !important;
  border: 1px solid #dde6e1 !important;
  border-radius: 18px !important;
  padding: 18px 16px 14px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
  margin-bottom: 16px !important;
}

.page_issue_archive .pkp_structure_sidebar .pkp_block .title {
  font-size: 18px !important;
  line-height: 1.2 !important;
  color: #17342d !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #e7efeb !important;
}

/* Responsive */
@media (max-width: 900px) {
  .page_issue_archive .issues_archive,
  .page_issue_archive .obj_issue_archive {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .page_issue_archive .issue_summary,
  .page_issue_archive .obj_issue_summary {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .page_issue_archive .cover,
  .page_issue_archive .obj_issue_summary .cover {
    width: 90px !important;
    max-width: 90px !important;
    min-width: 90px !important;
  }

  .page_issue_archive .cover img,
  .page_issue_archive .obj_issue_summary .cover img,
  .page_issue_archive .issue_summary img,
  .page_issue_archive .obj_issue_summary img {
    width: 90px !important;
    max-width: 90px !important;
  }

  .page_issue_archive .page_title,
  .page_issue_archive h1 {
    font-size: 30px !important;
  }
}:not(:has(.cover))
/* =========================
   FHJ Archives - Highlight Latest Issue
   ========================= */

/* Card issue terbaru */
.page_issue_archive .issues_archive > *:first-child,
.page_issue_archive .obj_issue_archive > *:first-child,
.page_issue_archive .issues_archive .issue_summary:first-child,
.page_issue_archive .obj_issue_archive .obj_issue_summary:first-child {
  border-color: #cfded6 !important;
  box-shadow: 0 8px 22px rgba(13, 106, 86, 0.08) !important;
  position: relative;
}

/* Label kecil Latest Issue */
.page_issue_archive .issues_archive > *:first-child::before,
.page_issue_archive .obj_issue_archive > *:first-child::before,
.page_issue_archive .issues_archive .issue_summary:first-child::before,
.page_issue_archive .obj_issue_archive .obj_issue_summary:first-child::before {
  content: "Latest Issue";
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #e8f2ee;
  color: #0d6a56;
  font-size: 12px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: 0.2px;
  z-index: 2;
}

/* Judul issue terbaru sedikit lebih kuat */
.page_issue_archive .issues_archive > *:first-child .title,
.page_issue_archive .obj_issue_archive > *:first-child .title,
.page_issue_archive .issues_archive > *:first-child h2,
.page_issue_archive .obj_issue_archive > *:first-child h2 {
  color: #102a4d !important;
}

/* Cover issue terbaru sedikit lebih menonjol */
.page_issue_archive .issues_archive > *:first-child img,
.page_issue_archive .obj_issue_archive > *:first-child img {
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12) !important;
  border-color: #d4e2dc !important;
}

/* Hover issue terbaru */
.page_issue_archive .issues_archive > *:first-child:hover,
.page_issue_archive .obj_issue_archive > *:first-child:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 26px rgba(13, 106, 86, 0.12) !important;
}
/* =========================
   FHJ Submissions Page
   ========================= */

.fhj-submissions-page {
  margin: 20px 0 36px;
}

.fhj-submissions-hero {
  display: grid;
  grid-template-columns: 1.2fr 0.9fr;
  gap: 26px;
  align-items: start;
  margin-bottom: 34px;
}

.fhj-submissions-hero-left,
.fhj-submissions-hero-right .fhj-info-card,
.fhj-step-card,
.fhj-standard-card,
.fhj-checklist-card,
.fhj-help-box {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 22px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
}

.fhj-submissions-hero-left {
  padding: 34px 30px;
}

.fhj-page-label {
  display: inline-block;
  padding: 9px 15px;
  border-radius: 999px;
  background: #e5f1ec;
  color: #0d6a56;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 16px 0;
}

.fhj-submissions-page h1 {
  font-size: 40px;
  line-height: 1.15;
  color: #132d55;
  font-weight: 700;
  margin: 0 0 14px 0;
}

.fhj-page-intro {
  font-size: 18px;
  line-height: 1.65;
  color: #4d605a;
  margin: 0 0 22px 0;
}

.fhj-submission-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.fhj-btn {
  display: inline-block;
  padding: 12px 18px;
  border-radius: 12px;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  transition: all 0.2s ease;
}

.fhj-btn-primary {
  background: #0d6a56;
  color: #ffffff !important;
}

.fhj-btn-primary:hover {
  background: #095444;
}

.fhj-btn-outline {
  border: 1px solid #17342d;
  background: #ffffff;
  color: #17342d !important;
}

.fhj-btn-outline:hover {
  background: #f4f8f6;
}

.fhj-btn-soft {
  background: #eef7f3;
  color: #0d6a56 !important;
}

.fhj-btn-soft:hover {
  background: #e3f1ea;
}

.fhj-info-card {
  overflow: hidden;
}

.fhj-info-card h2 {
  background: #132d55;
  color: #ffffff;
  margin: 0;
  padding: 20px 22px;
  font-size: 22px;
  text-align: center;
}

.fhj-info-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  padding: 14px 20px;
  border-top: 1px solid #e6ece8;
  font-size: 15px;
}

.fhj-info-row span {
  color: #556863;
}

.fhj-info-row strong {
  color: #17342d;
}

.fhj-section-intro {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 20px;
}

.fhj-section-intro h2 {
  font-size: 32px;
  line-height: 1.2;
  color: #132d55;
  margin: 0 0 8px 0;
}

.fhj-section-intro p {
  font-size: 16px;
  line-height: 1.6;
  color: #4d605a;
  margin: 0;
}

.fhj-submit-steps,
.fhj-author-standards,
.fhj-manuscript-structure,
.fhj-submission-checklist {
  margin: 0 0 32px 0;
}

.fhj-step-grid,
.fhj-standard-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.fhj-standard-grid {
  grid-template-columns: repeat(3, 1fr);
}

.fhj-step-card,
.fhj-standard-card {
  padding: 22px 20px;
}

.fhj-step-number {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #e8f2ee;
  color: #0d6a56;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  margin-bottom: 12px;
}

.fhj-step-card h3,
.fhj-standard-card h3 {
  font-size: 18px;
  line-height: 1.25;
  color: #17342d;
  margin: 0 0 8px 0;
}

.fhj-step-card p,
.fhj-standard-card p,
.fhj-help-box p {
  font-size: 15px;
  line-height: 1.55;
  color: #4d605a;
  margin: 0;
}

.fhj-structure-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.fhj-structure-item {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 14px;
  padding: 14px 16px;
  font-size: 15px;
  line-height: 1.4;
  color: #17342d;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.fhj-checklist-card {
  padding: 22px 22px 14px;
}

.fhj-checklist-card ul {
  margin: 0;
  padding-left: 20px;
}

.fhj-checklist-card li {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.5;
  color: #4d605a;
}

.fhj-help-box {
  padding: 24px 22px;
}

.fhj-help-box h2 {
  font-size: 26px;
  line-height: 1.2;
  color: #132d55;
  margin: 0 0 10px 0;
}

@media (max-width: 992px) {
  .fhj-submissions-hero,
  .fhj-step-grid,
  .fhj-standard-grid,
  .fhj-structure-list {
    grid-template-columns: 1fr;
  }
}/* =========================
   FHJ Plagiarism Screening Page
   ========================= */

/* Halaman utama */
.page_plagiarism_screening .pkp_structure_main,
.page_plagiarism_screening .page {
  max-width: 980px;
}

/* Breadcrumb */
.page_plagiarism_screening .cmp_breadcrumbs {
  font-size: 13px;
  line-height: 1.35;
  color: #6a7c76;
  margin-bottom: 18px;
}

/* Bungkus konten utama */
.page_plagiarism_screening .page {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 24px;
  padding: 30px 28px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

/* Judul halaman */
.page_plagiarism_screening .page_title,
.page_plagiarism_screening h1 {
  font-size: 38px !important;
  line-height: 1.15 !important;
  color: #132d55 !important;
  font-weight: 700 !important;
  margin: 0 0 20px 0 !important;
}

/* Paragraf isi */
.page_plagiarism_screening p {
  font-size: 17px !important;
  line-height: 1.75 !important;
  color: #4c5f59 !important;
  margin: 0 0 18px 0 !important;
  max-width: 860px;
}

/* Penekanan kata penting */
.page_plagiarism_screening strong,
.page_plagiarism_screening b {
  color: #17342d !important;
  font-weight: 700 !important;
}

/* Highlight info box umum */
.page_plagiarism_screening .fhj-policy-note {
  background: #f9fbfa;
  border: 1px solid #dde6e1;
  border-left: 4px solid #0d6a56;
  border-radius: 16px;
  padding: 18px 18px;
  margin: 20px 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.page_plagiarism_screening .fhj-policy-note p {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* Box warning */
.page_plagiarism_screening .fhj-policy-warning {
  background: #fffaf4;
  border: 1px solid #f0dfc7;
  border-left: 4px solid #c96a2c;
  border-radius: 16px;
  padding: 18px 18px;
  margin: 20px 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.page_plagiarism_screening .fhj-policy-warning p {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: #5c4d42 !important;
}

/* Daftar poin jika nanti dipakai */
.page_plagiarism_screening ul {
  margin: 0 0 18px 0;
  padding-left: 20px;
}

.page_plagiarism_screening li {
  font-size: 16px;
  line-height: 1.65;
  color: #4c5f59;
  margin-bottom: 8px;
}

/* Sidebar konsisten */
.page_plagiarism_screening .pkp_structure_sidebar .pkp_block {
  background: #ffffff !important;
  border: 1px solid #dde6e1 !important;
  border-radius: 18px !important;
  padding: 18px 16px 14px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
  margin-bottom: 16px !important;
}

.page_plagiarism_screening .pkp_structure_sidebar .pkp_block .title {
  font-size: 18px !important;
  line-height: 1.2 !important;
  color: #17342d !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #e7efeb !important;
}

/* Mobile */
@media (max-width: 768px) {
  .page_plagiarism_screening .page {
    padding: 22px 18px;
    border-radius: 18px;
  }

  .page_plagiarism_screening .page_title,
  .page_plagiarism_screening h1 {
    font-size: 30px !important;
  }

  .page_plagiarism_screening p {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }

  .page_plagiarism_screening .fhj-policy-note p,
  .page_plagiarism_screening .fhj-policy-warning p {
    font-size: 15px !important;
  }
}/* =========================
   FHJ Peer Review Process Page
   ========================= */

.fhj-peerreview-page {
  margin: 20px 0 36px;
}

.fhj-peerreview-hero,
.fhj-highlight-card,
.fhj-step-card,
.fhj-decision-card,
.fhj-note-card,
.fhj-help-box {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 22px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
}

.fhj-peerreview-hero {
  padding: 34px 30px;
  margin-bottom: 28px;
}

.fhj-page-label {
  display: inline-block;
  padding: 9px 15px;
  border-radius: 999px;
  background: #e5f1ec;
  color: #0d6a56;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 16px 0;
}

.fhj-peerreview-page h1 {
  font-size: 40px;
  line-height: 1.15;
  color: #132d55;
  font-weight: 700;
  margin: 0 0 14px 0;
}

.fhj-page-intro {
  font-size: 18px;
  line-height: 1.65;
  color: #4d605a;
  margin: 0;
  max-width: 840px;
}

.fhj-peerreview-highlight {
  margin: 0 0 30px 0;
}

.fhj-highlight-card {
  padding: 24px 22px;
}

.fhj-highlight-card h2,
.fhj-help-box h2,
.fhj-note-card h2 {
  font-size: 26px;
  line-height: 1.2;
  color: #132d55;
  margin: 0 0 14px 0;
}

.fhj-highlight-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.fhj-highlight-item {
  background: #f8fbf9;
  border: 1px solid #e5ece8;
  border-radius: 14px;
  padding: 14px 16px;
}

.fhj-highlight-label {
  display: block;
  font-size: 13px;
  line-height: 1.3;
  color: #6a7c76;
  margin-bottom: 4px;
}

.fhj-highlight-item strong {
  font-size: 15px;
  line-height: 1.4;
  color: #17342d;
}

.fhj-peerreview-steps,
.fhj-peerreview-decisions,
.fhj-peerreview-notes {
  margin: 0 0 32px 0;
}

.fhj-section-intro {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 20px;
}

.fhj-section-intro h2 {
  font-size: 32px;
  line-height: 1.2;
  color: #132d55;
  margin: 0 0 8px 0;
}

.fhj-section-intro p {
  font-size: 16px;
  line-height: 1.6;
  color: #4d605a;
  margin: 0;
}

.fhj-step-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}

.fhj-step-card {
  padding: 22px 20px;
}

.fhj-step-number {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #e8f2ee;
  color: #0d6a56;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  margin-bottom: 12px;
}

.fhj-step-card h3,
.fhj-decision-card h3 {
  font-size: 18px;
  line-height: 1.25;
  color: #17342d;
  margin: 0 0 8px 0;
}

.fhj-step-card p,
.fhj-decision-card p,
.fhj-help-box p,
.fhj-note-card li {
  font-size: 15px;
  line-height: 1.55;
  color: #4d605a;
}

.fhj-decision-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.fhj-decision-card {
  padding: 22px 20px;
}

.fhj-note-card {
  padding: 24px 22px 16px;
}

.fhj-note-card ul {
  margin: 0;
  padding-left: 20px;
}

.fhj-note-card li {
  margin-bottom: 10px;
}

.fhj-help-box {
  padding: 24px 22px;
}

@media (max-width: 1100px) {
  .fhj-step-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .fhj-decision-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .fhj-highlight-grid,
  .fhj-step-grid,
  .fhj-decision-grid {
    grid-template-columns: 1fr;
  }

  .fhj-peerreview-hero {
    padding: 26px 20px;
  }

  .fhj-peerreview-page h1 {
    font-size: 32px;
  }

  .fhj-page-intro {
    font-size: 16px;
  }

  .fhj-section-intro h2 {
    font-size: 28px;
  }
}/* =========================
   FHJ Focus and Scope Page
   ========================= */

.fhj-focus-page {
  margin: 20px 0 36px;
}

.fhj-focus-hero,
.fhj-focus-note,
.fhj-focus-card,
.fhj-focus-footer-card {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 22px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
}

.fhj-focus-hero {
  padding: 34px 30px;
  margin-bottom: 24px;
}

.fhj-page-label {
  display: inline-block;
  padding: 9px 15px;
  border-radius: 999px;
  background: #e5f1ec;
  color: #0d6a56;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 16px 0;
}

.fhj-focus-page h1 {
  font-size: 40px;
  line-height: 1.15;
  color: #132d55;
  font-weight: 700;
  margin: 0 0 14px 0;
}

.fhj-page-intro {
  font-size: 18px;
  line-height: 1.65;
  color: #4d605a;
  margin: 0;
  max-width: 840px;
}

.fhj-focus-overview {
  margin: 0 0 28px 0;
}

.fhj-focus-note {
  padding: 22px 22px;
  border-left: 4px solid #0d6a56;
  background: #f9fbfa;
}

.fhj-focus-note p,
.fhj-focus-footer-card p {
  font-size: 16px;
  line-height: 1.65;
  color: #4d605a;
  margin: 0;
}

.fhj-focus-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}

.fhj-focus-card {
  padding: 24px 22px 20px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.fhj-focus-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.07);
}

.fhj-focus-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: #e8f2ee;
  color: #0d6a56;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 14px;
}

.fhj-focus-card h2,
.fhj-focus-footer-card h2 {
  font-size: 24px;
  line-height: 1.2;
  color: #132d55;
  margin: 0 0 14px 0;
}

.fhj-focus-card ul {
  margin: 0;
  padding-left: 18px;
}

.fhj-focus-card li {
  font-size: 15px;
  line-height: 1.55;
  color: #4d605a;
  margin-bottom: 8px;
}

.fhj-focus-footer-card {
  padding: 24px 22px;
}

@media (max-width: 992px) {
  .fhj-focus-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .fhj-focus-hero {
    padding: 26px 20px;
  }

  .fhj-focus-page h1 {
    font-size: 32px;
  }

  .fhj-page-intro {
    font-size: 16px;
  }

  .fhj-focus-card,
  .fhj-focus-note,
  .fhj-focus-footer-card {
    padding: 20px 18px;
  }
}/* =========================
   FHJ Article Processing Charges Page
   ========================= */

.fhj-apc-page {
  margin: 20px 0 36px;
}

.fhj-apc-hero,
.fhj-apc-price-card,
.fhj-apc-rule-card,
.fhj-apc-note,
.fhj-apc-warning,
.fhj-help-box {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 22px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
}

.fhj-apc-hero {
  padding: 34px 30px;
  margin-bottom: 28px;
}

.fhj-page-label {
  display: inline-block;
  padding: 9px 15px;
  border-radius: 999px;
  background: #e5f1ec;
  color: #0d6a56;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 16px 0;
}

.fhj-apc-page h1 {
  font-size: 40px;
  line-height: 1.15;
  color: #132d55;
  font-weight: 700;
  margin: 0 0 14px 0;
}

.fhj-page-intro {
  font-size: 18px;
  line-height: 1.65;
  color: #4d605a;
  margin: 0;
  max-width: 860px;
}

.fhj-apc-highlight {
  margin: 0 0 30px 0;
}

.fhj-apc-price-card {
  padding: 30px 24px;
  text-align: center;
  border-top: 5px solid #0d6a56;
}

.fhj-apc-price-label {
  font-size: 15px;
  line-height: 1.3;
  color: #6a7c76;
  margin-bottom: 8px;
}

.fhj-apc-price-value {
  font-size: 42px;
  line-height: 1.1;
  font-weight: 700;
  color: #132d55;
  margin-bottom: 10px;
}

.fhj-apc-price-note {
  font-size: 16px;
  line-height: 1.55;
  color: #4d605a;
  margin: 0;
}

.fhj-apc-rules,
.fhj-apc-note-section {
  margin: 0 0 32px 0;
}

.fhj-section-intro {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 20px;
}

.fhj-section-intro h2 {
  font-size: 32px;
  line-height: 1.2;
  color: #132d55;
  margin: 0 0 8px 0;
}

.fhj-section-intro p {
  font-size: 16px;
  line-height: 1.6;
  color: #4d605a;
  margin: 0;
}

.fhj-apc-rule-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.fhj-apc-rule-card {
  padding: 22px 20px;
}

.fhj-apc-rule-card h3,
.fhj-apc-note h2,
.fhj-apc-warning h2,
.fhj-help-box h2 {
  font-size: 22px;
  line-height: 1.2;
  color: #17342d;
  margin: 0 0 10px 0;
}

.fhj-apc-rule-card p,
.fhj-apc-note p,
.fhj-apc-warning p,
.fhj-help-box p,
.fhj-apc-note li {
  font-size: 15px;
  line-height: 1.6;
  color: #4d605a;
  margin: 0;
}

.fhj-apc-note-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.fhj-apc-note,
.fhj-apc-warning,
.fhj-help-box {
  padding: 24px 22px;
}

.fhj-apc-note {
  border-left: 4px solid #0d6a56;
  background: #f9fbfa;
}

.fhj-apc-warning {
  border-left: 4px solid #c96a2c;
  background: #fffaf4;
}

.fhj-apc-note ul {
  margin: 10px 0 10px 0;
  padding-left: 20px;
}

.fhj-apc-note li {
  margin-bottom: 8px;
}

@media (max-width: 992px) {
  .fhj-apc-rule-grid,
  .fhj-apc-note-section {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .fhj-apc-hero,
  .fhj-apc-price-card,
  .fhj-apc-rule-card,
  .fhj-apc-note,
  .fhj-apc-warning,
  .fhj-help-box {
    padding: 22px 18px;
  }

  .fhj-apc-page h1 {
    font-size: 32px;
  }

  .fhj-apc-price-value {
    font-size: 34px;
  }

  .fhj-section-intro h2 {
    font-size: 28px;
  }

  .fhj-page-intro {
    font-size: 16px;
  }
}/* =========================
   FHJ Publication Ethics Page
   ========================= */

.fhj-ethics-page {
  margin: 20px 0 36px;
}

.fhj-ethics-hero,
.fhj-ethics-note,
.fhj-principle-card,
.fhj-role-card,
.fhj-policy-card,
.fhj-help-box {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 22px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
}

.fhj-ethics-hero {
  padding: 34px 30px;
  margin-bottom: 28px;
}

.fhj-page-label {
  display: inline-block;
  padding: 9px 15px;
  border-radius: 999px;
  background: #e5f1ec;
  color: #0d6a56;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 16px 0;
}

.fhj-ethics-page h1 {
  font-size: 40px;
  line-height: 1.15;
  color: #132d55;
  font-weight: 700;
  margin: 0 0 14px 0;
}

.fhj-page-intro {
  font-size: 18px;
  line-height: 1.65;
  color: #4d605a;
  margin: 0;
  max-width: 860px;
}

.fhj-ethics-intro,
.fhj-ethics-principles,
.fhj-ethics-roles,
.fhj-ethics-policy-boxes {
  margin: 0 0 32px 0;
}

.fhj-ethics-note {
  padding: 24px 22px;
  border-left: 4px solid #0d6a56;
  background: #f9fbfa;
}

.fhj-ethics-note h2,
.fhj-policy-card h2,
.fhj-help-box h2 {
  font-size: 24px;
  line-height: 1.2;
  color: #132d55;
  margin: 0 0 10px 0;
}

.fhj-ethics-note p,
.fhj-policy-card p,
.fhj-help-box p,
.fhj-principle-card p,
.fhj-role-card li {
  font-size: 15px;
  line-height: 1.6;
  color: #4d605a;
}

.fhj-section-intro {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 20px;
}

.fhj-section-intro h2 {
  font-size: 32px;
  line-height: 1.2;
  color: #132d55;
  margin: 0 0 8px 0;
}

.fhj-section-intro p {
  font-size: 16px;
  line-height: 1.6;
  color: #4d605a;
  margin: 0;
}

.fhj-principle-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.fhj-principle-card {
  padding: 22px 20px;
}

.fhj-principle-card h3,
.fhj-role-card h3 {
  font-size: 18px;
  line-height: 1.25;
  color: #17342d;
  margin: 0 0 8px 0;
}

.fhj-role-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.fhj-role-card {
  padding: 22px 20px;
}

.fhj-role-badge {
  display: inline-block;
  padding: 7px 12px;
  border-radius: 999px;
  background: #e8f2ee;
  color: #0d6a56;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 12px;
}

.fhj-role-card ul {
  margin: 0;
  padding-left: 18px;
}

.fhj-role-card li {
  margin-bottom: 8px;
}

.fhj-ethics-policy-boxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.fhj-policy-card,
.fhj-help-box {
  padding: 24px 22px;
}

@media (max-width: 1100px) {
  .fhj-principle-grid,
  .fhj-role-grid,
  .fhj-ethics-policy-boxes {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .fhj-ethics-hero {
    padding: 26px 20px;
  }

  .fhj-ethics-page h1 {
    font-size: 32px;
  }

  .fhj-page-intro {
    font-size: 16px;
  }

  .fhj-section-intro h2 {
    font-size: 28px;
  }

  .fhj-ethics-note,
  .fhj-principle-card,
  .fhj-role-card,
  .fhj-policy-card,
  .fhj-help-box {
    padding: 20px 18px;
  }
}/* =========================
   FHJ Open Access Policy Page
   ========================= */

.fhj-oa-page {
  margin: 20px 0 36px;
}

.fhj-oa-hero,
.fhj-oa-summary-card,
.fhj-oa-card,
.fhj-oa-note,
.fhj-help-box {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 22px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
}

.fhj-oa-hero {
  padding: 34px 30px;
  margin-bottom: 28px;
}

.fhj-page-label {
  display: inline-block;
  padding: 9px 15px;
  border-radius: 999px;
  background: #e5f1ec;
  color: #0d6a56;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 16px 0;
}

.fhj-oa-page h1 {
  font-size: 40px;
  line-height: 1.15;
  color: #132d55;
  font-weight: 700;
  margin: 0 0 14px 0;
}

.fhj-page-intro {
  font-size: 18px;
  line-height: 1.65;
  color: #4d605a;
  margin: 0;
  max-width: 860px;
}

.fhj-oa-summary,
.fhj-oa-principles,
.fhj-oa-notes {
  margin: 0 0 32px 0;
}

.fhj-oa-summary-card {
  padding: 24px 22px;
  border-left: 4px solid #0d6a56;
  background: #f9fbfa;
}

.fhj-oa-summary-card h2,
.fhj-oa-note h2,
.fhj-help-box h2 {
  font-size: 24px;
  line-height: 1.2;
  color: #132d55;
  margin: 0 0 10px 0;
}

.fhj-oa-summary-card p,
.fhj-oa-card p,
.fhj-oa-note p,
.fhj-help-box p {
  font-size: 15px;
  line-height: 1.6;
  color: #4d605a;
  margin: 0;
}

.fhj-section-intro {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 20px;
}

.fhj-section-intro h2 {
  font-size: 32px;
  line-height: 1.2;
  color: #132d55;
  margin: 0 0 8px 0;
}

.fhj-section-intro p {
  font-size: 16px;
  line-height: 1.6;
  color: #4d605a;
  margin: 0;
}

.fhj-oa-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.fhj-oa-card {
  padding: 22px 20px;
}

.fhj-oa-icon {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: #e8f2ee;
  color: #0d6a56;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 12px;
}

.fhj-oa-card h3 {
  font-size: 18px;
  line-height: 1.25;
  color: #17342d;
  margin: 0 0 8px 0;
}

.fhj-oa-notes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.fhj-oa-note {
  padding: 24px 22px;
}

.fhj-oa-note-soft {
  background: #fcfcfb;
}

.fhj-help-box {
  padding: 24px 22px;
}

@media (max-width: 1100px) {
  .fhj-oa-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .fhj-oa-notes {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .fhj-oa-grid {
    grid-template-columns: 1fr;
  }

  .fhj-oa-hero {
    padding: 26px 20px;
  }

  .fhj-oa-page h1 {
    font-size: 32px;
  }

  .fhj-page-intro {
    font-size: 16px;
  }

  .fhj-section-intro h2 {
    font-size: 28px;
  }

  .fhj-oa-summary-card,
  .fhj-oa-card,
  .fhj-oa-note,
  .fhj-help-box {
    padding: 20px 18px;
  }
}/* =========================
   FHJ Copyright Notice Page
   ========================= */

.fhj-copyright-page {
  margin: 20px 0 36px;
}

.fhj-copyright-hero,
.fhj-copyright-summary-card,
.fhj-copyright-card,
.fhj-copyright-note,
.fhj-help-box {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 22px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
}

.fhj-copyright-hero {
  padding: 34px 30px;
  margin-bottom: 28px;
}

.fhj-page-label {
  display: inline-block;
  padding: 9px 15px;
  border-radius: 999px;
  background: #e5f1ec;
  color: #0d6a56;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 16px 0;
}

.fhj-copyright-page h1 {
  font-size: 40px;
  line-height: 1.15;
  color: #132d55;
  font-weight: 700;
  margin: 0 0 14px 0;
}

.fhj-page-intro {
  font-size: 18px;
  line-height: 1.65;
  color: #4d605a;
  margin: 0;
  max-width: 860px;
}

.fhj-copyright-summary,
.fhj-copyright-terms,
.fhj-copyright-notes {
  margin: 0 0 32px 0;
}

.fhj-copyright-summary-card {
  padding: 24px 22px;
  border-left: 4px solid #0d6a56;
  background: #f9fbfa;
}

.fhj-copyright-summary-card h2,
.fhj-copyright-note h2,
.fhj-help-box h2 {
  font-size: 24px;
  line-height: 1.2;
  color: #132d55;
  margin: 0 0 10px 0;
}

.fhj-copyright-summary-card p,
.fhj-copyright-card p,
.fhj-copyright-note p,
.fhj-help-box p {
  font-size: 15px;
  line-height: 1.6;
  color: #4d605a;
  margin: 0;
}

.fhj-section-intro {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 20px;
}

.fhj-section-intro h2 {
  font-size: 32px;
  line-height: 1.2;
  color: #132d55;
  margin: 0 0 8px 0;
}

.fhj-section-intro p {
  font-size: 16px;
  line-height: 1.6;
  color: #4d605a;
  margin: 0;
}

.fhj-copyright-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.fhj-copyright-card {
  padding: 22px 20px;
}

.fhj-copyright-icon {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: #e8f2ee;
  color: #0d6a56;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 12px;
}

.fhj-copyright-card h3 {
  font-size: 18px;
  line-height: 1.25;
  color: #17342d;
  margin: 0 0 8px 0;
}

.fhj-copyright-notes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.fhj-copyright-note {
  padding: 24px 22px;
}

.fhj-copyright-note-soft {
  background: #fcfcfb;
}

.fhj-help-box {
  padding: 24px 22px;
}

@media (max-width: 1100px) {
  .fhj-copyright-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .fhj-copyright-notes {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .fhj-copyright-grid {
    grid-template-columns: 1fr;
  }

  .fhj-copyright-hero {
    padding: 26px 20px;
  }

  .fhj-copyright-page h1 {
    font-size: 32px;
  }

  .fhj-page-intro {
    font-size: 16px;
  }

  .fhj-section-intro h2 {
    font-size: 28px;
  }

  .fhj-copyright-summary-card,
  .fhj-copyright-card,
  .fhj-copyright-note,
  .fhj-help-box {
    padding: 20px 18px;
  }
}/* =========================
   FHJ Plagiarism Screening Page
   ========================= */

.fhj-plagiarism-page {
  margin: 20px 0 36px;
}

.fhj-plagiarism-hero,
.fhj-plagiarism-summary-card,
.fhj-plagiarism-card,
.fhj-plagiarism-note,
.fhj-plagiarism-warning,
.fhj-help-box {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 22px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
}

.fhj-plagiarism-hero {
  padding: 34px 30px;
  margin-bottom: 28px;
}

.fhj-page-label {
  display: inline-block;
  padding: 9px 15px;
  border-radius: 999px;
  background: #e5f1ec;
  color: #0d6a56;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 16px 0;
}

.fhj-plagiarism-page h1 {
  font-size: 40px;
  line-height: 1.15;
  color: #132d55;
  font-weight: 700;
  margin: 0 0 14px 0;
}

.fhj-page-intro {
  font-size: 18px;
  line-height: 1.65;
  color: #4d605a;
  margin: 0;
  max-width: 860px;
}

.fhj-plagiarism-summary,
.fhj-plagiarism-rules,
.fhj-plagiarism-notes {
  margin: 0 0 32px 0;
}

.fhj-plagiarism-summary-card {
  padding: 24px 22px;
  border-left: 4px solid #0d6a56;
  background: #f9fbfa;
}

.fhj-plagiarism-summary-card h2,
.fhj-plagiarism-note h2,
.fhj-plagiarism-warning h2,
.fhj-help-box h2 {
  font-size: 24px;
  line-height: 1.2;
  color: #132d55;
  margin: 0 0 10px 0;
}

.fhj-plagiarism-summary-card p,
.fhj-plagiarism-card p,
.fhj-plagiarism-note p,
.fhj-plagiarism-warning p,
.fhj-help-box p {
  font-size: 15px;
  line-height: 1.6;
  color: #4d605a;
  margin: 0;
}

.fhj-section-intro {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 20px;
}

.fhj-section-intro h2 {
  font-size: 32px;
  line-height: 1.2;
  color: #132d55;
  margin: 0 0 8px 0;
}

.fhj-section-intro p {
  font-size: 16px;
  line-height: 1.6;
  color: #4d605a;
  margin: 0;
}

.fhj-plagiarism-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.fhj-plagiarism-card {
  padding: 22px 20px;
}

.fhj-plagiarism-icon {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: #e8f2ee;
  color: #0d6a56;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 12px;
}

.fhj-plagiarism-card h3 {
  font-size: 18px;
  line-height: 1.25;
  color: #17342d;
  margin: 0 0 8px 0;
}

.fhj-plagiarism-notes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.fhj-plagiarism-note,
.fhj-plagiarism-warning,
.fhj-help-box {
  padding: 24px 22px;
}

.fhj-plagiarism-note {
  border-left: 4px solid #0d6a56;
  background: #f9fbfa;
}

.fhj-plagiarism-warning {
  border-left: 4px solid #c96a2c;
  background: #fffaf4;
}

@media (max-width: 1100px) {
  .fhj-plagiarism-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .fhj-plagiarism-notes {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .fhj-plagiarism-grid {
    grid-template-columns: 1fr;
  }

  .fhj-plagiarism-hero {
    padding: 26px 20px;
  }

  .fhj-plagiarism-page h1 {
    font-size: 32px;
  }

  .fhj-page-intro {
    font-size: 16px;
  }

  .fhj-section-intro h2 {
    font-size: 28px;
  }

  .fhj-plagiarism-summary-card,
  .fhj-plagiarism-card,
  .fhj-plagiarism-note,
  .fhj-plagiarism-warning,
  .fhj-help-box {
    padding: 20px 18px;
  }
}/* =========================
   FHJ Contact Page
   ========================= */

.fhj-contact-page {
  margin: 20px 0 36px;
}

.fhj-contact-hero,
.fhj-contact-address-card,
.fhj-contact-card,
.fhj-contact-direct-card,
.fhj-help-box {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 22px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
}

.fhj-contact-hero {
  padding: 34px 30px;
  margin-bottom: 28px;
}

.fhj-page-label {
  display: inline-block;
  padding: 9px 15px;
  border-radius: 999px;
  background: #e5f1ec;
  color: #0d6a56;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 16px 0;
}

.fhj-contact-page h1 {
  font-size: 40px;
  line-height: 1.15;
  color: #132d55;
  font-weight: 700;
  margin: 0 0 14px 0;
}

.fhj-page-intro {
  font-size: 18px;
  line-height: 1.65;
  color: #4d605a;
  margin: 0;
  max-width: 860px;
}

.fhj-contact-address,
.fhj-contact-grid,
.fhj-contact-direct {
  margin: 0 0 28px 0;
}

.fhj-contact-address-card {
  padding: 24px 22px;
  border-left: 4px solid #0d6a56;
  background: #f9fbfa;
}

.fhj-contact-address-card h2,
.fhj-contact-direct-card h2,
.fhj-help-box h2 {
  font-size: 24px;
  line-height: 1.2;
  color: #132d55;
  margin: 0 0 10px 0;
}

.fhj-contact-address-card p,
.fhj-contact-card p,
.fhj-contact-direct-item span,
.fhj-contact-direct-item strong,
.fhj-help-box p {
  font-size: 15px;
  line-height: 1.6;
  color: #4d605a;
  margin: 0;
}

.fhj-contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.fhj-contact-card {
  padding: 24px 22px;
}

.fhj-contact-badge {
  display: inline-block;
  padding: 7px 12px;
  border-radius: 999px;
  background: #e8f2ee;
  color: #0d6a56;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 12px;
}

.fhj-contact-card h2 {
  font-size: 24px;
  line-height: 1.2;
  color: #17342d;
  margin: 0 0 8px 0;
}

.fhj-contact-role {
  font-size: 15px;
  line-height: 1.45;
  color: #687973;
  margin-bottom: 10px !important;
}

.fhj-contact-desc {
  font-size: 15px;
  line-height: 1.6;
  color: #4d605a;
}

.fhj-contact-direct-card {
  padding: 24px 22px;
}

.fhj-contact-direct-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.fhj-contact-direct-item {
  background: #f8fbf9;
  border: 1px solid #e5ece8;
  border-radius: 14px;
  padding: 14px 16px;
}

.fhj-contact-direct-item span {
  display: block;
  font-size: 13px;
  line-height: 1.3;
  color: #6a7c76;
  margin-bottom: 4px;
}

.fhj-contact-direct-item strong {
  display: block;
  font-size: 16px;
  line-height: 1.4;
  color: #17342d;
  font-weight: 700;
}

.fhj-help-box {
  padding: 24px 22px;
}

@media (max-width: 992px) {
  .fhj-contact-grid,
  .fhj-contact-direct-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .fhj-contact-hero {
    padding: 26px 20px;
  }

  .fhj-contact-page h1 {
    font-size: 32px;
  }

  .fhj-page-intro {
    font-size: 16px;
  }

  .fhj-contact-address-card,
  .fhj-contact-card,
  .fhj-contact-direct-card,
  .fhj-help-box {
    padding: 20px 18px;
  }
}/* =========================
   FHJ Contact Page
   ========================= */

.fhj-contact-page {
  margin: 20px 0 36px;
}

.fhj-contact-hero,
.fhj-contact-address-card,
.fhj-contact-card,
.fhj-contact-direct-card,
.fhj-help-box {
  background: #ffffff;
  border: 1px solid #dde6e1;
  border-radius: 22px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
}

.fhj-contact-hero {
  padding: 34px 30px;
  margin-bottom: 28px;
}

.fhj-page-label {
  display: inline-block;
  padding: 9px 15px;
  border-radius: 999px;
  background: #e5f1ec;
  color: #0d6a56;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 16px 0;
}

.fhj-contact-page h1 {
  font-size: 40px;
  line-height: 1.15;
  color: #132d55;
  font-weight: 700;
  margin: 0 0 14px 0;
}

.fhj-page-intro {
  font-size: 18px;
  line-height: 1.65;
  color: #4d605a;
  margin: 0;
  max-width: 860px;
}

.fhj-contact-address,
.fhj-contact-grid,
.fhj-contact-direct {
  margin: 0 0 28px 0;
}

.fhj-contact-address-card {
  padding: 24px 22px;
  border-left: 4px solid #0d6a56;
  background: #f9fbfa;
}

.fhj-contact-address-card h2,
.fhj-contact-direct-card h2,
.fhj-help-box h2 {
  font-size: 24px;
  line-height: 1.2;
  color: #132d55;
  margin: 0 0 10px 0;
}

.fhj-contact-address-card p,
.fhj-contact-card p,
.fhj-contact-direct-item span,
.fhj-contact-direct-item strong,
.fhj-help-box p {
  font-size: 15px;
  line-height: 1.6;
  color: #4d605a;
  margin: 0;
}

.fhj-contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.fhj-contact-card {
  padding: 24px 22px;
}

.fhj-contact-badge {
  display: inline-block;
  padding: 7px 12px;
  border-radius: 999px;
  background: #e8f2ee;
  color: #0d6a56;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 12px;
}

.fhj-contact-card h2 {
  font-size: 24px;
  line-height: 1.2;
  color: #17342d;
  margin: 0 0 8px 0;
}

.fhj-contact-role {
  font-size: 15px;
  line-height: 1.45;
  color: #687973;
  margin-bottom: 10px !important;
}

.fhj-contact-desc {
  font-size: 15px;
  line-height: 1.6;
  color: #4d605a;
}

.fhj-contact-direct-card {
  padding: 24px 22px;
}

.fhj-contact-direct-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.fhj-contact-direct-item {
  background: #f8fbf9;
  border: 1px solid #e5ece8;
  border-radius: 14px;
  padding: 14px 16px;
}

.fhj-contact-direct-item span {
  display: block;
  font-size: 13px;
  line-height: 1.3;
  color: #6a7c76;
  margin-bottom: 4px;
}

.fhj-contact-direct-item strong {
  display: block;
  font-size: 16px;
  line-height: 1.4;
  color: #17342d;
  font-weight: 700;
}

.fhj-help-box {
  padding: 24px 22px;
}

@media (max-width: 992px) {
  .fhj-contact-grid,
  .fhj-contact-direct-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .fhj-contact-hero {
    padding: 26px 20px;
  }

  .fhj-contact-page h1 {
    font-size: 32px;
  }

  .fhj-page-intro {
    font-size: 16px;
  }

  .fhj-contact-address-card,
  .fhj-contact-card,
  .fhj-contact-direct-card,
  .fhj-help-box {
    padding: 20px 18px;
  }
}