/* ══════════════════════════════════════════════════════════
   Nevada Frontier — Editorial Team Stylesheet v11
   Upload via: OJS Admin → Website Settings → Appearance → Additional Stylesheet
   ══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,700&family=DM+Mono:wght@400;500&family=Outfit:wght@300;400;500;600&display=swap');

:root {
  --nf-red:     #C3110C;
  --nf-red-dk:  #740A03;
  --nf-red-dim: rgba(195,17,12,0.07);
  --nf-navy:    #2C3E50;
  --nf-dark:    #333333;
  --nf-white:   #FFFFFF;
  --nf-off:     #F9F8F6;
  --nf-border:  #E8E5E1;
  --nf-muted:   #8A8784;
  --nf-body:    #444241;
  --nf-ease:    cubic-bezier(.4,0,.2,1);
}

/* ══════════════════════════════════════════════
   HIDE default OJS h1
   ══════════════════════════════════════════════ */
.page_editorial_team > h1 { display: none !important; }

/* ══════════════════════════════════════════════
   BREADCRUMB
   ══════════════════════════════════════════════ */
.page_editorial_team > nav.cmp_breadcrumbs {
  display: block !important;
  width: 100% !important;
  background: var(--nf-red-dk) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.page_editorial_team > nav.cmp_breadcrumbs ol {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 13px 24px !important;
  background: transparent !important;
}
.page_editorial_team > nav.cmp_breadcrumbs ol li {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important; margin: 0 !important;
  border: none !important; background: none !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 11.5px !important; font-weight: 400 !important;
  color: rgba(255,255,255,0.4) !important;
}
.page_editorial_team > nav.cmp_breadcrumbs ol li + li::before {
  content: '›' !important;
  color: rgba(255,255,255,0.2) !important;
  margin: 0 6px !important;
}
.page_editorial_team > nav.cmp_breadcrumbs ol li a {
  color: rgba(255,255,255,0.4) !important;
  text-decoration: none !important;
  transition: color .2s !important;
}
.page_editorial_team > nav.cmp_breadcrumbs ol li a:hover {
  color: rgba(255,255,255,0.85) !important;
}
.page_editorial_team > nav.cmp_breadcrumbs ol li:last-child,
.page_editorial_team > nav.cmp_breadcrumbs ol li:last-child span {
  color: rgba(255,130,130,0.9) !important;
  font-weight: 600 !important;
}

/* ══════════════════════════════════════════════
   PAGE WRAPPER
   ══════════════════════════════════════════════ */
.editorial_page {
  all: unset;
  display: block;
  font-family: 'Outfit', sans-serif;
  background: var(--nf-white);
  color: var(--nf-dark);
  box-sizing: border-box;
  padding: 48px 32px 80px;
  max-width: 1100px;
  margin: 0 auto;
}

/* ══════════════════════════════════════════════
   SECTION HEADINGS
   ══════════════════════════════════════════════ */
.editorial_page h3 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  color: var(--nf-navy) !important;
  -webkit-text-fill-color: var(--nf-navy) !important;
  background: none !important;
  margin: 56px 0 0 !important;
  padding: 0 !important;
  border: none !important;
  text-shadow: none !important;
  letter-spacing: -0.3px !important;
  position: static !important;
  display: block !important;
  line-height: 1.15 !important;
}
.editorial_page h3:first-child { margin-top: 0 !important; }

/* Red eyebrow label */
.editorial_page h3::before {
  display: block !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: var(--nf-red) !important;
  margin-bottom: 6px !important;
  background: none !important;
  width: auto !important; height: auto !important;
  border-radius: 0 !important;
  position: static !important;
  animation: none !important;
}
.editorial_page h3:nth-of-type(1)::before { content: 'Leadership' !important; }
.editorial_page h3:nth-of-type(2)::before { content: 'Editorial Leadership' !important; }
.editorial_page h3:nth-of-type(3)::before { content: 'Advisory Body' !important; }
.editorial_page h3:nth-of-type(n+4)::before { content: 'Editorial Team' !important; }

