/* =========================================================
   JKAAP - FOCUS AND SCOPE
   Color Theme:
   Navy : #02275D
   Gold : #D4AF37
   Blue : #4472C4
   ========================================================= */


/* ---------- Variables ---------- */

.jkaap-scope-page {
  --jkaap-navy: #02275D;
  --jkaap-gold: #D4AF37;
  --jkaap-blue: #4472C4;

  --jkaap-bg: #F7F9FC;
  --jkaap-white: #FFFFFF;
  --jkaap-text: #263445;
  --jkaap-muted: #617083;
  --jkaap-line: #E4EAF2;

  --jkaap-soft-blue: #EEF4FF;
  --jkaap-soft-gold: #FFF9E8;

  --jkaap-shadow:
    0 12px 32px rgba(2, 39, 93, 0.08);
}


/* ---------- Main Container ---------- */

.jkaap-scope-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 40px 20px 60px;

  color: var(--jkaap-text);

  font-family:
    "Segoe UI",
    Arial,
    Helvetica,
    sans-serif;

  line-height: 1.75;
}


/* =========================================================
   HERO
   ========================================================= */

.jkaap-scope-hero {

  position: relative;

  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      var(--jkaap-navy) 0%,
      #073B7A 70%,
      var(--jkaap-blue) 100%
    );

  color: #FFFFFF;

  border-radius: 22px;

  padding: 42px 46px;

  margin-bottom: 30px;

  box-shadow: var(--jkaap-shadow);
}


/* Decorative circle */

.jkaap-scope-hero::after {

  content: "";

  position: absolute;

  width: 210px;
  height: 210px;

  border:
    2px solid
    rgba(212, 175, 55, 0.35);

  border-radius: 50%;

  right: -65px;
  top: -80px;
}


/* Eyebrow */

.jkaap-eyebrow {

  display: flex;

  align-items: center;

  gap: 9px;

  color: #FFF3C0;

  font-weight: 700;

  font-size: 0.82rem;

  letter-spacing: 0.12em;

  text-transform: uppercase;

  margin-bottom: 12px;
}


.jkaap-eyebrow::before {

  content: "";

  width: 28px;
  height: 3px;

  border-radius: 3px;

  background: var(--jkaap-gold);
}


/* Hero Title */

.jkaap-scope-hero h1 {

  margin: 0 0 12px;

  color: #FFFFFF;

  font-size: clamp(
    2rem,
    4vw,
    3.15rem
  );

  line-height: 1.15;

  letter-spacing: -0.03em;
}


/* Hero Description */

.jkaap-scope-hero p {

  max-width: 760px;

  margin: 0;

  color: #EAF1FB;

  font-size: 1.03rem;
}


/* Gold Accent */

.jkaap-hero-accent {

  width: 92px;

  height: 5px;

  background: var(--jkaap-gold);

  border-radius: 999px;

  margin-top: 24px;
}


/* =========================================================
   GRID
   ========================================================= */

.jkaap-scope-grid {

  display: grid;

  grid-template-columns:
    minmax(0, 1.55fr)
    minmax(260px, 0.75fr);

  gap: 28px;

  align-items: start;
}


/* =========================================================
   CONTENT CARD
   ========================================================= */

.jkaap-scope-card {

  background: var(--jkaap-white);

  border:
    1px solid
    var(--jkaap-line);

  border-radius: 18px;

  box-shadow: var(--jkaap-shadow);

  overflow: hidden;
}


.jkaap-scope-card-body {

  padding: 30px 32px;
}


/* =========================================================
   HEADINGS
   ========================================================= */

.jkaap-scope-card h2 {

  color: var(--jkaap-navy);

  font-size: 1.35rem;

  margin: 0 0 14px;

  line-height: 1.3;
}


.jkaap-scope-card h2 span {

  display: inline-block;

  border-bottom:
    3px solid
    var(--jkaap-gold);

  padding-bottom: 7px;
}


/* =========================================================
   PARAGRAPH
   ========================================================= */

.jkaap-scope-card p {

  margin-top: 0;

  margin-bottom: 18px;
}


.jkaap-intro {

  font-size: 1rem;

  text-align: justify;
}


/* =========================================================
   SCOPE
   ========================================================= */

.jkaap-scope-title {

  margin-top: 28px !important;
}


/* Topic Grid */

.jkaap-topic-grid {

  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 12px;

  margin-top: 18px;

  margin-bottom: 10px;
}


/* Topic Item */

.jkaap-topic-item {

  display: flex;

  gap: 12px;

  align-items: flex-start;

  padding: 14px 16px;

  background: #FBFCFE;

  border:
    1px solid
    #E5EBF3;

  border-radius: 12px;

  transition:
    all 0.2s ease;
}


.jkaap-topic-item:hover {

  transform:
    translateY(-2px);

  border-color:
    #BCD0F4;

  background:
    var(--jkaap-soft-blue);
}


/* Topic Dot */

.jkaap-topic-dot {

  width: 10px;

  min-width: 10px;

  height: 10px;

  margin-top: 8px;

  border-radius: 50%;

  background:
    var(--jkaap-gold);

  box-shadow:
    0 0 0 4px
    rgba(212, 175, 55, 0.13);
}


.jkaap-topic-item strong {

  color: #163A6C;

  font-size: 0.96rem;
}


/* =========================================================
   CONTRIBUTOR
   ========================================================= */

.jkaap-contributor {

  margin-top: 28px;

  padding: 18px 20px;

  background:
    #EFF5FC;

  border:
    1px solid
    #D9E5F5;

  border-left:
    5px solid
    var(--jkaap-blue);

  border-radius: 12px;

  color: #3A4C60;
}


.jkaap-contributor strong {

  color: var(--jkaap-navy);
}


/* =========================================================
   RESEARCH METHODS
   ========================================================= */

.jkaap-methods {

  background:
    linear-gradient(
      135deg,
      var(--jkaap-soft-gold),
      #FFFFFF
    );

  border-left:
    5px solid
    var(--jkaap-gold);

  padding: 18px 20px;

  border-radius: 12px;

  margin-top: 20px;
}


.jkaap-methods > strong {

  color: var(--jkaap-navy);
}


/* Tags */

.jkaap-tags {

  display: flex;

  flex-wrap: wrap;

  gap: 9px;

  margin-top: 12px;

  margin-bottom: 14px;
}


.jkaap-tag {

  background: #FFFFFF;

  color: var(--jkaap-navy);

  border:
    1px solid
    #E6D79B;

  border-radius: 999px;

  padding: 6px 11px;

  font-size: 0.84rem;

  font-weight: 600;
}


/* =========================================================
   INFORMATION CARD
   ========================================================= */