/* Sub-description */
.editorial_page h3::after {
  display: block !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.8 !important;
  color: var(--nf-muted) !important;
  margin-top: 8px !important;
  margin-bottom: 28px !important;
  max-width: 640px !important;
  background: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.editorial_page h3:nth-of-type(1)::after {
  content: 'The Editor-in-Chief is responsible for the overall scientific direction, editorial policy, and strategic development of this journal.' !important;
}
.editorial_page h3:nth-of-type(2)::after {
  content: 'Associate Editors manage day-to-day peer review, handle manuscript assignments in their areas of expertise, and ensure timely, rigorous evaluation of all submissions.' !important;
}
.editorial_page h3:nth-of-type(3)::after {
  content: 'Our advisory board and reviewers provide domain expertise and uphold the scholarly standards of the journal.' !important;
}

/* Divider before each section */
.editorial_page .row + h3,
.editorial_page .assoc-grid-ojs + h3,
.editorial_page .reviewer-list-ojs + h3 {
  padding-top: 48px !important;
  border-top: 1px solid var(--nf-border) !important;
  margin-top: 56px !important;
}


/* ══════════════════════════════════════════════
   ① EIC CARD
   ══════════════════════════════════════════════ */
.editorial_page h3:nth-of-type(1) + .row {
  display: flex !important;
  align-items: stretch !important;
  background: var(--nf-navy) !important;
  border: none !important;
  border-radius: 20px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  transition: box-shadow .3s var(--nf-ease), transform .3s var(--nf-ease) !important;
  max-width: 100% !important;
  box-shadow: 0 6px 32px rgba(0,0,0,0.14) !important;
}
.editorial_page h3:nth-of-type(1) + .row::before { display: none !important; }
.editorial_page h3:nth-of-type(1) + .row::after  { display: none !important; }
.editorial_page h3:nth-of-type(1) + .row:hover {
  box-shadow: 0 14px 44px rgba(0,0,0,0.22) !important;
  transform: translateY(-4px) !important;
}

/* EIC — foto panel kiri */
.editorial_page h3:nth-of-type(1) + .row > [class*="col-"]:first-child {
  flex: 0 0 280px !important;
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  background: linear-gradient(145deg, rgba(0,0,0,0.45) 0%, rgba(116,10,3,0.35) 100%) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
}
.editorial_page h3:nth-of-type(1) + .row > [class*="col-"]:first-child::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: radial-gradient(rgba(255,255,255,0.055) 1px, transparent 1px) !important;
  background-size: 16px 16px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.editorial_page h3:nth-of-type(1) + .row > [class*="col-"]:first-child::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; right: 0 !important; bottom: 0 !important;
  width: 60px !important;
  background: linear-gradient(to right, transparent, rgba(44,62,80,0.5)) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* EIC foto */
.editorial_page h3:nth-of-type(1) + .row img.profile,
.editorial_page h3:nth-of-type(1) + .row .img-responsive.profile {
  width: 100% !important;
  height: 100% !important;
  min-height: 260px !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  filter: grayscale(10%) !important;
  transition: transform .4s ease, filter .3s !important;
  margin: 0 !important;
}
.editorial_page h3:nth-of-type(1) + .row:hover img.profile,
.editorial_page h3:nth-of-type(1) + .row:hover .img-responsive.profile {
  transform: scale(1.04) !important;
  filter: grayscale(0%) !important;
}

/* EIC info panel kanan */
.editorial_page h3:nth-of-type(1) + .row .col-md-8,
.editorial_page h3:nth-of-type(1) + .row .col-lg-9,
.editorial_page h3:nth-of-type(1) + .row .col-sm-8 {
  flex: 1 !important;
  max-width: none !important;
  width: auto !important;
}
.editorial_page h3:nth-of-type(1) + .row .profile_info {
  padding: 36px 40px 32px 32px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* EIC nama */
.editorial_page h3:nth-of-type(1) + .row .profile_info > p:first-child {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--nf-white) !important;
  -webkit-text-fill-color: var(--nf-white) !important;
  background: none !important;
  margin: 0 0 6px !important;
  line-height: 1.15 !important;
}
.editorial_page h3:nth-of-type(1) + .row:hover .profile_info > p:first-child {
  color: var(--nf-white) !important;
  -webkit-text-fill-color: var(--nf-white) !important;
}

/* EIC position badge */
.editorial_page h3:nth-of-type(1) + .row .position {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: rgba(255,130,130,0.9) !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 10px !important;
  width: fit-content !important;
}
.editorial_page h3:nth-of-type(1) + .row .position::before {
  content: '' !important;
  display: inline-block !important;
  width: 22px !important; height: 2px !important;
  background: var(--nf-red) !important;
  border-radius: 2px !important;
  flex-shrink: 0 !important;
}
.editorial_page h3:nth-of-type(1) + .row .position::after { display: none !important; }

/* EIC institusi */
.editorial_page h3:nth-of-type(1) + .row .from {
  font-size: 13px !important;
  font-weight: 300 !important;
  color: rgba(255,255,255,0.5) !important;
  margin: 0 0 16px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
  line-height: 1.5 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-style: normal !important;
}
.editorial_page h3:nth-of-type(1) + .row .from::before {
  content: '' !important;
  display: inline-block !important;
  width: 13px !important; height: 13px !important;
  min-width: 13px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.45)' stroke-width='2'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  flex-shrink: 0 !important;
  opacity: .8 !important;
}
.editorial_page h3:nth-of-type(1) + .row .from::after { display: none !important; }

/* EIC bio */
.editorial_page h3:nth-of-type(1) + .row .eic-bio-ojs {
  font-family: 'Outfit', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 1.85 !important;
  color: rgba(255,255,255,0.52) !important;
  margin: 0 0 18px !important;
  max-width: 540px !important;
}
.editorial_page h3:nth-of-type(1) + .row .eic-bio-ojs em {
  font-style: italic !important;
  color: rgba(255,255,255,0.7) !important;
}

/* EIC area tags — FIX: tambah margin bawah lebih besar untuk jarak ke chips */
.editorial_page h3:nth-of-type(1) + .row .eic-tags-ojs {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-top: 20px !important; 
  gap: 6px !important;
  margin-bottom: 20px !important;   /* jarak ke Scholar/Scopus chips */
}
.editorial_page h3:nth-of-type(1) + .row .eic-tags-ojs .area-tag {
  font-family: 'Outfit', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 4px 11px !important;
  border-radius: 5px !important;
  background: rgba(255,255,255,0.09) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  color: rgba(255,255,255,0.65) !important;
  display: inline-block !important;
  line-height: 1.5 !important;
  cursor: default !important;
  transition: background .2s var(--nf-ease), border-color .2s var(--nf-ease), color .2s var(--nf-ease), transform .2s var(--nf-ease) !important;
}
.editorial_page h3:nth-of-type(1) + .row .eic-tags-ojs .area-tag:hover {
  background: rgba(195,17,12,0.3) !important;
  border-color: rgba(195,17,12,0.6) !important;
  color: rgba(255,255,255,0.95) !important;
  transform: translateY(-2px) !important;
}

/* ─── FIX: EIC Scholar/Scopus chips — HORIZONTAL ROW ─── */
/*
   Struktur HTML di OJS:
   .profile_info (col-md-8, Bootstrap flex/float context)
     ├── p, p.position, p.from, p.eic-bio-ojs, .eic-tags-ojs
     ├── div.col-md-4.no-padding   ← wrapper chip Google Scholar
     │     └── div.google_scholar_logo > a
     └── div.col-md-4.no-padding   ← wrapper chip Scopus
           └── div.scopus_logo > a

   Masalah: Bootstrap memberi col-md-4 → float:left; width:33.33%
   sehingga keduanya memang harusnya sejajar, TAPI profile_info
   juga col-md-8 yang di-override jadi flex-column, sehingga
   col-md-4 di dalam flex container menjadi full-width block.

   Solusi: Reset col-md-4 wrapper menjadi width:auto; float:none;
   display:inline-flex, lalu beri profile_info flex-wrap:wrap
   agar keduanya duduk dalam satu baris.
*/