.jkaap-info-card {

  background:
    var(--jkaap-white);

  border:
    1px solid
    var(--jkaap-line);

  border-radius: 18px;

  box-shadow:
    var(--jkaap-shadow);

  overflow: hidden;
}


/* Info Header */

.jkaap-info-header {

  background:
    var(--jkaap-navy);

  color: #FFFFFF;

  padding: 18px 22px;

  font-size: 1.02rem;

  font-weight: 700;

  border-bottom:
    4px solid
    var(--jkaap-gold);
}


/* Info Content */

.jkaap-info-content {

  padding: 22px;
}


/* Info Row */

.jkaap-info-row {

  padding-bottom: 16px;

  margin-bottom: 16px;

  border-bottom:
    1px solid
    var(--jkaap-line);
}


.jkaap-info-row:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: 0;
}


/* Label */

.jkaap-info-label {

  color:
    var(--jkaap-blue);

  font-size: 0.78rem;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.08em;

  margin-bottom: 4px;
}


/* Value */

.jkaap-info-value {

  color:
    var(--jkaap-navy);

  font-weight: 700;

  line-height: 1.5;
}


/* =========================================================
   RESPONSIVE - TABLET
   ========================================================= */

@media (max-width: 820px) {

  .jkaap-scope-grid {

    grid-template-columns: 1fr;
  }


  .jkaap-topic-grid {

    grid-template-columns: 1fr;
  }


  .jkaap-scope-hero {

    padding: 34px 28px;
  }


  .jkaap-scope-card-body {

    padding: 26px 22px;
  }

}


/* =========================================================
   RESPONSIVE - MOBILE
   ========================================================= */

@media (max-width: 520px) {

  .jkaap-scope-page {

    padding:
      24px
      14px
      40px;
  }


  .jkaap-scope-hero {

    padding:
      30px
      22px;

    border-radius: 16px;
  }


  .jkaap-scope-hero h1 {

    font-size: 2rem;
  }


  .jkaap-scope-hero p {

    font-size: 0.95rem;
  }


  .jkaap-scope-card {

    border-radius: 14px;
  }


  .jkaap-info-card {

    border-radius: 14px;
  }


  .jkaap-topic-item {

    padding:
      12px
      14px;
  }

}

/* =========================================================
   JKAAP - PUBLICATION FREQUENCY
   Theme:
   Navy : #02275D
   Gold : #D4AF37
   Blue : #4472C4
   ========================================================= */

.jkaap-frequency-page {
  --jkaap-navy: #02275D;
  --jkaap-gold: #D4AF37;
  --jkaap-blue: #4472C4;

  --jkaap-text: #263445;
  --jkaap-muted: #617083;
  --jkaap-line: #E4EAF2;

  max-width: 950px;
  margin: 0 auto;
  padding: 50px 20px 70px;

  font-family:
    "Segoe UI",
    Arial,
    Helvetica,
    sans-serif;

  color: var(--jkaap-text);
}


/* =========================================================
   MAIN CARD
   ========================================================= */

.jkaap-frequency-card {

  display: flex;

  align-items: center;

  gap: 40px;

  position: relative;

  overflow: hidden;

  background: #FFFFFF;

  border:
    1px solid
    var(--jkaap-line);

  border-radius: 22px;

  padding: 45px;

  box-shadow:
    0 15px 40px
    rgba(2, 39, 93, 0.09);
}


/* Decorative background */

.jkaap-frequency-card::after {

  content: "";

  position: absolute;

  width: 240px;
  height: 240px;

  border-radius: 50%;

  border:
    2px solid
    rgba(68, 114, 196, 0.08);

  right: -100px;
  bottom: -120px;

}


/* =========================================================
   ICON / NUMBER
   ========================================================= */

.jkaap-frequency-icon {

  position: relative;

  flex-shrink: 0;

  width: 145px;
  height: 145px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      var(--jkaap-navy),
      var(--jkaap-blue)
    );

  box-shadow:
    0 10px 25px
    rgba(2, 39, 93, 0.18);
}


.jkaap-frequency-icon::before {

  content: "";

  position: absolute;

  inset: 8px;

  border:
    2px solid
    var(--jkaap-gold);

  border-radius: 50%;

  opacity: 0.9;
}


.jkaap-frequency-icon span {

  position: relative;

  color: #FFFFFF;

  font-size: 2.6rem;

  font-weight: 800;

  letter-spacing: -0.05em;
}


/* =========================================================
   CONTENT
   ========================================================= */

.jkaap-frequency-content {

  position: relative;

  z-index: 2;

  flex: 1;
}


/* Eyebrow */

.jkaap-frequency-page .jkaap-eyebrow {

  display: flex;

  align-items: center;

  gap: 9px;

  color: var(--jkaap-blue);

  font-size: 0.78rem;

  font-weight: 800;

  letter-spacing: 0.12em;

  text-transform: uppercase;

  margin-bottom: 8px;
}


.jkaap-frequency-page .jkaap-eyebrow::before {

  content: "";

  width: 25px;

  height: 3px;

  border-radius: 10px;

  background:
    var(--jkaap-gold);
}


/* Title */

.jkaap-frequency-content h1 {

  margin: 0;

  color:
    var(--jkaap-navy);

  font-size:
    clamp(2rem, 4vw, 2.7rem);

  line-height: 1.2;

  letter-spacing: -0.03em;
}


/* Gold line */

.jkaap-frequency-line {

  width: 70px;

  height: 4px;

  margin:
    18px 0 20px;

  background:
    var(--jkaap-gold);

  border-radius: 10px;
}


/* Description */

.jkaap-frequency-content > p {

  max-width: 650px;

  margin: 0 0 24px;

  color:
    var(--jkaap-muted);

  font-size: 1.05rem;

  line-height: 1.75;
}


.jkaap-frequency-content > p strong {

  color:
    var(--jkaap-navy);
}


/* =========================================================
   PUBLICATION MONTHS
   ========================================================= */

.jkaap-publication-months {

  display: flex;

  gap: 14px;

  flex-wrap: wrap;
}


.jkaap-month {

  display: flex;

  align-items: center;

  gap: 12px;

  min-width: 190px;

  padding:
    12px 16px;

  background:
    #F8FAFD;

  border:
    1px solid
    #E1E8F2;

  border-radius: 12px;
}


/* Month number */

.jkaap-month-number {

  display: flex;

  align-items: center;
  justify-content: center;

  width: 38px;
  height: 38px;

  flex-shrink: 0;

  border-radius: 9px;

  background:
    var(--jkaap-navy);

  color: #FFFFFF;

  font-size: 0.8rem;

  font-weight: 800;
}


/* Month name */

.jkaap-month strong {

  display: block;

  color:
    var(--jkaap-navy);

  font-size: 1rem;
}


/* Issue */

.jkaap-month span {

  display: block;

  color:
    var(--jkaap-muted);

  font-size: 0.78rem;

  margin-top: 1px;
}


/* =========================================================
   HOVER
   ========================================================= */

.jkaap-month {

  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease;
}


.jkaap-month:hover {

  transform:
    translateY(-2px);

  border-color:
    rgba(68, 114, 196, 0.35);

  background:
    #F1F5FC;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 700px) {

  .jkaap-frequency-card {

    flex-direction: column;

    align-items: flex-start;

    padding: 35px 28px;

    gap: 28px;
  }


  .jkaap-frequency-icon {

    width: 110px;
    height: 110px;
  }


  .jkaap-frequency-icon span {

    font-size: 2.1rem;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 480px) {

  .jkaap-frequency-page {

    padding:
      30px
      14px
      50px;
  }


  .jkaap-frequency-card {

    padding:
      30px
      22px;

    border-radius: 16px;
  }


  .jkaap-frequency-content h1 {

    font-size: 2rem;
  }


  .jkaap-frequency-content > p {

    font-size: 0.96rem;
  }


  .jkaap-publication-months {

    flex-direction: column;
  }


  .jkaap-month {

    width: 100%;

    min-width: 0;
  }

}

.jkaap-pr {
  max-width: 1000px;
  margin: 30px auto;
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 1.7;
}

.jkaap-pr-header {
  background: #02275D;
  color: #fff;
  padding: 40px 25px;
  text-align: center;
  border-radius: 12px;
  margin-bottom: 25px;
}

.jkaap-pr-header h1 {
  margin: 0 0 8px;
  font-size: 32px;
}

.jkaap-pr-header p {
  margin: 0;
  font-size: 15px;
  opacity: .9;
}

.jkaap-pr-box {
  background: #fff;
  border: 1px solid #e2e7ef;
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 20px;
  box-shadow: 0 4px 15px rgba(2,39,93,.06);
}

.jkaap-pr-box h2,
.jkaap-pr-process h2,
.jkaap-pr-contact h2 {
  color: #02275D;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 22px;
  border-bottom: 3px solid #D4AF37;
  padding-bottom: 8px;
}

.jkaap-pr-box p {
  margin: 8px 0 14px;
}

.jkaap-pr-steps {
  margin-top: 20px;
}

.jkaap-pr-step {
  display: flex;
  gap: 15px;
  margin-bottom: 16px;
  padding: 16px;
  background: #f8fafc;
  border-left: 4px solid #4472C4;
  border-radius: 7px;
}

.jkaap-pr-step > span {
  flex: 0 0 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  background: #02275D;
  color: #fff;
  border-radius: 50%;
  font-weight: bold;
}

.jkaap-pr-step h3 {
  margin: 0 0 5px;
  color: #02275D;
  font-size: 17px;
}

.jkaap-pr-step p {
  margin: 5px 0;
}

.jkaap-pr-step ul {
  margin: 8px 0;
  padding-left: 20px;
}

.jkaap-pr-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.jkaap-pr-tags span {
  background: #D4AF37;
  color: #fff;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: bold;
}

.jkaap-pr-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.jkaap-pr-grid > div {
  padding: 15px;
  background: #f8fafc;
  border-radius: 7px;
  border-left: 3px solid #4472C4;
}

.jkaap-pr-grid strong {
  color: #02275D;
}

.jkaap-pr-grid p {
  margin: 5px 0 0;
  font-size: 14px;
}

.jkaap-pr-process {
  background: #fff;
  border: 1px solid #e2e7ef;
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 20px;
  text-align: center;
}

.jkaap-pr-process iframe {
  width: 100%;
  height: 600px;
  border: 0;
  border-radius: 7px;
  background: #f8fafc;
}

.jkaap-pr-contact {
  background: #02275D;
  color: #fff;
  text-align: center;
  padding: 25px;
  border-radius: 10px;
}

.jkaap-pr-contact h2 {
  color: #fff;
}

.jkaap-pr-contact p {
  margin-bottom: 5px;
}

.jkaap-pr-contact a {
  color: #D4AF37;
  font-weight: bold;
  text-decoration: none;
}

.jkaap-pr-contact a:hover {
  text-decoration: underline;
}

@media (max-width: 700px) {
  .jkaap-pr {
    margin: 15px auto;
  }

  .jkaap-pr-header h1 {
    font-size: 25px;
  }

  .jkaap-pr-box,
  .jkaap-pr-process {
    padding: 18px;
  }

  .jkaap-pr-grid {
    grid-template-columns: 1fr;
  }

  .jkaap-pr-step {
    padding: 12px;
  }

  .jkaap-pr-process iframe {
    height: 450px;
  }
}

.jkaap-ethics {
  max-width: 1000px;
  margin: 30px auto;
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 1.7;
}

.jkaap-ethics-header {
  background: #02275D;
  color: #fff;
  padding: 40px 25px;
  text-align: center;
  border-radius: 12px;
  margin-bottom: 25px;
}

.jkaap-ethics-header h1 {
  margin: 0 0 8px;
  font-size: 32px;
}

.jkaap-ethics-header p {
  margin: 0;
  font-size: 15px;
  opacity: .9;
}

.jkaap-ethics-box {
  background: #fff;
  border: 1px solid #e2e7ef;
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 20px;
  box-shadow: 0 4px 15px rgba(2,39,93,.06);
}

.jkaap-ethics-box h2,
.jkaap-ethics-summary h2 {
  color: #02275D;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 21px;
  border-bottom: 3px solid #D4AF37;
  padding-bottom: 8px;
}

.jkaap-ethics-box p {
  margin: 8px 0 14px;
}

.jkaap-ethics-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.jkaap-ethics-list li {
  position: relative;
  padding: 10px 10px 10px 30px;
  margin-bottom: 7px;
  background: #f8fafc;
  border-left: 3px solid #4472C4;
  border-radius: 5px;
}

.jkaap-ethics-list li:before {
  content: "✓";
  position: absolute;
  left: 9px;
  top: 9px;
  color: #D4AF37;
  font-weight: bold;
}

.jkaap-ethics-summary {
  background: #02275D;
  color: #fff;
  padding: 25px;
  border-radius: 10px;
  text-align: center;
}

.jkaap-ethics-summary h2 {
  color: #fff;
  border-color: #D4AF37;
}

.jkaap-ethics-summary p {
  margin: 0;
}

@media (max-width: 700px) {

  .jkaap-ethics {
    margin: 15px auto;
  }

  .jkaap-ethics-header {
    padding: 30px 18px;
  }

  .jkaap-ethics-header h1 {
    font-size: 26px;
  }

  .jkaap-ethics-box {
    padding: 18px;
  }

  .jkaap-ethics-list li {
    padding-left: 28px;
  }

}

.jkaap-ai {
  max-width: 1000px;
  margin: 30px auto;
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 1.7;
}

.jkaap-ai-header {
  background: #02275D;
  color: #fff;
  padding: 40px 25px;
  text-align: center;
  border-radius: 12px;
  margin-bottom: 25px;
}

.jkaap-ai-header h1 {
  margin: 0 0 8px;
  font-size: 30px;
}

.jkaap-ai-header p {
  margin: 0;
  font-size: 15px;
  opacity: .9;
}

.jkaap-ai-box {
  background: #fff;
  border: 1px solid #e2e7ef;
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 20px;
  box-shadow: 0 4px 15px rgba(2,39,93,.06);
}

.jkaap-ai-box h2,
.jkaap-ai-summary h2 {
  color: #02275D;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 21px;
  border-bottom: 3px solid #D4AF37;
  padding-bottom: 8px;
}

.jkaap-ai-box p {
  margin: 8px 0 14px;
}

.jkaap-ai-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.jkaap-ai-list li {
  position: relative;
  padding: 10px 12px 10px 30px;
  margin-bottom: 8px;
  background: #f8fafc;
  border-left: 3px solid #4472C4;
  border-radius: 5px;
}

.jkaap-ai-list li:before {
  content: "✓";
  position: absolute;
  left: 9px;
  top: 9px;
  color: #D4AF37;
  font-weight: bold;
}

.jkaap-ai-prohibited li {
  border-left-color: #02275D;
}

.jkaap-ai-prohibited li:before {
  content: "!";
  color: #02275D;
  font-weight: bold;
}

.jkaap-ai-warning {
  margin-top: 18px;
  padding: 15px;
  background: #f8fafc;
  border-left: 4px solid #D4AF37;
  border-radius: 6px;
  font-weight: 600;
}

.jkaap-ai-summary {
  background: #02275D;
  color: #fff;
  padding: 25px;
  border-radius: 10px;
  text-align: center;
}

.jkaap-ai-summary h2 {
  color: #fff;
  border-color: #D4AF37;
}

.jkaap-ai-summary p {
  margin: 0;
}

@media (max-width: 700px) {

  .jkaap-ai {
    margin: 15px auto;
  }

  .jkaap-ai-header {
    padding: 30px 18px;
  }

  .jkaap-ai-header h1 {
    font-size: 25px;
  }

  .jkaap-ai-box {
    padding: 18px;
  }

}

.jkaap-copyright{
  max-width:1000px;
  margin:30px auto;
  font-family:Arial,sans-serif;
  color:#333;
  line-height:1.7;
}

.jkaap-copyright-header{
  background:#02275D;
  color:#fff;
  text-align:center;
  padding:40px 25px;
  border-radius:12px;
  margin-bottom:25px;
}

.jkaap-copyright-header h1{
  margin:0 0 8px;
  font-size:30px;
}

.jkaap-copyright-header p{
  margin:0;
  opacity:.9;
}

.jkaap-copyright-box{
  background:#fff;
  border:1px solid #e2e7ef;
  border-radius:10px;
  padding:25px;
  margin-bottom:20px;
  box-shadow:0 4px 15px rgba(2,39,93,.06);
}

.jkaap-copyright-box h2,
.jkaap-copyright-summary h2{
  color:#02275D;
  margin-top:0;
  margin-bottom:15px;
  font-size:21px;
  border-bottom:3px solid #D4AF37;
  padding-bottom:8px;
}

/* CC License */
.jkaap-license-card{
  background:#f8fafc;
  border-left:4px solid #4472C4;
  border-radius:6px;
  padding:18px;
  margin-top:18px;
}

.jkaap-license-card h3{
  margin:0 0 8px;
  color:#02275D;
}

.jkaap-license-card a{
  display:inline-block;
  margin-top:8px;
  color:#4472C4;
  font-weight:bold;
  text-decoration:none;
}

.jkaap-license-card a:hover{
  text-decoration:underline;
}

/* Open Access */
.jkaap-open-access{
  background:#FFF9E8;
  border-left:4px solid #D4AF37;
  border-radius:6px;
  padding:18px;
}

.jkaap-open-access h3{
  margin:0 0 8px;
  color:#02275D;
}

/* Process */
.jkaap-process{
  margin:18px 0;
}

.jkaap-process-item{
  display:flex;
  gap:15px;
  background:#f8fafc;
  border-left:3px solid #4472C4;
  border-radius:6px;
  padding:15px;
  margin-bottom:12px;
}

.jkaap-process-item span{
  width:34px;
  height:34px;
  line-height:34px;
  text-align:center;
  background:#02275D;
  color:#fff;
  border-radius:50%;
  font-weight:bold;
  flex-shrink:0;
}

.jkaap-process-item strong{
  color:#02275D;
}

.jkaap-process-item p{
  margin:4px 0 0;
}

/* Download */
.jkaap-download{
  background:#EEF4FF;
  border:1px solid #D8E4FA;
  border-radius:8px;
  padding:18px;
  text-align:center;
  margin-top:20px;
}

.jkaap-download h3{
  margin:0 0 8px;
  color:#02275D;
}

.jkaap-download a{
  display:inline-block;
  margin-top:10px;
  background:#02275D;
  color:#fff;
  padding:10px 18px;
  border-radius:6px;
  text-decoration:none;
  font-weight:bold;
}

.jkaap-download a:hover{
  background:#4472C4;
}

/* Summary */
.jkaap-copyright-summary{
  background:#02275D;
  color:#fff;
  text-align:center;
  padding:25px;
  border-radius:10px;
}

.jkaap-copyright-summary h2{
  color:#fff;
  border-color:#D4AF37;
}

.jkaap-copyright-summary p{
  margin:0;
}

@media(max-width:700px){

  .jkaap-copyright{
    margin:15px auto;
  }

  .jkaap-copyright-header{
    padding:30px 18px;
  }

  .jkaap-copyright-header h1{
    font-size:24px;
  }

  .jkaap-copyright-box{
    padding:18px;
  }

  .jkaap-process-item{
    gap:12px;
  }

}

.jkaap-plagiarism{
  max-width:1000px;
  margin:30px auto;
  font-family:Arial,sans-serif;
  color:#333;
  line-height:1.7;
}

.jkaap-plagiarism-header{
  background:#02275D;
  color:#fff;
  text-align:center;
  padding:40px 25px;
  border-radius:12px;
  margin-bottom:25px;
}

.jkaap-plagiarism-header h1{
  margin:0 0 8px;
  font-size:30px;
}

.jkaap-plagiarism-header p{
  margin:0;
  opacity:.9;
}

.jkaap-plagiarism-box{
  background:#fff;
  border:1px solid #e2e7ef;
  border-radius:10px;
  padding:25px;
  margin-bottom:20px;
  box-shadow:0 4px 15px rgba(2,39,93,.06);
}

.jkaap-plagiarism-box h2,
.jkaap-plagiarism-summary h2{
  color:#02275D;
  margin-top:0;
  margin-bottom:18px;
  font-size:21px;
  border-bottom:3px solid #D4AF37;
  padding-bottom:8px;
}


/* Similarity Levels */

.jkaap-plagiarism-levels{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
}

.jkaap-plagiarism-level{
  background:#f8fafc;
  border:1px solid #e2e7ef;
  border-top:4px solid #4472C4;
  border-radius:8px;
  padding:18px;
}

.jkaap-plagiarism-percent{
  display:inline-block;
  background:#02275D;
  color:#fff;
  padding:6px 12px;
  border-radius:20px;
  font-size:14px;
  font-weight:bold;
  margin-bottom:10px;
}

.jkaap-plagiarism-level h3{
  color:#02275D;
  margin:5px 0 8px;
  font-size:18px;
}

.jkaap-plagiarism-level p{
  margin:0;
  font-size:14px;
}


/* Author Responsibilities */

.jkaap-plagiarism-list{
  list-style:none;
  margin:0;
  padding:0;
}

.jkaap-plagiarism-list li{
  position:relative;
  padding:10px 12px 10px 30px;
  margin-bottom:8px;
  background:#f8fafc;
  border-left:3px solid #4472C4;
  border-radius:5px;
}

.jkaap-plagiarism-list li:before{
  content:"✓";
  position:absolute;
  left:9px;
  top:9px;
  color:#D4AF37;
  font-weight:bold;
}


/* Turnitin Notice */

.jkaap-plagiarism-notice{
  background:#FFF9E8;
  border-left:4px solid #D4AF37;
  border-radius:6px;
  padding:18px;
  margin-bottom:18px;
}

.jkaap-plagiarism-notice strong{
  color:#02275D;
  font-size:17px;
}

.jkaap-plagiarism-notice p{
  margin:7px 0 0;
}


/* Summary */

.jkaap-plagiarism-summary{
  background:#02275D;
  color:#fff;
  text-align:center;
  padding:25px;
  border-radius:10px;
}

.jkaap-plagiarism-summary h2{
  color:#fff;
  border-color:#D4AF37;
}

.jkaap-plagiarism-summary p{
  margin:0;
}


/* Responsive */

@media(max-width:700px){

  .jkaap-plagiarism{
    margin:15px auto;
  }

  .jkaap-plagiarism-header{
    padding:30px 18px;
  }

  .jkaap-plagiarism-header h1{
    font-size:25px;
  }

  .jkaap-plagiarism-box{
    padding:18px;
  }

  .jkaap-plagiarism-levels{
    grid-template-columns:1fr;
  }

}

.jkaap-apc{
  max-width:1000px;
  margin:30px auto;
  font-family:Arial,sans-serif;
  color:#333;
  line-height:1.7;
}

.jkaap-apc-header{
  background:#02275D;
  color:#fff;
  text-align:center;
  padding:40px 25px;
  border-radius:12px;
  margin-bottom:25px;
}

.jkaap-apc-header h1{
  margin:0 0 8px;
  font-size:30px;
}

.jkaap-apc-header p{
  margin:0;
  opacity:.9;
}


/* Free Publication */

.jkaap-apc-free{
  background:#fff;
  border:2px solid #D4AF37;
  border-radius:12px;
  padding:35px 25px;
  text-align:center;
  margin-bottom:20px;
  box-shadow:0 5px 18px rgba(2,39,93,.08);
}

.jkaap-apc-icon{
  display:inline-block;
  background:#02275D;
  color:#D4AF37;
  font-size:18px;
  font-weight:bold;
  padding:8px 18px;
  border-radius:25px;
  margin-bottom:12px;
}

.jkaap-apc-free h2{
  color:#02275D;
  margin:5px 0 10px;
  font-size:25px;
}

.jkaap-apc-free p{
  max-width:700px;
  margin:0 auto;
}


/* Main Box */

.jkaap-apc-box{
  background:#fff;
  border:1px solid #e2e7ef;
  border-radius:10px;
  padding:25px;
  margin-bottom:20px;
  box-shadow:0 4px 15px rgba(2,39,93,.06);
}

.jkaap-apc-box h2,
.jkaap-apc-summary h2{
  color:#02275D;
  margin-top:0;
  margin-bottom:15px;
  font-size:21px;
  border-bottom:3px solid #D4AF37;
  padding-bottom:8px;
}


/* Fee Items */

.jkaap-apc-items{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  margin-top:20px;
}

.jkaap-apc-items > div{
  background:#f8fafc;
  border-left:3px solid #4472C4;
  border-radius:7px;
  padding:18px;
}

.jkaap-apc-items span{
  display:block;
  color:#D4AF37;
  font-size:22px;
  font-weight:bold;
  margin-bottom:5px;
}

.jkaap-apc-items strong{
  color:#02275D;
}

.jkaap-apc-items p{
  font-size:14px;
  margin:5px 0 0;
}


/* Summary */

.jkaap-apc-summary{
  background:#02275D;
  color:#fff;
  text-align:center;
  padding:25px;
  border-radius:10px;
}

.jkaap-apc-summary h2{
  color:#fff;
  border-color:#D4AF37;
}

.jkaap-apc-summary p{
  margin:0;
}


/* Responsive */

@media(max-width:700px){

  .jkaap-apc{
    margin:15px auto;
  }

  .jkaap-apc-header{
    padding:30px 18px;
  }

  .jkaap-apc-header h1{
    font-size:25px;
  }

  .jkaap-apc-free{
    padding:28px 18px;
  }

  .jkaap-apc-free h2{
    font-size:22px;
  }

  .jkaap-apc-box{
    padding:18px;
  }

  .jkaap-apc-items{
    grid-template-columns:1fr;
  }

}

.jkaap-guidelines{
  max-width:1000px;
  margin:30px auto;
  font-family:Arial,sans-serif;
  color:#333;
  line-height:1.7;
}

.jkaap-guidelines-header{
  background:#02275D;
  color:#fff;
  text-align:center;
  padding:40px 25px;
  border-radius:12px;
  margin-bottom:20px;
}

.jkaap-guidelines-header h1{
  margin:0 0 8px;
  font-size:30px;
}

.jkaap-guidelines-header p{
  margin:0;
  font-size:15px;
  opacity:.9;
}

.jkaap-guidelines-intro{
  background:#f8fafc;
  border-left:4px solid #D4AF37;
  border-radius:7px;
  padding:18px 20px;
  margin-bottom:20px;
}

.jkaap-guidelines-intro p{
  margin:0;
}

.jkaap-guidelines-box{
  background:#fff;
  border:1px solid #e2e7ef;
  border-radius:10px;
  padding:25px;
  margin-bottom:18px;
  box-shadow:0 4px 15px rgba(2,39,93,.06);
}

.jkaap-guidelines-box h2{
  color:#02275D;
  margin:0 0 16px;
  font-size:21px;
  border-bottom:3px solid #D4AF37;
  padding-bottom:8px;
}

.jkaap-guidelines-box h3{
  color:#4472C4;
  font-size:17px;
  margin:18px 0 8px;
}

.jkaap-guidelines-box ul{
  margin:0;
  padding-left:22px;
}

.jkaap-guidelines-box li{
  margin-bottom:7px;
  padding-left:4px;
}

.jkaap-guidelines-template{
  background:#EEF4FF;
  border:1px solid #D8E4FA;
  border-radius:10px;
  padding:25px;
  text-align:center;
  margin-bottom:18px;
}

.jkaap-guidelines-template h2{
  color:#02275D;
  margin:0 0 10px;
}

.jkaap-guidelines-template p{
  margin:0 0 15px;
}

.jkaap-guidelines-template a,
.jkaap-guidelines-submit a{
  display:inline-block;
  background:#02275D;
  color:#fff;
  padding:10px 20px;
  border-radius:6px;
  text-decoration:none;
  font-weight:bold;
}

.jkaap-guidelines-template a:hover,
.jkaap-guidelines-submit a:hover{
  background:#4472C4;
}

.jkaap-guidelines-submit{
  background:#02275D;
  color:#fff;
  text-align:center;
  border-radius:10px;
  padding:28px 25px;
}

.jkaap-guidelines-submit h2{
  margin:0 0 10px;
  font-size:23px;
  color:#fff;
}

.jkaap-guidelines-submit p{
  margin:0 auto 18px;
  max-width:700px;
}

.jkaap-guidelines-submit a{
  background:#D4AF37;
  color:#02275D;
}

.jkaap-guidelines-submit a:hover{
  background:#fff;
}

@media(max-width:700px){

  .jkaap-guidelines{
    margin:15px auto;
  }

  .jkaap-guidelines-header{
    padding:30px 18px;
  }

  .jkaap-guidelines-header h1{
    font-size:25px;
  }

  .jkaap-guidelines-box{
    padding:18px;
  }

  .jkaap-guidelines-box h2{
    font-size:19px;
  }

}

.jkaap-indexing{
  max-width:1000px;
  margin:30px auto;
  font-family:Arial,sans-serif;
  color:#333;
  line-height:1.7;
}

.jkaap-indexing-header{
  background:#02275D;
  color:#fff;
  text-align:center;
  padding:40px 25px;
  border-radius:12px;
  margin-bottom:25px;
}

.jkaap-indexing-header h1{
  margin:0 0 8px;
  font-size:30px;
}

.jkaap-indexing-header p{
  margin:0;
  font-size:15px;
  opacity:.9;
}

.jkaap-indexing-box{
  background:#fff;
  border:1px solid #e2e7ef;
  border-radius:10px;
  padding:25px;
  margin-bottom:20px;
  box-shadow:0 4px 15px rgba(2,39,93,.06);
}

.jkaap-indexing-box h2{
  color:#02275D;
  margin:0 0 18px;
  font-size:21px;
  border-bottom:3px solid #D4AF37;
  padding-bottom:8px;
}


/* Indexing Grid */

.jkaap-indexing-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-top:20px;
}