/* profile_info: flex wrap agar chips bisa satu baris */
.editorial_page h3:nth-of-type(1) + .row .profile_info {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-content: flex-start !important;
  padding: 36px 40px 32px 32px !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 0 !important;
}

/* Semua elemen non-chip ambil full width → tetap satu per baris */
.editorial_page h3:nth-of-type(1) + .row .profile_info > p,
.editorial_page h3:nth-of-type(1) + .row .profile_info > .eic-bio-ojs,
.editorial_page h3:nth-of-type(1) + .row .profile_info > .eic-tags-ojs {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin-bottom: 0 !important;
}

/* Khusus eic-tags-ojs: beri margin bawah sebelum chips */
.editorial_page h3:nth-of-type(1) + .row .profile_info > .eic-tags-ojs {
  margin-bottom: 18px !important;
}

/* col-md-4 wrapper chips: reset Bootstrap, jadikan inline auto */
.editorial_page h3:nth-of-type(1) + .row .profile_info > .col-md-4 {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 10px 0 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* google_scholar dan scopus wrapper: inline-flex */
.editorial_page h3:nth-of-type(1) + .row .google_scholar_logo,
.editorial_page h3:nth-of-type(1) + .row .scopus_logo {
  display: inline-flex !important;
  align-items: center !important;
  background: none !important;
  margin: 0 !important;
}

/* EIC chips style */
.editorial_page h3:nth-of-type(1) + .row .google_scholar_logo a,
.editorial_page h3:nth-of-type(1) + .row .scopus_logo a {
  display: inline-flex !important;
  align-items: center !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.75) !important;
  text-decoration: none !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 6px !important;
  padding: 7px 14px !important;
  transition: background .2s, color .2s, border-color .2s, transform .18s !important;
  white-space: nowrap !important;
}
.editorial_page h3:nth-of-type(1) + .row .google_scholar_logo a::before {
  content: 'Google Scholar' !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 8px !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: #7aaef8 !important;
  font-weight: 700 !important;
  border-right: 1px solid rgba(255,255,255,0.18) !important;
  padding-right: 8px !important;
  margin-right: 8px !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  background: none !important;
  width: auto !important; height: auto !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}
.editorial_page h3:nth-of-type(1) + .row .scopus_logo a::before {
  content: 'Scopus ID' !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 8px !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: #f4a05e !important;
  font-weight: 700 !important;
  border-right: 1px solid rgba(255,255,255,0.18) !important;
  padding-right: 8px !important;
  margin-right: 8px !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  background: none !important;
  width: auto !important; height: auto !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}
.editorial_page h3:nth-of-type(1) + .row .google_scholar_logo a:hover {
  background: rgba(66,133,244,0.22) !important;
  border-color: rgba(66,133,244,0.5) !important;
  color: #a8c8ff !important;
  transform: translateY(-2px) !important;
}
.editorial_page h3:nth-of-type(1) + .row .scopus_logo a:hover {
  background: rgba(233,113,28,0.22) !important;
  border-color: rgba(233,113,28,0.5) !important;
  color: #ffc08a !important;
  transform: translateY(-2px) !important;
}


/* ══════════════════════════════════════════════
   ② ASSOCIATE EDITORS — grid 3 kolom
   ══════════════════════════════════════════════ */
.editorial_page .assoc-grid-ojs {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 18px !important;
  margin-bottom: 0 !important;
}

.editorial_page .assoc-grid-ojs .row {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  background: var(--nf-white) !important;
  border: 1.5px solid var(--nf-border) !important;
  border-radius: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  transition: border-color .25s var(--nf-ease), box-shadow .25s var(--nf-ease), transform .25s var(--nf-ease) !important;
}
.editorial_page .assoc-grid-ojs .row::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: var(--nf-border) !important;
  transition: background .25s var(--nf-ease) !important;
  z-index: 3 !important;
  width: auto !important; bottom: auto !important;
  transform: none !important; border-radius: 0 !important;
}
.editorial_page .assoc-grid-ojs .row::after { display: none !important; }
.editorial_page .assoc-grid-ojs .row:hover {
  border-color: rgba(195,17,12,.3) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.10) !important;
  transform: translateY(-5px) !important;
}
.editorial_page .assoc-grid-ojs .row:hover::before { background: var(--nf-red) !important; }