.jkaap-indexing-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:150px;
  padding:15px;
  background:#f8fafc;
  border:1px solid #e2e7ef;
  border-radius:8px;
  text-align:center;
  text-decoration:none;
  transition:.2s ease;
}

.jkaap-indexing-item:hover{
  border-color:#4472C4;
  box-shadow:0 4px 12px rgba(2,39,93,.10);
  transform:translateY(-2px);
}

.jkaap-indexing-item img{
  max-width:130px;
  max-height:65px;
  width:auto;
  height:auto;
  object-fit:contain;
  margin-bottom:12px;
}

.jkaap-indexing-item strong{
  color:#02275D;
  font-size:15px;
}


/* DOI */

.jkaap-doi{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#f8fafc;
  border-left:4px solid #D4AF37;
  border-radius:7px;
  padding:15px 18px;
  margin-top:20px;
}

.jkaap-doi span{
  color:#02275D;
  font-weight:bold;
}

.jkaap-doi strong{
  color:#4472C4;
  font-size:18px;
}


/* Summary */

.jkaap-indexing-summary{
  background:#02275D;
  color:#fff;
  text-align:center;
  padding:25px;
  border-radius:10px;
}

.jkaap-indexing-summary h2{
  color:#fff;
  margin:0 0 10px;
  font-size:22px;
}

.jkaap-indexing-summary p{
  margin:0;
}


/* Responsive */

@media(max-width:800px){

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

}

@media(max-width:500px){

  .jkaap-indexing{
    margin:15px auto;
  }

  .jkaap-indexing-header{
    padding:30px 18px;
  }

  .jkaap-indexing-header h1{
    font-size:25px;
  }

  .jkaap-indexing-box{
    padding:18px;
  }

  .jkaap-indexing-grid{
    grid-template-columns:1fr;
  }

  .jkaap-doi{
    flex-direction:column;
    gap:5px;
    text-align:center;
  }

}

.partner-slider {
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
}

.partner-track {
  display: flex;
  align-items: center;
  gap: 40px;
  width: max-content;
  animation: scroll-logos 40s linear normal;
}

.partner-track img {
  max-height: 70px;
  width: auto;
  object-fit: contain;
  display: block;
}


.partner-slider:hover .partner-track {
  animation-play-state: paused;
}

/* Animasi geser ke kiri */
@keyframes scroll-logos {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Make a submission */
.block_make_submission_link {
  display: flex !important;
  text-align: center !important;
  padding: 12px 22px !important;
  background: linear-gradient(135deg, #02275D, #011C45) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
  transition: all 0.25s ease !important;
}

.block_make_submission_link:hover {
  background: linear-gradient(135deg, #5A4747, #011C45) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,0.2) !important;
}

.block_make_submission_link:active {
  transform: translateY(0) !important;
  box-shadow: 0 3px 8px rgba(0,0,0,0.15) !important;
}


/* ADDITIONAL MENU SIDEBAR */
/* === Additional Menu Block (Enhanced Style) === */
.additional-menu-block {
  border-radius: 6px;
  overflow: hidden;
  background: #f7f7f7;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15); /* shadow card */
  margin-bottom: 20px;
  font-family: Arial, Helvetica, sans-serif;
}

.additional-menu-title {
  background: #02275D;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  padding: 12px 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 3px solid #D4AF37; /* garis kuning */
}

.additional-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #f7f7f7;
}

.additional-menu-list li {
  border-bottom: 1px solid #e0e0e0;
}

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

.additional-menu-list a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  color: #4472C4;
  text-decoration: none !important;
  font-weight: bold;
  background: #f7f7f7;
  transition: all 0.25s ease; /* animasi halus */
}

/* Hover effect */
.additional-menu-list a:hover {
  background: #ffffff;
  color: #4472C4;
  box-shadow: inset 4px 0 0 #02275D, 0 2px 8px rgba(0,0,0,0.12);
  transform: translateX(4px); /* geser dikit ke kanan */
}

/* Ikon Font Awesome */
.additional-menu-list i {
  width: 22px;
  text-align: center;
  color: #02275D;
  font-size: 16px;
  transition: color 0.25s ease;
}

/* Ikon ikut berubah saat hover */
.additional-menu-list a:hover i {
  color: #011C45;
}


/* Template Blok */
/* === Template Image Block === */
.template-image-block {
  border-radius: 6px;
  overflow: hidden;
  background: #f7f7f7;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  margin-bottom: 20px;
  font-family: Arial, Helvetica, sans-serif;
}

.template-image-title {
  background: #02275D;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  padding: 12px 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 3px solid #D4AF37;
}

.template-image-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
}