/* ══ ASSOCIATE EDITOR — Panel Foto ══ */
.editorial_page .assoc-grid-ojs .row > [class*="col-"]:first-child {
  flex: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: unset !important;
  background: linear-gradient(160deg, #5c0800 0%, var(--nf-red-dk) 60%, #1a0000 100%) !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  display: block !important;
  min-height: 300px !important;
}

/* Dot pattern halus */
.editorial_page .assoc-grid-ojs .row > [class*="col-"]:first-child::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: radial-gradient(rgba(255,255,255,0.045) 1px, transparent 1px) !important;
  background-size: 16px 16px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Glow merah lembut di bawah foto */
.editorial_page .assoc-grid-ojs .row > [class*="col-"]:first-child::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 160px !important;
  height: 60px !important;
  background: radial-gradient(ellipse, rgba(195,17,12,0.35) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  border-radius: 0 !important;
  top: auto !important;
  right: auto !important;
}

/* ══ Foto Associate Editor — bigger, flush bottom ══ */
.editorial_page .assoc-grid-ojs .row img.profile,
.editorial_page .assoc-grid-ojs .row .img-responsive.profile {
  width: 260px !important;
  height: 300px !important;
  border-radius: 8px 8px 0 0 !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
  transform-origin: bottom center !important;
  z-index: 2 !important;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  filter: grayscale(8%) contrast(1.05) !important;
  transition: transform .4s var(--nf-ease), filter .3s var(--nf-ease) !important;
}
.editorial_page .assoc-grid-ojs .row:hover img.profile,
.editorial_page .assoc-grid-ojs .row:hover .img-responsive.profile {
  transform: scale(1.07) !important;
  filter: grayscale(0%) contrast(1.04) brightness(1.03) !important;
}

/* Info block */
.editorial_page .assoc-grid-ojs .row .col-md-8,
.editorial_page .assoc-grid-ojs .row .col-lg-9,
.editorial_page .assoc-grid-ojs .row .col-sm-8 {
  flex: 1 !important;
  max-width: 100% !important;
  width: 100% !important;
}
.editorial_page .assoc-grid-ojs .row .profile_info {
  padding: 18px 18px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}
/* Name */
.editorial_page .assoc-grid-ojs .row .profile_info > p:first-child {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--nf-navy) !important;
  -webkit-text-fill-color: var(--nf-navy) !important;
  background: none !important;
  margin: 0 0 3px !important;
  line-height: 1.2 !important;
  transition: color .25s !important;
}
.editorial_page .assoc-grid-ojs .row:hover .profile_info > p:first-child {
  color: var(--nf-red-dk) !important;
  -webkit-text-fill-color: var(--nf-red-dk) !important;
}
/* Position */
.editorial_page .assoc-grid-ojs .row .position {
  display: block !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--nf-red) !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 4px !important;
  width: fit-content !important;
}
.editorial_page .assoc-grid-ojs .row .position::before,
.editorial_page .assoc-grid-ojs .row .position::after { display: none !important; }
/* Affiliation */
.editorial_page .assoc-grid-ojs .row .from {
  font-size: 11.5px !important;
  font-weight: 300 !important;
  color: var(--nf-muted) !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border-bottom: none !important;
  line-height: 1.5 !important;
  display: block !important;
  font-style: normal !important;
}
.editorial_page .assoc-grid-ojs .row .from::before,
.editorial_page .assoc-grid-ojs .row .from::after { display: none !important; }

/* Area tags */
.editorial_page .assoc-grid-ojs .row .editor-areas-ojs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-bottom: 16px !important;
}
.editorial_page .assoc-grid-ojs .row .area-tag {
  font-family: 'Outfit', sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  padding: 3px 9px !important;
  border-radius: 4px !important;
  background: var(--nf-off) !important;
  border: 1px solid var(--nf-border) !important;
  color: var(--nf-body) !important;
  display: inline-block !important;
  line-height: 1.5 !important;
  cursor: default !important;
  transition: background .2s var(--nf-ease), border-color .2s var(--nf-ease), color .2s var(--nf-ease), transform .2s var(--nf-ease) !important;
}
.editorial_page .assoc-grid-ojs .row .area-tag:hover {
  background: var(--nf-red-dim) !important;
  border-color: rgba(195,17,12,0.35) !important;
  color: var(--nf-red-dk) !important;
  transform: translateY(-2px) !important;
}

/* Chips row */
.editorial_page .assoc-grid-ojs .links-ojs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
}
.editorial_page .assoc-grid-ojs .google_scholar_logo,
.editorial_page .assoc-grid-ojs .scopus_logo {
  display: inline-flex !important;
  align-items: center !important;
  background: none !important;
  margin: 0 !important;
}
.editorial_page .assoc-grid-ojs .google_scholar_logo a,
.editorial_page .assoc-grid-ojs .scopus_logo a {
  display: inline-flex !important;
  align-items: center !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 9.5px !important;
  font-weight: 500 !important;
  color: var(--nf-body) !important;
  text-decoration: none !important;
  background: var(--nf-off) !important;
  border: 1px solid var(--nf-border) !important;
  border-radius: 5px !important;
  padding: 5px 10px !important;
  transition: background .2s, color .2s, border-color .2s, transform .18s !important;
  white-space: nowrap !important;
}
.editorial_page .assoc-grid-ojs .google_scholar_logo a::before {
  content: 'Scholar' !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 7px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #4285F4 !important;
  font-weight: 700 !important;
  border-right: 1px solid var(--nf-border) !important;
  padding-right: 6px !important;
  margin-right: 6px !important;
  display: inline-block !important;
  background: none !important;
  width: auto !important; height: auto !important;
  position: static !important;
  opacity: 1 !important; visibility: visible !important;
}
.editorial_page .assoc-grid-ojs .scopus_logo a::before {
  content: 'Scopus' !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 7px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #E9711C !important;
  font-weight: 700 !important;
  border-right: 1px solid var(--nf-border) !important;
  padding-right: 6px !important;
  margin-right: 6px !important;
  display: inline-block !important;
  background: none !important;
  width: auto !important; height: auto !important;
  position: static !important;
  opacity: 1 !important; visibility: visible !important;
}
.editorial_page .assoc-grid-ojs .google_scholar_logo a:hover {
  background: #EAF1FB !important; border-color: #4285F4 !important;
  color: #1a56c4 !important; transform: translateY(-2px) !important;
}
.editorial_page .assoc-grid-ojs .scopus_logo a:hover {
  background: #FEF3E8 !important; border-color: #E9711C !important;
  color: #B85B12 !important; transform: translateY(-2px) !important;
}
.editorial_page .assoc-grid-ojs .scopus_logo a:not([href]) {
  pointer-events: none !important;
  color: rgba(138,135,132,.4) !important;
  cursor: default !important;
}


/* ══════════════════════════════════════════════
   ③ REVIEWER / ADVISORY BOARD — horizontal card
   ══════════════════════════════════════════════ */
.editorial_page .reviewer-list-ojs .row {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  background: var(--nf-white) !important;
  border: 1.5px solid var(--nf-border) !important;
  border-radius: 14px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  transition: border-color .25s var(--nf-ease), box-shadow .25s var(--nf-ease), transform .25s var(--nf-ease) !important;
  max-width: 100% !important;
}
.editorial_page .reviewer-list-ojs .row::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: var(--nf-border) !important;
  transition: background .25s var(--nf-ease) !important;
  z-index: 2 !important;
  width: auto !important; bottom: auto !important;
  transform: none !important; border-radius: 0 !important;
}
.editorial_page .reviewer-list-ojs .row::after { display: none !important; }
.editorial_page .reviewer-list-ojs .row:hover {
  border-color: rgba(195,17,12,.3) !important;
  box-shadow: 0 6px 22px rgba(0,0,0,0.09) !important;
  transform: translateY(-3px) !important;
}
.editorial_page .reviewer-list-ojs .row:hover::before { background: var(--nf-red) !important; }