.template-image-item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  border-radius: 4px;
  padding: 10px;
  text-decoration: none !important;
  color: #333;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: all 0.25s ease;
}

.template-image-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.template-image-item span {
  font-weight: 600;
  font-size: 14px;
}

/* Hover effect */
.template-image-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
}


/* blok custom */
.block_custom {
  padding-bottom: 0px;
  padding-top: 20px;
}


/* indexed by */
/* === Indexed By Block === */
.indexedby-block {
  border-radius: 6px;
  overflow: hidden;
  background: #f7f7f7;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

.indexedby-title {
  background: #02275D;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  padding: 12px 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 3px solid #D4AF37;
}

.indexedby-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 kolom seperti contoh */
  gap: 12px;
  padding: 12px;
}

.indexedby-item {
  background: #ffffff;
  border-radius: 6px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  transition: all 0.25s ease;
}

.indexedby-item img {
  max-width: 100%;
  max-height: 60px;
  object-fit: contain;
}

/* Hover effect */
.indexedby-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* tools customblock */
/* === Tools Block === */
.tools-block {
  border-radius: 6px;
  overflow: hidden;
  background: #f7f7f7;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

.tools-title {
  background: #02275D;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  padding: 12px 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 3px solid #D4AF37;
}

.tools-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 kolom */
  gap: 12px;
  padding: 12px;
}