/* Foto panel kiri — fixed height, overflow hidden */
.editorial_page .reviewer-list-ojs .row > [class*="col-"]:first-child {
  flex: 0 0 200px !important;
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  background: linear-gradient(160deg, #5c0800 0%, var(--nf-red-dk) 60%, #1a0000 100%) !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  transition: background .28s var(--nf-ease) !important;
  align-self: center !important;
}
.editorial_page .reviewer-list-ojs .row > [class*="col-"]:first-child::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: radial-gradient(rgba(255,255,255,0.07) 1px, transparent 1px) !important;
  background-size: 14px 14px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.editorial_page .reviewer-list-ojs .row > [class*="col-"]:first-child::after { display: none !important; }
.editorial_page .reviewer-list-ojs .row:hover > [class*="col-"]:first-child {
  background: #8a0c04 !important;
}

/* Reviewer foto — fixed size, consistent */
.editorial_page .reviewer-list-ojs .row img.profile,
.editorial_page .reviewer-list-ojs .row .img-responsive.profile {
  width: 200px !important;
  height: 200px !important;
  min-height: unset !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
  filter: grayscale(15%) contrast(1.05) !important;
  transition: transform .4s ease, filter .28s !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}
.editorial_page .reviewer-list-ojs .row:hover img.profile,
.editorial_page .reviewer-list-ojs .row:hover .img-responsive.profile {
  transform: scale(1.06) !important;
  filter: grayscale(0%) contrast(1.0) !important;
}

/* Reviewer info */
.editorial_page .reviewer-list-ojs .row .col-md-8,
.editorial_page .reviewer-list-ojs .row .col-lg-9,
.editorial_page .reviewer-list-ojs .row .col-sm-8 {
  flex: 1 !important; max-width: none !important; width: auto !important;
}
.editorial_page .reviewer-list-ojs .row .profile_info {
  padding: 22px 28px 20px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
/* Name */
.editorial_page .reviewer-list-ojs .row .profile_info > p:first-child {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  color: var(--nf-navy) !important;
  -webkit-text-fill-color: var(--nf-navy) !important;
  background: none !important;
  margin: 0 0 4px !important;
  line-height: 1.2 !important;
  transition: color .25s !important;
}
.editorial_page .reviewer-list-ojs .row:hover .profile_info > p:first-child {
  color: var(--nf-red-dk) !important;
  -webkit-text-fill-color: var(--nf-red-dk) !important;
}
/* Position */
.editorial_page .reviewer-list-ojs .row .position {
  display: inline-flex !important;
  align-items: center !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--nf-red) !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 5px !important;
  width: fit-content !important;
}
.editorial_page .reviewer-list-ojs .row .position::before,
.editorial_page .reviewer-list-ojs .row .position::after { display: none !important; }
/* Affiliation */
.editorial_page .reviewer-list-ojs .row .from {
  font-size: 12px !important;
  font-weight: 300 !important;
  color: var(--nf-muted) !important;
  margin: 0 0 12px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid var(--nf-border) !important;
  line-height: 1.5 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-style: normal !important;
}
.editorial_page .reviewer-list-ojs .row .from::before {
  content: '' !important;
  display: inline-block !important;
  width: 13px !important; height: 13px !important; min-width: 13px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8784' stroke-width='2'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  flex-shrink: 0 !important;
  opacity: .55 !important;
}
.editorial_page .reviewer-list-ojs .row .from::after { display: none !important; }

/* Area tags */
.editorial_page .reviewer-list-ojs .editor-areas-ojs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-bottom: 16px !important;
}
.editorial_page .reviewer-list-ojs .area-tag {
  font-family: 'Outfit', sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  padding: 3px 9px !important;
  border-radius: 4px !important;
  background: var(--nf-off) !important;
  border: 1px solid var(--nf-border) !important;
  color: var(--nf-body) !important;
  display: inline-block !important;
  line-height: 1.5 !important;
  cursor: default !important;
  transition: background .2s var(--nf-ease), border-color .2s var(--nf-ease), color .2s var(--nf-ease), transform .2s var(--nf-ease) !important;
}
.editorial_page .reviewer-list-ojs .area-tag:hover {
  background: var(--nf-red-dim) !important;
  border-color: rgba(195,17,12,0.35) !important;
  color: var(--nf-red-dk) !important;
  transform: translateY(-2px) !important;
}