.tools-item {
  background: #ffffff;
  border-radius: 6px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  transition: all 0.25s ease;
}

.tools-item img {
  max-width: 100%;
  max-height: 60px;
  object-fit: contain;
}

/* Hover effect */
.tools-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* Editorial */
/* === Editorial Board Page === */
.editorial-page-container {
  max-width: 1100px;
  margin: 0 auto 20px auto;
  font-family: Arial, Helvetica, sans-serif;
}

.editorial-page-header {
  background: #02275D;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  padding: 14px 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 4px solid #D4AF37;
  border-radius: 6px 6px 0 0;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.editorial-page-content {
  background: #f7f7f7;
  padding: 20px;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 20px;
}

/* Card Editor */
.editor-card {
  background: #ffffff;
  border-radius: 6px;
  padding: 16px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  transition: all 0.25s ease;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.editor-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}

/* Info Editor */
.editor-info {
  display: flex;
  gap: 14px;
  align-items: center;
}

.editor-info img {
  width: 70px;
  height: 70px;
  border-radius: 6px;
  object-fit: cover;
  border: 1px solid #ddd;
}

.editor-info strong {
  display: block;
  color: #02275D;
  font-size: 15px;
  margin-bottom: 4px;
}

.editor-info span {
  display: block;
  font-size: 13px;
  color: #555;
}

/* Links */
.editor-links {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.editor-links a {
  background: #02275D;
  color: #ffffff !important;
  padding: 6px 10px;
  border-radius: 4px;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 600;
  transition: background 0.2s ease;
}

.editor-links a:hover {
  background: #011C45;
}

/* Focus and Scope */
/* Simple Focus and Scope layout */
.focus-scope-simple {
  max-width: 1100px;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
}

.focus-scope-simple p {
  line-height: 1.6;
  margin-bottom: 20px;
  color: #222;
}

.focus-scope-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.focus-scope-grid ul {
  margin: 0;
  padding-left: 20px;
}

.focus-scope-grid li {
  margin-bottom: 6px;
  font-size: 14px;
  color: #222;
}

/* Responsive: di layar kecil jadi 1 kolom */
@media (max-width: 768px) {
  .focus-scope-grid {
    grid-template-columns: 1fr;
  }
}


/* APC */
/* Simple APC page layout */
.apc-simple {
  max-width: 1100px;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  color: #222;
}

.apc-simple p {
  line-height: 1.6;
  margin-bottom: 16px;
  font-size: 15px;
}


/* Tekrek */
/* Clickable Peer Reviewers Page */
.reviewers-clickable {
  max-width: 1100px;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  color: #222;
}

.reviewers-clickable p {
  line-height: 1.6;
  margin-bottom: 20px;
}

/* Grid layout */
.reviewers-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}

/* Card */
.reviewer-card {
  background: #ffffff;
  border-radius: 6px;
  padding: 14px 16px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  transition: all 0.25s ease;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.reviewer-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
}

/* Info */
.reviewer-info strong {
  display: block;
  color: #02275D;
  font-size: 15px;
  margin-bottom: 4px;
}

.reviewer-info span {
  font-size: 13px;
  color: #555;
}

/* Links */
.reviewer-links {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.reviewer-links a {
  background: #02275D;
  color: #ffffff !important;
  padding: 5px 10px;
  border-radius: 4px;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 600;
  transition: background 0.2s ease;
}

.reviewer-links a:hover {
  background: #011C45;
}


/* Indexing */
/* Simple Indexing page */
.indexing-simple {
  max-width: 1100px;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  color: #222;
}

.indexing-simple p {
  line-height: 1.6;
  margin-bottom: 20px;
}

/* Grid logo */
.indexing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
}

.indexing-item {
  background: #ffffff;
  border-radius: 6px;
  padding: 14px;
  text-decoration: none !important;
  color: #222;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  transition: all 0.25s ease;
}

.indexing-item img {
  max-width: 100%;
  max-height: 60px;
  object-fit: contain;
}

.indexing-item span {
  font-size: 13px;
  font-weight: 600;
  text-align: center;
}

/* Hover effect */
.indexing-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
}


/* Download Template Page */
.template-download-simple {
  max-width: 1100px;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  color: #222;
}

.template-download-simple p {
  line-height: 1.6;
  margin-bottom: 20px;
}

.template-download-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}

.template-download-item {
  background: #ffffff;
  border-radius: 6px;
  padding: 16px;
  display: flex;
  gap: 14px;
  align-items: center;
  text-decoration: none !important;
  color: #222;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  transition: all 0.25s ease;
}

.template-download-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
}

.template-icon {
  min-width: 52px;
  height: 52px;
  border-radius: 6px;
  background: #02275D;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.template-text strong {
  display: block;
  font-size: 15px;
  margin-bottom: 4px;
  color: #02275D;
}

.template-text span {
  font-size: 13px;
  color: #555;
}

/* Accordion About Page */
.about-accordion {
  max-width: 1100px;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  color: #222;
}

.about-accordion p {
  line-height: 1.6;
  margin-bottom: 14px;
}

.about-accordion details {
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 10px;
  background: #fff;
}

.about-accordion summary {
  padding: 10px 14px;
  font-weight: 700;
  cursor: pointer;
  background: #f5f3f2;
  color: #02275D;
}

.about-accordion .acc-content {
  padding: 12px 16px;
}

.about-accordion ul {
  padding-left: 20px;
}

.about-accordion li {
  margin-bottom: 6px;
}


/* Accordion Author Guidelines */
.guidelines-accordion {
  max-width: 1100px;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  color: #222;
}

.guidelines-accordion p {
  line-height: 1.6;
  margin-bottom: 12px;
}

.guidelines-accordion details {
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 10px;
  background: #fff;
}

.guidelines-accordion summary {
  padding: 10px 14px;
  font-weight: 700;
  cursor: pointer;
  background: #f5f3f2;
  color: #02275D;
}

.guidelines-accordion .acc-content {
  padding: 12px 16px;
}

.guidelines-accordion ul {
  padding-left: 20px;
}

.guidelines-accordion li {
  margin-bottom: 6px;
}


/* === Supported By Block === */
.supportedby-block {
  border-radius: 6px;
  overflow: hidden;
  background: #f7f7f7;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

.supportedby-title {
  background: #02275D;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  padding: 12px 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 3px solid #D4AF37;
}

.supportedby-content {
  padding: 12px;
}

.supportedby-item {
  background: #ffffff;
  border-radius: 6px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none !important;
  color: #333;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  transition: all 0.25s ease;
}

.supportedby-item img {
  max-width: 100%;
  max-height: 80px;
  object-fit: contain;
}

.supportedby-item span {
  font-size: 13px;
  font-weight: 600;
}

/* Hover effect */
.supportedby-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}


/* Archive Info Page */
.archive-info-simple {
  max-width: 1100px;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  color: #222;
}

.archive-info-simple p {
  line-height: 1.6;
  margin-bottom: 16px;
}

.archive-link-box {
  text-align: center;
  margin: 24px 0;
}

.archive-link-box a {
  display: inline-block;
  background: #02275D;
  color: #ffffff !important;
  padding: 10px 18px;
  border-radius: 4px;
  text-decoration: none !important;
  font-weight: 600;
  transition: background 0.2s ease;
}

.archive-link-box a:hover {
  background: #011C45;
}


/* === Simple Footer OJS === */
.pkp_structure_footer {
  background: #e5e5e5;
  padding: 24px 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
}

.pkp_structure_footer a {
  color: #0a58ca;
  text-decoration: none;
}

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

/* Tata letak isi footer */
.pkp_structure_footer .pkp_footer_content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

/* Kiri */
.pkp_structure_footer .footer-left {
  max-width: 70%;
}

/* Kanan */
.pkp_structure_footer .footer-right {
  text-align: right;
  font-size: 20px;
  font-weight: 300;
}

.pkp_structure_footer .footer-right span {
  display: block;
  font-size: 28px;
  font-weight: 400;
}

/* Logo CC */
.pkp_structure_footer img {
  max-height: 32px;
  vertical-align: middle;
}

/* Responsif */
@media (max-width: 768px) {
  .pkp_structure_footer .pkp_footer_content {
    flex-direction: column;
  }

  .pkp_structure_footer .footer-right {
    text-align: left;
  }

  .pkp_structure_footer .footer-left {
    max-width: 100%;
  }
}


/* === Clickable ISSN Top Bar (Right Aligned) === */
.issn-topbar {
  width: 100%;
  background: #02275D;
  color: #ffffff;
  font-size: 13px;
  padding: 6px 14px;
  font-family: Arial, Helvetica, sans-serif;

  display: flex;
  justify-content: flex-end;  /* <-- ini yang bikin ke kanan */
  align-items: center;
}

.issn-topbar .issn-link {
  color: #ffffff !important;
  text-decoration: none !important;
  margin: 0 6px;
  font-weight: 600;
}

.issn-topbar .issn-link:hover {
  text-decoration: underline !important;
}

.issn-topbar .issn-sep {
  opacity: 0.7;
  margin: 0 4px;
}


/* Responsive Logo */
.pkp_site_name .is_img img {
  max-width: 100%;
  height: auto;        /* jaga proporsi */
  max-height: 120px;   /* batas tinggi di desktop */
  width: auto;
}

/* Logo di tablet */
@media (max-width: 992px) {
  .pkp_site_name .is_img img {
    max-height: 100px;
  }
}

/* Logo di HP */
@media (max-width: 576px) {
  .pkp_site_name .is_img img {
    max-height: 30px;
  }
}


/* === Visitor Block (2 items: StatCounter & Flag Counter) === */
.visitor-block {
  border-radius: 6px;
  overflow: hidden;
  background: #f7f7f7;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

.visitor-title {
  background: #02275D;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  padding: 12px 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 3px solid #D4AF37;
}

.visitor-grid {
  display: grid;
  grid-template-columns: 1fr;  /* 1 kolom (atas-bawah) */
  gap: 12px;
  padding: 12px;
}

.visitor-item {
  background: #ffffff;
  border-radius: 6px;
  padding: 14px;   
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  color: #333;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  transition: all 0.25s ease;
}

.visitor-item img {
  display: block;
  margin: 0 auto 6px auto;  /* paksa ke tengah */
  max-width: 100%;
  max-height: 100px;        /* sesuaikan kalau mau lebih besar */
  object-fit: contain;
  /* Shadow biar teks di image kelihatan */
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.5));
}

.visitor-item span {
  font-size: 12px;
  font-weight: 600;
}

/* Hover effect */
.visitor-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}