/* Chips */
.editorial_page .reviewer-list-ojs .links-ojs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
}
.editorial_page .reviewer-list-ojs .google_scholar_logo,
.editorial_page .reviewer-list-ojs .scopus_logo {
  display: inline-flex !important;
  align-items: center !important;
  background: none !important;
  margin: 0 !important;
}
.editorial_page .reviewer-list-ojs .google_scholar_logo a,
.editorial_page .reviewer-list-ojs .scopus_logo a {
  display: inline-flex !important;
  align-items: center !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  color: var(--nf-body) !important;
  text-decoration: none !important;
  background: var(--nf-off) !important;
  border: 1px solid var(--nf-border) !important;
  border-radius: 5px !important;
  padding: 7px 14px !important;
  transition: background .2s, color .2s, border-color .2s, transform .18s !important;
  white-space: nowrap !important;
}
.editorial_page .reviewer-list-ojs .google_scholar_logo a::before {
  content: 'Google Scholar' !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 8px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #4285F4 !important;
  font-weight: 700 !important;
  border-right: 1px solid var(--nf-border) !important;
  padding-right: 7px !important;
  margin-right: 7px !important;
  display: inline-block !important;
  background: none !important;
  width: auto !important; height: auto !important;
  position: static !important;
  opacity: 1 !important; visibility: visible !important;
}
.editorial_page .reviewer-list-ojs .scopus_logo a::before {
  content: 'Scopus ID' !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 8px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #E9711C !important;
  font-weight: 700 !important;
  border-right: 1px solid var(--nf-border) !important;
  padding-right: 7px !important;
  margin-right: 7px !important;
  display: inline-block !important;
  background: none !important;
  width: auto !important; height: auto !important;
  position: static !important;
  opacity: 1 !important; visibility: visible !important;
}
.editorial_page .reviewer-list-ojs .google_scholar_logo a:hover {
  background: #EAF1FB !important; border-color: #4285F4 !important;
  color: #1a56c4 !important; transform: translateY(-2px) !important;
}
.editorial_page .reviewer-list-ojs .scopus_logo a:hover {
  background: #FEF3E8 !important; border-color: #E9711C !important;
  color: #B85B12 !important; transform: translateY(-2px) !important;
}
.editorial_page .reviewer-list-ojs .scopus_logo a:not([href]) {
  pointer-events: none !important;
  color: rgba(138,135,132,.4) !important;
  cursor: default !important;
}


/* ══════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════ */
@media (max-width: 900px) {
  .editorial_page .assoc-grid-ojs {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .editorial_page { padding: 32px 16px 60px; }

  /* EIC stack vertikal */
  .editorial_page h3:nth-of-type(1) + .row { flex-direction: column !important; }
  .editorial_page h3:nth-of-type(1) + .row > [class*="col-"]:first-child {
    flex: none !important; width: 100% !important;
    max-width: 100% !important; min-width: unset !important;
    padding: 32px 20px 24px !important;
    min-height: auto !important;
  }
  .editorial_page h3:nth-of-type(1) + .row img.profile,
  .editorial_page h3:nth-of-type(1) + .row .img-responsive.profile {
    width: 140px !important; height: 170px !important;
  }

  /* Assoc 1 kolom */
  .editorial_page .assoc-grid-ojs { grid-template-columns: 1fr !important; }

  /* Reviewer stack */
  .editorial_page .reviewer-list-ojs .row { flex-direction: column !important; }
  .editorial_page .reviewer-list-ojs .row > [class*="col-"]:first-child {
    flex: none !important; width: 100% !important;
    max-width: 100% !important; min-width: unset !important;
    padding: 28px 20px !important;
  }
  .editorial_page h3 { font-size: 24px !important; }
}

@media (max-width: 480px) {
  .editorial_page h3:nth-of-type(1) + .row .profile_info > p:first-child {
    font-size: 22px !important;
  }
}