/* ============================================================
   HIFI HOMEPAGE FINAL — ADDITIONAL CONTENT + NATIVE OJS
   OJS 3.3.x + Health Sciences Theme
   Purpose:
   1. Stabilise the approved Current Issue hero
   2. Keep the issue cover fully visible and aligned
   3. Make Additional Content full-width
   4. Render the minimal "HIFI at a Glance" section correctly
   5. Keep native Announcements and Current Issue Articles usable
   6. Fix tablet/mobile overflow
   ============================================================ */

:root{
  --hifi-green:#0F5A45;
  --hifi-green-dark:#174E3B;
  --hifi-teal:#1D7474;
  --hifi-sage:#DCE9E2;
  --hifi-soft:#EEF6F2;
  --hifi-ivory:#F7F4EC;
  --hifi-charcoal:#232A27;
  --hifi-muted:#68756F;
  --hifi-gold:#B89A5A;
  --hifi-line:#D7E1DC;
  --hifi-white:#FFFFFF;
  --hifi-max:1180px;
}

/* ============================================================
   1. SAFETY / WIDTH RESET
   ============================================================ */

html,
body{
  max-width:100%;
  overflow-x:hidden;
}

.page_index_journal,
.container-homepage-issue,
.homepage-additional-content,
.homepage-additional-content > [class*="col-"]{
  box-sizing:border-box;
}

.container-homepage-issue{
  position:relative!important;
  z-index:3!important;
  display:block!important;
  width:calc(100% - 48px)!important;
  max-width:var(--hifi-max)!important;
  margin:-455px auto 0!important;
  padding:0 0 38px!important;
  background:transparent!important;
}

.container-homepage-issue:before,
.container-homepage-issue:after{
  display:none!important;
}

/* Important: Health Sciences normally limits Additional Content
   to a Bootstrap column. Force it to the full HIFI content width. */
.homepage-additional-content,
.homepage-additional-content.row{
  position:static!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}

.homepage-additional-content > [class*="col-"],
.homepage-additional-content > .col-lg-9,
.homepage-additional-content > .col-12{
  position:static!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  flex:0 0 100%!important;
  margin:0!important;
  padding:0!important;
}

/* ============================================================
   2. HOMEPAGE HERO IMAGE
   ============================================================ */

.homepage-image{
  position:relative!important;
  width:100vw!important;
  max-width:none!important;
  height:520px!important;
  margin-left:calc(50% - 50vw)!important;
  margin-bottom:0!important;
  overflow:hidden!important;
  background:var(--hifi-green-dark)!important;
}

.homepage-image img{
  display:block!important;
  width:100%!important;
  height:520px!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* ============================================================
   3. HIDE NATIVE CURRENT-ISSUE TEXT
   The native OJS cover remains; custom Additional Content
   provides the visible Current Issue text and About block.
   ============================================================ */

.homepage-issue-current,
.homepage-issue-identifier,
.homepage-issue-published,
.homepage-issue-header > .col-lg-9,
.homepage-issue-description-wrapper,
.homepage-issue-description,
.homepage-issue-description-more,
.homepage-issue-galleys,
.homepage-journal-description,
.homepage-description-buttons{
  display:none!important;
}

.homepage-issue-header{
  position:static!important;
  display:block!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}

/* ============================================================
   4. NATIVE ISSUE COVER — PRECISE POSITION
   ============================================================ */

.homepage-issue-header > .col-lg-3{
  position:absolute!important;
  z-index:12!important;
  top:58px!important;
  left:38px!important;
  display:block!important;
  width:205px!important;
  max-width:205px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}

.homepage-issue-cover{
  display:block!important;
  width:205px!important;
  max-width:205px!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center top!important;
  border:1px solid #D7DDD9!important;
  border-radius:2px!important;
  box-shadow:0 14px 30px rgba(0,0,0,.17)!important;
  transform-origin:center center;
  transition:transform .24s ease,box-shadow .24s ease!important;
}

.homepage-issue-header > .col-lg-3 a:hover .homepage-issue-cover,
.homepage-issue-header > .col-lg-3 a:focus .homepage-issue-cover{
  transform:translateY(-6px) scale(1.025)!important;
  box-shadow:0 22px 42px rgba(0,0,0,.22)!important;
}

/* ============================================================
   5. APPROVED CURRENT ISSUE / ABOUT CARD
   Expected HTML classes: hifi-v102-*
   ============================================================ */

.hifi-v102-hero-card{
  position:relative!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:225px 300px minmax(0,1fr)!important;
  gap:28px!important;
  width:100%!important;
  min-height:390px!important;
  margin:28px 0 0!important;
  padding:30px 38px!important;
  box-sizing:border-box!important;
  background:rgba(255,255,255,.97)!important;
  border:1px solid rgba(215,225,220,.95)!important;
  border-top:4px solid #0D8876!important;
  border-radius:12px!important;
  box-shadow:0 22px 55px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(4px);
}

.hifi-v102-cover-space{
  min-width:0!important;
  min-height:325px!important;
}

.hifi-v102-issue{
  min-width:0!important;
  align-self:start!important;
  padding:7px 22px 0 0!important;
  border-right:1px solid #D9E0DC!important;
}

.hifi-v102-label{
  margin:0 0 10px!important;
  color:var(--hifi-charcoal)!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.78rem!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}

.hifi-v102-issue h2{
  margin:0 0 9px!important;
  color:var(--hifi-green-dark)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:1.82rem!important;
  line-height:1.16!important;
  font-weight:400!important;
}

.hifi-v102-period{
  margin:0 0 18px!important;
  color:#303633!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.94rem!important;
  line-height:1.4!important;
}

.hifi-v102-view{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 21px!important;
  color:var(--hifi-green-dark)!important;
  background:#fff!important;
  border:1.5px solid var(--hifi-teal)!important;
  border-radius:24px!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.78rem!important;
  font-weight:700!important;
  text-decoration:none!important;
}

.hifi-v102-view:hover,
.hifi-v102-view:focus{
  color:#fff!important;
  background:var(--hifi-teal)!important;
}

.hifi-v102-meta{
  margin:22px 0 0!important;
  padding:15px 0 0!important;
  border-top:1px solid #D8DFDB!important;
  color:#4E5853!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.68rem!important;
  line-height:1.55!important;
}

.hifi-v102-meta strong{
  color:var(--hifi-green-dark)!important;
}

.hifi-v102-about{
  min-width:0!important;
  align-self:start!important;
  margin:0!important;
  padding:5px 0 0 6px!important;
}

.hifi-v102-about h2{
  margin:0 0 16px!important;
  color:var(--hifi-green-dark)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:1.74rem!important;
  line-height:1.16!important;
  font-weight:400!important;
}

.hifi-v102-about p{
  width:100%!important;
  max-width:650px!important;
  margin:0 0 22px!important;
  color:#505955!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:.90rem!important;
  line-height:1.58!important;
  overflow-wrap:anywhere!important;
}

.hifi-v102-buttons{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  width:100%!important;
}

.hifi-v102-btn-primary,
.hifi-v102-btn-outline{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:43px!important;
  padding:0 21px!important;
  border-radius:25px!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.76rem!important;
  font-weight:700!important;
  text-decoration:none!important;
}

.hifi-v102-btn-primary{
  color:#fff!important;
  background:var(--hifi-teal)!important;
  border:1.5px solid var(--hifi-teal)!important;
}

.hifi-v102-btn-primary:hover,
.hifi-v102-btn-primary:focus{
  color:#fff!important;
  background:var(--hifi-green-dark)!important;
  border-color:var(--hifi-green-dark)!important;
}

.hifi-v102-btn-outline{
  color:var(--hifi-green-dark)!important;
  background:#fff!important;
  border:1.5px solid var(--hifi-teal)!important;
}

.hifi-v102-btn-outline:hover,
.hifi-v102-btn-outline:focus{
  color:#fff!important;
  background:var(--hifi-teal)!important;
}

/* ============================================================
   6. MINIMAL LOWER SECTION — HIFI AT A GLANCE
   Expected HTML classes: hifi-minimal-*
   ============================================================ */

.hifi-minimal{
  position:relative!important;
  z-index:4!important;
  width:100%!important;
  max-width:100%!important;
  margin:62px auto 28px!important;
  padding:28px 0 0!important;
  color:#26332D!important;
  background:#fff!important;
  box-shadow:0 0 0 100vmax #fff!important;
  clip-path:inset(0 -100vmax)!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
}

.hifi-minimal-heading{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin:0 0 22px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid #DCE6E1!important;
}

.hifi-minimal-eyebrow{
  display:block!important;
  margin:0 0 5px!important;
  color:var(--hifi-gold)!important;
  font-size:.64rem!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
}

.hifi-minimal-heading h2{
  margin:0!important;
  color:var(--hifi-green-dark)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:1.55rem!important;
  line-height:1.16!important;
  font-weight:700!important;
}

.hifi-minimal-heading > a{
  color:var(--hifi-green)!important;
  font-size:.70rem!important;
  font-weight:700!important;
  text-decoration:none!important;
}

/* 4 journal facts */

.hifi-minimal-facts{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:100%!important;
  border-top:1px solid #E0E8E4!important;
  border-bottom:1px solid #E0E8E4!important;
}

.hifi-minimal-fact{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:10px!important;
  min-width:0!important;
  padding:18px 17px!important;
  border-right:1px solid #E0E8E4!important;
}

.hifi-minimal-fact:last-child{
  border-right:0!important;
}

.hifi-minimal-icon{
  width:34px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--hifi-green)!important;
  background:var(--hifi-soft)!important;
  border-radius:50%!important;
  font-family:Arial,sans-serif!important;
  font-size:.80rem!important;
  font-weight:700!important;
}

.hifi-minimal-fact strong{
  display:block!important;
  margin:1px 0 4px!important;
  color:var(--hifi-green-dark)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:.86rem!important;
  line-height:1.25!important;
}

.hifi-minimal-fact div > span{
  display:block!important;
  color:#6B7771!important;
  font-size:.66rem!important;
  line-height:1.38!important;
}

/* Research Focus */

.hifi-minimal-focus{
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
  width:100%!important;
  padding:26px 0 23px!important;
}

.hifi-minimal-focus-title{
  padding-top:5px!important;
  color:var(--hifi-green-dark)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:.90rem!important;
  font-weight:700!important;
}

.hifi-minimal-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  min-width:0!important;
}

.hifi-minimal-tags a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:5px 12px!important;
  color:var(--hifi-green-dark)!important;
  background:#F4F8F6!important;
  border:1px solid #DFE9E4!important;
  border-radius:18px!important;
  font-size:.66rem!important;
  line-height:1.2!important;
  text-decoration:none!important;
  transition:.18s ease!important;
}

.hifi-minimal-tags a:hover,
.hifi-minimal-tags a:focus{
  color:#fff!important;
  background:var(--hifi-green)!important;
  border-color:var(--hifi-green)!important;
}

/* Early View */

.hifi-minimal-early{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  width:100%!important;
  padding:12px 13px 12px 16px!important;
  background:var(--hifi-soft)!important;
  border:1px solid #DCEAE3!important;
  border-left:3px solid var(--hifi-gold)!important;
  border-radius:4px!important;
}

.hifi-minimal-early > div{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  color:#395047!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:.73rem!important;
  line-height:1.45!important;
}

.hifi-minimal-early-mark{
  width:27px!important;
  height:27px!important;
  display:inline-flex!important;
  flex:0 0 27px!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  background:var(--hifi-green)!important;
  border-radius:3px!important;
  font-family:Arial,sans-serif!important;
  font-size:.68rem!important;
  font-weight:700!important;
}

.hifi-minimal-submit{
  display:inline-flex!important;
  min-height:37px!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 17px!important;
  color:#fff!important;
  background:var(--hifi-green)!important;
  border-radius:4px!important;
  font-size:.68rem!important;
  font-weight:700!important;
  text-decoration:none!important;
}

.hifi-minimal-submit:hover,
.hifi-minimal-submit:focus{
  color:#fff!important;
  background:var(--hifi-green-dark)!important;
}

/* ============================================================
   7. OPTIONAL QUICK ACCESS / INFORMATION / KEYWORDS
   Ready for the next Additional Content block.
   ============================================================ */

.hifi-quick{
  width:100%!important;
  margin:30px 0 0!important;
  padding:26px 0 0!important;
  border-top:1px solid var(--hifi-line)!important;
}

.hifi-quick-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:14px!important;
}

.hifi-quick-head h2{
  position:relative!important;
  margin:0!important;
  padding:0 0 9px!important;
  color:var(--hifi-green-dark)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:1.25rem!important;
}

.hifi-quick-head h2:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:48px!important;
  height:2px!important;
  background:var(--hifi-gold)!important;
}

.hifi-quick-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
}

.hifi-quick-grid a{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  padding:8px 11px!important;
  color:var(--hifi-green-dark)!important;
  background:#F5F9F7!important;
  border:1px solid #E0EAE5!important;
  border-radius:4px!important;
  font-size:.66rem!important;
  line-height:1.28!important;
  text-decoration:none!important;
}

.hifi-quick-grid a:before{
  content:"›"!important;
  margin-right:7px!important;
  color:var(--hifi-gold)!important;
  font-size:1rem!important;
  font-weight:700!important;
}

.hifi-quick-grid a:hover,
.hifi-quick-grid a:focus{
  color:#fff!important;
  background:var(--hifi-green)!important;
  border-color:var(--hifi-green)!important;
}

.hifi-info-links{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:9px!important;
  margin-top:18px!important;
}

.hifi-info-links a{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:44px!important;
  padding:8px 13px!important;
  color:var(--hifi-green-dark)!important;
  border-bottom:1px solid var(--hifi-line)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:.76rem!important;
  text-decoration:none!important;
}

.hifi-keywords{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:18px!important;
}

.hifi-keywords a,
.hifi-keywords span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:29px!important;
  padding:4px 10px!important;
  color:var(--hifi-green-dark)!important;
  background:#fff!important;
  border:1px solid #DFE8E3!important;
  border-radius:15px!important;
  font-size:.64rem!important;
  text-decoration:none!important;
}

/* ============================================================
   8. NATIVE ANNOUNCEMENTS
   ============================================================ */

.homepage-announcements{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:30px 0 0!important;
  padding:43px 0 0!important;
  background:#fff!important;
}

.homepage-announcements:before{
  content:"Announcements"!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  padding-bottom:8px!important;
  color:var(--hifi-green-dark)!important;
  border-bottom:2px solid var(--hifi-gold)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:1.20rem!important;
  font-weight:700!important;
}

.homepage-announcements > .sr-only{
  display:none!important;
}

.homepage-announcement{
  width:calc(50% - 7px)!important;
  max-width:none!important;
  min-height:150px!important;
  display:inline-block!important;
  vertical-align:top!important;
  margin:0 10px 10px 0!important;
  padding:14px 15px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #E1E8E4!important;
  border-radius:5px!important;
}

.homepage-announcement:nth-of-type(even){
  margin-right:0!important;
}

.homepage-announcement-title{
  color:var(--hifi-green-dark)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:.80rem!important;
  line-height:1.3!important;
}

.homepage-announcement-date{
  color:var(--hifi-muted)!important;
  font-size:.64rem!important;
}

/* ============================================================
   9. NATIVE CURRENT ISSUE ARTICLES
   ============================================================ */

.issue-wrapper{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:25px 0 0!important;
  padding:45px 0 0!important;
  background:#fff!important;
}

.issue-wrapper:before{
  content:"Current Issue Articles"!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  padding-bottom:8px!important;
  color:var(--hifi-green-dark)!important;
  border-bottom:2px solid var(--hifi-gold)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:1.20rem!important;
  font-weight:700!important;
}

.issue-wrapper > [class*="col-"]{
  width:100%!important;
  max-width:100%!important;
  flex:0 0 100%!important;
  padding:0!important;
}

.issue-toc-section-title{
  margin:0!important;
  padding:7px 13px!important;
  color:var(--hifi-green-dark)!important;
  background:linear-gradient(90deg,#EAF5EF,#F0F7F3)!important;
  border:0!important;
  border-radius:4px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:.72rem!important;
  font-weight:400!important;
}

.article-summary{
  position:relative!important;
  margin:0!important;
  padding:11px 95px 11px 12px!important;
  border-bottom:1px solid #E3E9E6!important;
}

.article-summary-title a{
  color:var(--hifi-green-dark)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:.74rem!important;
  line-height:1.3!important;
  text-decoration:none!important;
}

.article-summary-authors,
.article-summary-pages{
  color:#777!important;
  font-size:.58rem!important;
}

.article-summary-galleys{
  position:absolute!important;
  top:9px!important;
  right:8px!important;
  margin:0!important;
}

.article-summary-galleys a,
.article-summary-galleys .obj_galley_link{
  display:inline-flex!important;
  min-width:58px!important;
  min-height:31px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:4px 9px!important;
  color:#fff!important;
  background:var(--hifi-green)!important;
  border:0!important;
  border-radius:4px!important;
  font-size:.62rem!important;
  font-weight:700!important;
  text-decoration:none!important;
}

/* ============================================================
   10. TABLET
   ============================================================ */

@media(max-width:1000px){

  .container-homepage-issue{
    width:calc(100% - 32px)!important;
  }

  .hifi-v102-hero-card{
    grid-template-columns:190px 250px minmax(0,1fr)!important;
    gap:20px!important;
    padding:27px!important;
  }

  .homepage-issue-header > .col-lg-3{
    left:29px!important;
    width:180px!important;
    max-width:180px!important;
  }

  .homepage-issue-cover{
    width:180px!important;
    max-width:180px!important;
  }

  .hifi-v102-about h2{
    font-size:1.45rem!important;
  }

  .hifi-minimal-facts{
    grid-template-columns:1fr 1fr!important;
  }

  .hifi-minimal-fact:nth-child(2){
    border-right:0!important;
  }

  .hifi-minimal-fact:nth-child(1),
  .hifi-minimal-fact:nth-child(2){
    border-bottom:1px solid #E0E8E4!important;
  }

  .hifi-quick-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* ============================================================
   11. MOBILE
   ============================================================ */

@media(max-width:760px){

  .homepage-image{
    width:100%!important;
    height:235px!important;
    margin-left:0!important;
  }

  .homepage-image img{
    height:235px!important;
  }

  .container-homepage-issue{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:18px 14px 28px!important;
    background:#fff!important;
  }

  .homepage-issue-header > .col-lg-3{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:150px!important;
    max-width:150px!important;
    margin:-58px auto 16px!important;
  }

  .homepage-issue-cover{
    width:150px!important;
    max-width:150px!important;
    height:auto!important;
  }

  .hifi-v102-hero-card{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:20px 16px!important;
    border:1px solid #DDE7E2!important;
    border-top:4px solid #0D8876!important;
    box-shadow:0 10px 24px rgba(23,78,59,.08)!important;
  }

  .hifi-v102-cover-space{
    display:none!important;
  }

  .hifi-v102-issue{
    width:100%!important;
    padding:0 0 20px!important;
    border-right:0!important;
    border-bottom:1px solid #DCE6E1!important;
  }

  .hifi-v102-issue h2{
    font-size:1.48rem!important;
  }

  .hifi-v102-view{
    width:100%!important;
    box-sizing:border-box!important;
  }

  .hifi-v102-about{
    width:100%!important;
    margin-top:20px!important;
    padding:0!important;
  }

  .hifi-v102-about h2{
    font-size:1.36rem!important;
  }

  .hifi-v102-about p{
    max-width:100%!important;
    font-size:.86rem!important;
  }

  .hifi-v102-buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  .hifi-v102-btn-primary,
  .hifi-v102-btn-outline{
    width:100%!important;
    box-sizing:border-box!important;
  }

  .hifi-minimal{
    margin:28px 0 0!important;
    padding-top:24px!important;
    box-shadow:none!important;
    clip-path:none!important;
  }

  .hifi-minimal-heading{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:8px!important;
  }

  .hifi-minimal-facts{
    grid-template-columns:1fr!important;
  }

  .hifi-minimal-fact{
    border-right:0!important;
    border-bottom:1px solid #E0E8E4!important;
  }

  .hifi-minimal-fact:last-child{
    border-bottom:0!important;
  }

  .hifi-minimal-focus{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .hifi-minimal-tags{
    gap:6px!important;
  }

  .hifi-minimal-early{
    align-items:stretch!important;
    flex-direction:column!important;
  }

  .hifi-minimal-submit{
    width:100%!important;
    box-sizing:border-box!important;
  }

  .hifi-quick-grid{
    grid-template-columns:1fr 1fr!important;
  }

  .hifi-info-links{
    grid-template-columns:1fr!important;
  }

  .homepage-announcement{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin:0 0 9px!important;
  }

  .article-summary{
    padding-right:12px!important;
    padding-bottom:50px!important;
  }

  .article-summary-galleys{
    top:auto!important;
    right:auto!important;
    left:12px!important;
    bottom:8px!important;
  }
}

@media(max-width:430px){

  .hifi-quick-grid{
    grid-template-columns:1fr!important;
  }

  .hifi-minimal-tags a{
    font-size:.64rem!important;
  }
}

/* ============================================================
   HIFI FINAL CLEANUP
   Remove Quick Menu + Keywords
   Reorder native Current Issue Articles below custom homepage
   ============================================================ */

/* ------------------------------------------
   1. HOMEPAGE ORDER
   ------------------------------------------ */

.container-homepage-issue{
  display:flex!important;
  flex-direction:column!important;
}

.homepage-issue-header{
  order:1!important;
}

.homepage-additional-content{
  order:2!important;
}

.issue-wrapper{
  order:3!important;
}

.container-homepage-issue > .text-center{
  order:4!important;
}

/* ------------------------------------------
   2. HERO / CURRENT ISSUE
   ------------------------------------------ */

.hifi-v102-hero-card{
  margin-top:28px!important;
}

/* ------------------------------------------
   3. HIFI AT A GLANCE
   ------------------------------------------ */

.hifi-minimal{
  margin-top:48px!important;
  margin-bottom:0!important;
  padding-top:26px!important;
}

.hifi-minimal-heading{
  margin-bottom:18px!important;
}

.hifi-minimal-facts{
  background:#fff!important;
}

.hifi-minimal-fact{
  padding-top:16px!important;
  padding-bottom:16px!important;
}

/* ------------------------------------------
   4. RESEARCH FOCUS
   ------------------------------------------ */

.hifi-minimal-focus{
  grid-template-columns:135px minmax(0,1fr)!important;
  gap:18px!important;
  padding:22px 0!important;
}

.hifi-minimal-focus-title{
  padding-top:7px!important;
}

.hifi-minimal-tags{
  align-items:center!important;
}

.hifi-minimal-tags a{
  min-height:30px!important;
  padding:4px 11px!important;
  background:#F5F9F7!important;
  border-color:#E1EAE5!important;
  font-size:.64rem!important;
}

/* ------------------------------------------
   5. EARLY VIEW
   ------------------------------------------ */

.hifi-minimal-early{
  margin-top:0!important;
}

/* ------------------------------------------
   6. INFORMATION ONLY
   Quick Menu and Keywords removed
   ------------------------------------------ */

.hifi-clean-information{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  margin-top:26px!important;
  border-top:1px solid #DCE6E1!important;
  border-bottom:1px solid #DCE6E1!important;
}

.hifi-clean-information a{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:52px!important;
  padding:0 18px!important;
  color:#174E3B!important;
  background:#fff!important;
  border-right:1px solid #DCE6E1!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:.76rem!important;
  text-decoration:none!important;
  transition:background .18s ease,color .18s ease!important;
}

.hifi-clean-information a:last-child{
  border-right:0!important;
}

.hifi-clean-information a:hover,
.hifi-clean-information a:focus{
  color:#0F5A45!important;
  background:#F5F9F7!important;
}

/* ------------------------------------------
   7. REMOVE OLD QUICK / KEYWORD ELEMENTS
   ------------------------------------------ */

.hifi-quick,
.hifi-quick-grid,
.hifi-keywords{
  display:none!important;
}

/* ------------------------------------------
   8. NATIVE CURRENT ISSUE ARTICLES
   ------------------------------------------ */

.issue-wrapper{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  margin:34px 0 0!important;
  padding:48px 0 0!important;
  background:#fff!important;
}

.issue-wrapper:before{
  content:"Current Issue Articles"!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  color:#174E3B!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:1.18rem!important;
  font-weight:700!important;
  padding-bottom:8px!important;
  border-bottom:2px solid #B89A5A!important;
}

/* ------------------------------------------
   9. VIEW ALL ISSUES
   ------------------------------------------ */

.container-homepage-issue > .text-center{
  width:100%!important;
  margin:12px 0 0!important;
  text-align:right!important;
}

/* ------------------------------------------
   10. MOBILE
   ------------------------------------------ */

@media(max-width:760px){

  .hifi-minimal{
    margin-top:24px!important;
  }

  .hifi-minimal-focus{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .hifi-clean-information{
    grid-template-columns:1fr!important;
  }

  .hifi-clean-information a{
    border-right:0!important;
    border-bottom:1px solid #DCE6E1!important;
  }

  .hifi-clean-information a:last-child{
    border-bottom:0!important;
  }
}

/* ============================================================
   HIFI FINAL FIX — WELCOME LAYOUT
   Restores full-width OJS structure and places the custom
   Welcome content below the hero with Current Issue on the right.
   ============================================================ */

/* 1. Restore page structure */
.container-homepage-issue{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 0 42px!important;
  background:#fff!important;
}

.homepage-additional-content,
.homepage-additional-content.row{
  order:1!important;
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

.homepage-additional-content > [class*="col-"],
.homepage-additional-content > .col-lg-9,
.homepage-additional-content > .col-12{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  flex:0 0 100%!important;
  margin:0!important;
  padding:0!important;
}

/* 2. Keep the landscape hero only.
   The old native OJS issue block is intentionally hidden because
   Current Issue is now presented in the custom right-hand card. */
.homepage-issue-header,
.homepage-issue-current,
.homepage-issue-identifier,
.homepage-issue-published,
.homepage-issue-description-wrapper,
.homepage-issue-description,
.homepage-issue-description-more,
.homepage-issue-galleys,
.homepage-journal-description,
.homepage-description-buttons{
  display:none!important;
}

.homepage-image{
  position:relative!important;
  width:100vw!important;
  max-width:none!important;
  height:520px!important;
  margin:0 0 0 calc(50% - 50vw)!important;
  overflow:hidden!important;
  background:#174E3B!important;
}

.homepage-image img{
  display:block!important;
  width:100%!important;
  height:520px!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* Old card no longer used in this version */
.hifi-v102-hero-card{
  display:none!important;
}

/* 3. Welcome / main journal description */
.hifi-main-intro{
  order:1!important;
  width:calc(100% - 64px)!important;
  max-width:1400px!important;
  margin:58px auto 56px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:58px!important;
  align-items:start!important;
  box-sizing:border-box!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
}

.hifi-main-intro__content{
  min-width:0!important;
}

.hifi-main-intro__content h1{
  margin:0 0 32px!important;
  color:#111!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:2.65rem!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}

.hifi-main-intro__content p{
  max-width:none!important;
  margin:0 0 30px!important;
  color:#1D1D1D!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:1.08rem!important;
  line-height:1.48!important;
  font-weight:400!important;
}

.hifi-main-intro__content strong{
  color:#111!important;
  font-weight:800!important;
}

.hifi-main-intro__issue{
  width:100%!important;
  min-height:220px!important;
  padding:35px 36px 38px!important;
  box-sizing:border-box!important;
  background:#F0F1F2!important;
  border:0!important;
  border-radius:0!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
}

.hifi-main-intro__issue h2{
  margin:0 0 16px!important;
  color:#111!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:1.58rem!important;
  line-height:1.15!important;
  font-weight:800!important;
}

.hifi-main-intro__issue-meta{
  margin:0 0 40px!important;
  color:#202020!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:1.15rem!important;
  line-height:1.4!important;
  font-weight:400!important;
}

.hifi-main-intro__issue a{
  color:#0F5A45!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:1rem!important;
  font-weight:600!important;
  text-decoration:none!important;
}

.hifi-main-intro__issue a:hover,
.hifi-main-intro__issue a:focus{
  text-decoration:underline!important;
}

/* 4. HIFI at a Glance - keep it full width and use same font family */
.hifi-minimal{
  width:calc(100% - 64px)!important;
  max-width:1400px!important;
  margin:0 auto!important;
  padding:0 0 20px!important;
  color:#232A27!important;
  background:#fff!important;
  box-shadow:none!important;
  clip-path:none!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
}

.hifi-minimal-heading h2,
.hifi-minimal-focus-title,
.hifi-minimal-fact strong,
.hifi-clean-information a{
  font-family:"Helvetica Neue",Arial,sans-serif!important;
}

.hifi-minimal-heading h2{
  font-weight:800!important;
}

.hifi-minimal-fact strong{
  font-weight:800!important;
}

/* 5. Native Current Issue Articles belongs below Additional Content */
.issue-wrapper{
  order:2!important;
  position:relative!important;
  display:block!important;
  width:calc(100% - 64px)!important;
  max-width:1400px!important;
  margin:42px auto 0!important;
  padding:52px 0 0!important;
  background:#fff!important;
}

.issue-wrapper:before{
  content:"Current Issue Articles"!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:auto!important;
  padding:0 0 10px!important;
  color:#174E3B!important;
  border-bottom:2px solid #B89A5A!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:1.55rem!important;
  line-height:1.15!important;
  font-weight:800!important;
}

.issue-wrapper > [class*="col-"]{
  width:100%!important;
  max-width:100%!important;
  flex:0 0 100%!important;
  padding:0!important;
}

/* View All Issues */
.container-homepage-issue > .text-center{
  order:3!important;
  width:calc(100% - 64px)!important;
  max-width:1400px!important;
  margin:12px auto 0!important;
  padding:0!important;
  text-align:right!important;
}

.container-homepage-issue > .text-center .btn{
  display:inline-flex!important;
  min-height:48px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 22px!important;
  color:#232A27!important;
  background:#fff!important;
  border:1px solid #AAB0AD!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.92rem!important;
  font-weight:500!important;
}

/* 6. Remove obsolete menu/keyword blocks */
.hifi-quick,
.hifi-quick-grid,
.hifi-keywords{
  display:none!important;
}

/* 7. Tablet */
@media(max-width:1100px){
  .hifi-main-intro{
    width:calc(100% - 40px)!important;
    grid-template-columns:minmax(0,1fr) 310px!important;
    gap:36px!important;
  }

  .hifi-main-intro__content h1{
    font-size:2.15rem!important;
  }

  .hifi-main-intro__content p{
    font-size:1rem!important;
  }

  .hifi-minimal,
  .issue-wrapper,
  .container-homepage-issue > .text-center{
    width:calc(100% - 40px)!important;
  }
}

/* 8. Mobile */
@media(max-width:760px){
  .homepage-image,
  .homepage-image img{
    height:240px!important;
  }

  .hifi-main-intro{
    width:calc(100% - 28px)!important;
    grid-template-columns:1fr!important;
    gap:26px!important;
    margin:32px auto 40px!important;
  }

  .hifi-main-intro__content h1{
    margin-bottom:22px!important;
    font-size:1.85rem!important;
    line-height:1.12!important;
  }

  .hifi-main-intro__content p{
    margin-bottom:22px!important;
    font-size:.95rem!important;
    line-height:1.55!important;
  }

  .hifi-main-intro__issue{
    min-height:0!important;
    padding:26px!important;
  }

  .hifi-main-intro__issue h2{
    font-size:1.35rem!important;
  }

  .hifi-main-intro__issue-meta{
    margin-bottom:28px!important;
    font-size:1rem!important;
  }

  .hifi-minimal,
  .issue-wrapper,
  .container-homepage-issue > .text-center{
    width:calc(100% - 28px)!important;
  }

  .hifi-minimal-facts{
    grid-template-columns:1fr!important;
  }

  .hifi-minimal-focus{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .hifi-minimal-early{
    flex-direction:column!important;
    align-items:stretch!important;
  }

  .hifi-clean-information{
    grid-template-columns:1fr!important;
  }

  .issue-wrapper:before{
    font-size:1.35rem!important;
  }
}

/* ============================================================
   HIFI FINAL OVERRIDE — COMPACT HEADER + COMPACT HERO
   Final visual proportion: closer to Forest and Society
   ============================================================ */

/* Compact header */
.pkp_structure_head{
  padding-top:0 !important;
  background:#fff !important;
}

.pkp_head_wrapper{
  max-width:1180px !important;
  margin:0 auto !important;
  padding-top:8px !important;
  padding-bottom:0 !important;
}

.pkp_site_name{
  padding:8px 0 10px !important;
  text-align:center !important;
}

.pkp_site_name img,
.pkp_site_name .is_img img{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  max-height:54px !important;
  margin:0 auto !important;
}

.pkp_navigation_primary_row{
  margin-top:0 !important;
}

.pkp_navigation_primary > li > a{
  padding-top:11px !important;
  padding-bottom:11px !important;
}

/* Compact landscape banner */
.homepage-image{
  position:relative !important;
  width:100vw !important;
  max-width:none !important;
  height:315px !important;
  min-height:315px !important;
  margin:0 0 0 calc(50% - 50vw) !important;
  overflow:hidden !important;
  background:#174E3B !important;
}

.homepage-image img{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:315px !important;
  min-height:315px !important;
  object-fit:cover !important;
  object-position:center 52% !important;
}

/* Keep content safely below banner */
.container-homepage-issue{
  margin-top:0 !important;
}

/* Welcome block spacing after compact banner */
.hifi-main-intro{
  margin-top:48px !important;
}

/* Tablet */
@media(max-width:1024px){

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

  .homepage-image,
  .homepage-image img{
    height:270px !important;
    min-height:270px !important;
  }

  .homepage-image img{
    object-position:center 50% !important;
  }
}

/* Mobile */
@media(max-width:767px){

  .pkp_head_wrapper{
    padding-top:5px !important;
  }

  .pkp_site_name{
    padding:7px 52px 8px !important;
  }

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

  .homepage-image,
  .homepage-image img{
    height:190px !important;
    min-height:190px !important;
  }

  .homepage-image img{
    object-position:center 50% !important;
  }

  .hifi-main-intro{
    margin-top:30px !important;
  }
}


/* ============================================================
   HIFI FINAL OVERRIDE — REMOVE "HIFI AT A GLANCE" BLOCK
   Removes:
   - HIFI JOURNAL
   - HIFI at a Glance
   - Peer Review / No APC / CC BY 4.0 / Online Submission
   - Research Focus
   - Early View strip
   - For Readers / For Authors / For Librarians
   ============================================================ */

.hifi-minimal{
  display:none !important;
}

/* Pull the native Current Issue Articles section upward */
.issue-wrapper{
  margin-top:34px !important;
}

/* Keep View All Issues aligned neatly after articles */
.container-homepage-issue > .text-center{
  margin-top:12px !important;
}

/* ============================================================
   HIFI CURRENT ISSUE CARD — WITH COVER IMAGE
   ============================================================ */

.hifi-main-intro__issue{
  display:grid!important;
  grid-template-columns:126px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
  min-height:0!important;
  padding:28px!important;
}

.hifi-main-intro__issue-cover{
  display:block!important;
  width:126px!important;
  max-width:126px!important;
  height:auto!important;
  margin:0!important;
  border:1px solid #D6DCDA!important;
  box-shadow:0 10px 24px rgba(0,0,0,.12)!important;
  object-fit:contain!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}

.hifi-main-intro__issue-cover:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 16px 30px rgba(0,0,0,.16)!important;
}

.hifi-main-intro__issue-copy{
  min-width:0!important;
  padding-top:4px!important;
}

.hifi-main-intro__issue-copy h2{
  margin:0 0 14px!important;
}

.hifi-main-intro__issue-meta{
  margin:0 0 34px!important;
}

@media(max-width:1100px){
  .hifi-main-intro__issue{
    grid-template-columns:110px minmax(0,1fr)!important;
    gap:20px!important;
  }

  .hifi-main-intro__issue-cover{
    width:110px!important;
    max-width:110px!important;
  }
}

@media(max-width:760px){
  .hifi-main-intro__issue{
    grid-template-columns:95px minmax(0,1fr)!important;
    gap:18px!important;
    padding:22px!important;
  }

  .hifi-main-intro__issue-cover{
    width:95px!important;
    max-width:95px!important;
  }

  .hifi-main-intro__issue-meta{
    margin-bottom:24px!important;
  }
}

/* ============================================================
   HIFI FINAL BALANCED LAYOUT
   Compact header + balanced Welcome section + Current Issue card
   ============================================================ */

/* 1. COMPACT HEADER */
.pkp_structure_head{
  min-height:0!important;
  padding-top:0!important;
  background:#fff!important;
}

.pkp_head_wrapper{
  width:calc(100% - 80px)!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:4px 0 0!important;
}

.pkp_site_name_wrapper{
  height:auto!important;
  min-height:0!important;
}

.pkp_site_name{
  margin:0!important;
  padding:4px 0 6px!important;
  line-height:1!important;
  text-align:center!important;
}

.pkp_site_name img,
.pkp_site_name .is_img img{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  max-height:42px!important;
  margin:0 auto!important;
}

.pkp_site_nav_menu{
  min-height:0!important;
  background:#fff!important;
}

.pkp_navigation_primary_row{
  min-height:0!important;
  margin-top:0!important;
  border-top:1px solid #EEF1EF!important;
}

.pkp_navigation_primary_wrapper{
  min-height:46px!important;
}

.pkp_navigation_primary > li > a{
  padding:9px 8px!important;
  line-height:1.2!important;
}

#navigationUser > li > a,
.pkp_navigation_user > li > a{
  padding:6px 10px!important;
  font-size:.76rem!important;
}

/* 2. BANNER — FULL WIDTH, COMPACT HEIGHT */
.homepage-image{
  height:300px!important;
  min-height:300px!important;
}

.homepage-image img{
  height:300px!important;
  min-height:300px!important;
  object-position:center 52%!important;
}

/* 3. WELCOME + CURRENT ISSUE — BALANCED FOREST-STYLE SPACING */
.hifi-main-intro{
  width:calc(100% - 80px)!important;
  max-width:1500px!important;
  margin:44px auto 48px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:56px!important;
  align-items:start!important;
}

.hifi-main-intro__content{
  min-width:0!important;
  padding:0!important;
}

.hifi-main-intro__content h1{
  margin:0 0 28px!important;
  color:#111!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:2.15rem!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
}

.hifi-main-intro__content p{
  margin:0 0 25px!important;
  color:#202320!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.98rem!important;
  line-height:1.58!important;
  font-weight:400!important;
}

.hifi-main-intro__content strong{
  color:#111!important;
  font-weight:800!important;
}

/* 4. CURRENT ISSUE CARD */
.hifi-main-intro__issue{
  display:grid!important;
  grid-template-columns:116px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:24px!important;
  box-sizing:border-box!important;
  background:#F1F2F2!important;
  border:0!important;
  border-radius:0!important;
}

/* Explicitly remove HIFI JOURNAL */
.hifi-main-intro__issue-label{
  display:none!important;
}

.hifi-main-intro__issue-cover-link{
  display:block!important;
  width:116px!important;
  text-decoration:none!important;
}

.hifi-main-intro__issue-cover{
  display:block!important;
  width:116px!important;
  max-width:116px!important;
  height:auto!important;
  margin:0!important;
  border:1px solid #D5DAD7!important;
  box-shadow:0 8px 20px rgba(0,0,0,.11)!important;
  object-fit:contain!important;
}

.hifi-main-intro__issue-copy{
  min-width:0!important;
  padding:2px 0 0!important;
}

.hifi-main-intro__issue-copy h2{
  margin:0 0 14px!important;
  color:#111!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:1.48rem!important;
  line-height:1.08!important;
  font-weight:800!important;
}

.hifi-main-intro__issue-meta{
  margin:0 0 16px!important;
  color:#242424!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.95rem!important;
  line-height:1.35!important;
}

.hifi-main-intro__issue-meta strong,
.hifi-main-intro__issue-meta span{
  display:inline!important;
  font-weight:700!important;
}

.hifi-main-intro__issue-meta span:before{
  content:" ("!important;
}

.hifi-main-intro__issue-meta span:after{
  content:")"!important;
}

.hifi-main-intro__issue-period{
  margin:0 0 18px!important;
  color:#454A47!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.88rem!important;
  line-height:1.35!important;
}

.hifi-main-intro__issue-button{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#0F5A45!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.90rem!important;
  font-weight:700!important;
  text-decoration:none!important;
}

.hifi-main-intro__issue-button:hover,
.hifi-main-intro__issue-button:focus{
  text-decoration:underline!important;
}

/* 5. CURRENT ISSUE ARTICLES — SAME LEFT/RIGHT ALIGNMENT */
.issue-wrapper,
.container-homepage-issue > .text-center{
  width:calc(100% - 80px)!important;
  max-width:1500px!important;
}

.issue-wrapper{
  margin:34px auto 0!important;
}

.container-homepage-issue > .text-center{
  margin:12px auto 26px!important;
}

/* 6. TABLET */
@media(max-width:1180px){

  .pkp_head_wrapper,
  .hifi-main-intro,
  .issue-wrapper,
  .container-homepage-issue > .text-center{
    width:calc(100% - 48px)!important;
  }

  .hifi-main-intro{
    grid-template-columns:minmax(0,1fr) 310px!important;
    gap:36px!important;
  }

  .hifi-main-intro__content h1{
    font-size:1.78rem!important;
    white-space:normal!important;
  }

  .hifi-main-intro__issue{
    grid-template-columns:100px minmax(0,1fr)!important;
    gap:18px!important;
    padding:20px!important;
  }

  .hifi-main-intro__issue-cover-link,
  .hifi-main-intro__issue-cover{
    width:100px!important;
    max-width:100px!important;
  }
}

/* 7. MOBILE */
@media(max-width:767px){

  .pkp_head_wrapper{
    width:calc(100% - 28px)!important;
    padding-top:3px!important;
  }

  .pkp_site_name{
    padding:5px 50px 6px!important;
  }

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

  .homepage-image,
  .homepage-image img{
    height:185px!important;
    min-height:185px!important;
  }

  .hifi-main-intro{
    width:calc(100% - 28px)!important;
    grid-template-columns:1fr!important;
    gap:26px!important;
    margin:30px auto 38px!important;
  }

  .hifi-main-intro__content h1{
    margin-bottom:22px!important;
    font-size:1.65rem!important;
    line-height:1.12!important;
    white-space:normal!important;
  }

  .hifi-main-intro__content p{
    margin-bottom:20px!important;
    font-size:.93rem!important;
    line-height:1.55!important;
  }

  .hifi-main-intro__issue{
    grid-template-columns:92px minmax(0,1fr)!important;
    gap:17px!important;
    padding:18px!important;
  }

  .hifi-main-intro__issue-cover-link,
  .hifi-main-intro__issue-cover{
    width:92px!important;
    max-width:92px!important;
  }

  .hifi-main-intro__issue-copy h2{
    font-size:1.25rem!important;
  }

  .hifi-main-intro__issue-meta{
    font-size:.88rem!important;
  }

  .issue-wrapper,
  .container-homepage-issue > .text-center{
    width:calc(100% - 28px)!important;
  }
}

/* ============================================================
   HIFI FINAL HEADER — COMPACT SINGLE ROW
   Goal: short horizontal header similar to the reference image.
   Keeps the HIFI logo on the left, navigation in the middle,
   and user/search controls on the right.
   ============================================================ */

.pkp_structure_head{
  min-height:0!important;
  padding:0!important;
  background:#fff!important;
  border-bottom:1px solid #E3E7E5!important;
  box-shadow:none!important;
}

.pkp_head_wrapper{
  width:calc(100% - 56px)!important;
  max-width:1500px!important;
  min-height:72px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:34px!important;
  box-sizing:border-box!important;
}

/* Logo: compact and aligned left */
.pkp_site_name_wrapper{
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}

.pkp_site_name{
  width:auto!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  line-height:1!important;
}

.pkp_site_name .is_img{
  display:block!important;
  margin:0!important;
  padding:0!important;
}

.pkp_site_name img,
.pkp_site_name .is_img img{
  display:block!important;
  width:auto!important;
  max-width:210px!important;
  max-height:42px!important;
  margin:0!important;
}

/* Navigation area: one short row */
.pkp_site_nav_menu{
  flex:1 1 auto!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  background:#fff!important;
  border:0!important;
}

.pkp_navigation_primary_row{
  flex:1 1 auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

.pkp_navigation_primary_wrapper{
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
}

.pkp_navigation_primary{
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.82rem!important;
  font-weight:500!important;
}

.pkp_navigation_primary > li{
  margin:0!important;
  padding:0!important;
}

.pkp_navigation_primary > li > a{
  margin:0!important;
  padding:25px 13px!important;
  color:#1F2421!important;
  background:transparent!important;
  border:0!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.82rem!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus{
  color:#0F5A45!important;
  background:transparent!important;
}

/* Search and user controls on right */
.pkp_navigation_user_wrapper{
  position:static!important;
  flex:0 0 auto!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
}

.pkp_navigation_user{
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}

#navigationUser > li > a,
.pkp_navigation_user > li > a{
  margin:0!important;
  padding:9px 10px!important;
  color:#1F2421!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.80rem!important;
  font-weight:500!important;
}

#navigationUser > li > a:hover,
#navigationUser > li > a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus{
  color:#0F5A45!important;
  background:#F5F8F6!important;
}

/* Search control */
.pkp_navigation_search_wrapper{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
}

.pkp_navigation_search_wrapper a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 10px!important;
  color:#1F2421!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.80rem!important;
  font-weight:500!important;
  text-decoration:none!important;
}

.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus{
  color:#0F5A45!important;
}

/* Remove unnecessary vertical whitespace from legacy theme rules */
.pkp_head_wrapper > *{
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Dropdowns remain readable */
.pkp_navigation_primary .dropdown-menu{
  margin-top:0!important;
}

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

@media(max-width:1100px){

  .pkp_head_wrapper{
    width:calc(100% - 36px)!important;
    min-height:66px!important;
    gap:20px!important;
  }

  .pkp_site_name img,
  .pkp_site_name .is_img img{
    max-width:175px!important;
    max-height:38px!important;
  }

  .pkp_navigation_primary{
    font-size:.75rem!important;
  }

  .pkp_navigation_primary > li > a{
    padding:23px 8px!important;
    font-size:.75rem!important;
  }
}

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

@media(max-width:767px){

  .pkp_structure_head{
    padding:0!important;
  }

  .pkp_head_wrapper{
    width:100%!important;
    min-height:56px!important;
    padding:0 14px!important;
    display:block!important;
  }

  .pkp_site_name_wrapper{
    min-height:56px!important;
    display:flex!important;
    align-items:center!important;
  }

  .pkp_site_name{
    padding:0!important;
  }

  .pkp_site_name img,
  .pkp_site_name .is_img img{
    max-width:155px!important;
    max-height:34px!important;
  }

  .pkp_site_nav_menu{
    display:block!important;
    width:100%!important;
  }

  .pkp_navigation_primary_row{
    width:100%!important;
  }

  .pkp_navigation_primary_wrapper{
    display:block!important;
    width:100%!important;
  }

  .pkp_navigation_primary{
    display:block!important;
    width:100%!important;
  }

  .pkp_navigation_primary > li{
    display:block!important;
    width:100%!important;
  }

  .pkp_navigation_primary > li > a{
    display:block!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:11px 0!important;
    border-bottom:1px solid #E7ECE9!important;
  }
}

/* ============================================================
   HIFI FINAL FOOTER
   Deep green academic publisher footer
   Use with the HIFI Page Footer HTML block.
   ============================================================ */

.pkp_structure_footer_wrapper{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#075943!important;
}

.pkp_structure_footer{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 95% 115%,rgba(255,255,255,.07),transparent 27%),
    linear-gradient(108deg,#075B45 0%,#07563F 54%,#064D39 100%)!important;
  border:0!important;
}

/* Subtle geometric decoration on the right */
.pkp_structure_footer:before{
  content:""!important;
  position:absolute!important;
  right:-95px!important;
  bottom:-145px!important;
  z-index:0!important;
  width:430px!important;
  height:430px!important;
  opacity:.095!important;
  background:
    repeating-linear-gradient(
      45deg,
      transparent 0,
      transparent 28px,
      rgba(255,255,255,.42) 29px,
      rgba(255,255,255,.42) 30px
    ),
    repeating-linear-gradient(
      -45deg,
      transparent 0,
      transparent 28px,
      rgba(255,255,255,.34) 29px,
      rgba(255,255,255,.34) 30px
    )!important;
  transform:rotate(8deg)!important;
  pointer-events:none!important;
}

.pkp_footer_content{
  position:relative!important;
  z-index:2!important;
  width:calc(100% - 80px)!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:42px 0 20px!important;
  color:#fff!important;
}

.pkp_footer_content,
.pkp_footer_content *{
  box-sizing:border-box!important;
}

/* ============================================================
   FOOTER MAIN GRID
   ============================================================ */

.hifi-footer{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
}

.hifi-footer-main{
  display:grid!important;
  grid-template-columns:1.45fr .72fr .78fr .82fr!important;
  gap:48px!important;
  align-items:start!important;
  width:100%!important;
}

.hifi-footer-brand{
  min-width:0!important;
  padding-right:38px!important;
  border-right:1px solid rgba(255,255,255,.18)!important;
}

.hifi-footer-brandline{
  margin:0 0 20px!important;
  padding:0!important;
}

.hifi-footer-logo{
  display:block!important;
  width:auto!important;
  max-width:350px!important;
  max-height:78px!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:left center!important;
}

.hifi-footer-brand p{
  max-width:500px!important;
  margin:0!important;
  color:rgba(255,255,255,.84)!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.78rem!important;
  line-height:1.62!important;
  font-weight:400!important;
}

/* ============================================================
   FOOTER COLUMNS
   ============================================================ */

.hifi-footer-column{
  min-width:0!important;
}

.hifi-footer-column h3{
  margin:0 0 13px!important;
  padding:0!important;
  color:#fff!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.86rem!important;
  line-height:1.2!important;
  font-weight:800!important;
}

.hifi-footer-column a{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0!important;
  padding:4px 0!important;
  color:rgba(255,255,255,.84)!important;
  background:transparent!important;
  border:0!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.70rem!important;
  line-height:1.38!important;
  font-weight:400!important;
  text-decoration:none!important;
  transition:color .18s ease,transform .18s ease!important;
}

.hifi-footer-column a:hover,
.hifi-footer-column a:focus{
  color:#fff!important;
  background:transparent!important;
  transform:translateX(3px)!important;
}

.hifi-footer-column a > span:last-child{
  color:rgba(255,255,255,.70)!important;
}

/* ============================================================
   CONNECT
   ============================================================ */

.hifi-footer-connect a{
  justify-content:flex-start!important;
}

.hifi-footer-symbol{
  display:inline-flex!important;
  flex:0 0 18px!important;
  width:18px!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  text-align:center!important;
}

.hifi-footer-address{
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  margin-top:7px!important;
  color:rgba(255,255,255,.80)!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.69rem!important;
  line-height:1.48!important;
}

/* ============================================================
   FOOTER BOTTOM ROW
   ============================================================ */

.hifi-footer-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  width:100%!important;
  margin-top:32px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.27)!important;
  color:rgba(255,255,255,.80)!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.68rem!important;
  line-height:1.4!important;
}

.hifi-footer-platform{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  white-space:nowrap!important;
}

.hifi-footer-platform span{
  color:rgba(255,255,255,.72)!important;
}

.hifi-footer-platform strong{
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:.98rem!important;
  line-height:1!important;
  font-weight:400!important;
}

/* Hide duplicate native PKP brand because it is represented above */
.pkp_brand_footer{
  display:none!important;
}

/* Ensure old footer rules cannot turn content dark */
.pkp_footer_content p,
.pkp_footer_content span,
.pkp_footer_content strong,
.pkp_footer_content h1,
.pkp_footer_content h2,
.pkp_footer_content h3,
.pkp_footer_content h4{
  color:inherit!important;
}

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

@media(max-width:1000px){

  .pkp_footer_content{
    width:calc(100% - 48px)!important;
    padding-top:36px!important;
  }

  .hifi-footer-main{
    grid-template-columns:1fr 1fr 1fr!important;
    gap:28px!important;
  }

  .hifi-footer-brand{
    grid-column:1 / -1!important;
    padding-right:0!important;
    padding-bottom:22px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.18)!important;
  }

  .hifi-footer-logo{
    max-width:320px!important;
  }
}

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

@media(max-width:700px){

  .pkp_footer_content{
    width:calc(100% - 30px)!important;
    padding:30px 0 18px!important;
  }

  .hifi-footer-main{
    grid-template-columns:1fr 1fr!important;
    gap:25px 18px!important;
  }

  .hifi-footer-brand{
    grid-column:1 / -1!important;
  }

  .hifi-footer-logo{
    max-width:255px!important;
    max-height:62px!important;
  }

  .hifi-footer-brand p{
    font-size:.74rem!important;
  }

  .hifi-footer-connect{
    grid-column:1 / -1!important;
  }

  .hifi-footer-bottom{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:10px!important;
    margin-top:26px!important;
  }
}

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

@media(max-width:480px){

  .hifi-footer-main{
    grid-template-columns:1fr!important;
  }

  .hifi-footer-brand,
  .hifi-footer-connect{
    grid-column:auto!important;
  }

  .hifi-footer-column h3{
    margin-bottom:9px!important;
  }
}

/* ============================================================
   HIFI FOOTER FORCE OVERRIDE — CACHE/HEALTH SCIENCES SAFE
   ============================================================ */

html body .pkp_structure_footer_wrapper,
html body footer.pkp_structure_footer_wrapper,
body .pkp_structure_footer_wrapper{
  background-color:#075B45!important;
  background-image:none!important;
  border:0!important;
}

html body .pkp_structure_footer,
body .pkp_structure_footer{
  background-color:#075B45!important;
  background-image:
    radial-gradient(circle at 94% 118%,rgba(255,255,255,.07),transparent 28%),
    linear-gradient(108deg,#075B45 0%,#07563F 54%,#064D39 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

html body .pkp_footer_content,
body .pkp_footer_content{
  background:transparent!important;
  color:#fff!important;
}

html body .pkp_footer_content .hifi-footer,
html body .pkp_footer_content .hifi-footer-main,
html body .pkp_footer_content .hifi-footer-brand,
html body .pkp_footer_content .hifi-footer-column,
html body .pkp_footer_content .hifi-footer-bottom{
  background:transparent!important;
}

html body .pkp_footer_content,
html body .pkp_footer_content p,
html body .pkp_footer_content a,
html body .pkp_footer_content span,
html body .pkp_footer_content strong,
html body .pkp_footer_content h3,
html body .pkp_footer_content div{
  color:#fff!important;
}

html body .pkp_footer_content a{
  color:rgba(255,255,255,.86)!important;
}

html body .pkp_footer_content a:hover,
html body .pkp_footer_content a:focus{
  color:#fff!important;
}

/* Hide the native OJS/PKP block to avoid duplication */
html body .pkp_brand_footer,
body .pkp_brand_footer{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

/* Ensure custom footer occupies the full green area */
html body .hifi-footer{
  width:100%!important;
  background:transparent!important;
}

/* Decorative right-side pattern */
html body .pkp_structure_footer:after{
  content:""!important;
  position:absolute!important;
  right:-80px!important;
  bottom:-140px!important;
  width:420px!important;
  height:420px!important;
  opacity:.08!important;
  pointer-events:none!important;
  background:
    repeating-linear-gradient(
      45deg,
      transparent 0,
      transparent 27px,
      rgba(255,255,255,.40) 28px,
      rgba(255,255,255,.40) 29px
    ),
    repeating-linear-gradient(
      -45deg,
      transparent 0,
      transparent 27px,
      rgba(255,255,255,.30) 28px,
      rgba(255,255,255,.30) 29px
    )!important;
}

/* ============================================================
   HIFI ABOUT / AIMS & SCOPE — SAFE SCOPED PATCH
   APPEND ONLY. This block targets the custom About wrappers
   and does not alter homepage, header, footer, issue, or OJS
   structural containers.
   ============================================================ */

:root{
  --hifi-about-green:#0F5A45;
  --hifi-about-green-dark:#174E3B;
  --hifi-about-gold:#B89A5A;
  --hifi-about-line:#E7EEEA;
  --hifi-about-text:#343A37;
  --hifi-about-hero-image:none;
}

/* FULL-BLEED WRAPPER */
.hifi-about-page,
.hifi-about-v2{
  position:relative!important;
  left:50%!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:-50vw!important;
  margin-right:-50vw!important;
  color:var(--hifi-about-text)!important;
  background:#fff!important;
  box-sizing:border-box!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
}

.hifi-about-page *,
.hifi-about-v2 *{
  box-sizing:border-box!important;
}

/* HERO */
.hifi-about-page .hifi-about-hero,
.hifi-about-v2-hero{
  position:relative!important;
  width:100%!important;
  height:182px!important;
  margin:0!important;
  overflow:hidden!important;
  background:
    linear-gradient(
      90deg,
      rgba(5,78,60,.96) 0%,
      rgba(5,78,60,.84) 25%,
      rgba(5,78,60,.42) 56%,
      rgba(5,78,60,.07) 100%
    ),
    var(--hifi-about-hero-image)!important;
  background-color:#174E3B!important;
  background-size:cover!important;
  background-position:center 50%!important;
  background-repeat:no-repeat!important;
}

.hifi-about-page .hifi-about-hero-inner,
.hifi-about-v2-hero-inner{
  width:calc(100% - 80px)!important;
  max-width:1360px!important;
  height:100%!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

.hifi-about-page .hifi-about-hero h1,
.hifi-about-v2-hero h1{
  margin:0 0 13px!important;
  padding:0!important;
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:3rem!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}

.hifi-about-page .hifi-about-breadcrumb,
.hifi-about-v2-breadcrumb{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0!important;
  color:rgba(255,255,255,.9)!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.75rem!important;
  line-height:1.35!important;
}

.hifi-about-page .hifi-about-breadcrumb a,
.hifi-about-page .hifi-about-breadcrumb span,
.hifi-about-page .hifi-about-breadcrumb strong,
.hifi-about-v2-breadcrumb a,
.hifi-about-v2-breadcrumb span,
.hifi-about-v2-breadcrumb strong{
  color:rgba(255,255,255,.94)!important;
  text-decoration:none!important;
}

/* BODY GRID */
.hifi-about-page .hifi-about-layout,
.hifi-about-page .hifi-about-container,
.hifi-about-v2-shell{
  display:grid!important;
  grid-template-columns:255px minmax(0,1fr)!important;
  gap:54px!important;
  align-items:stretch!important;
  width:calc(100% - 80px)!important;
  max-width:1360px!important;
  margin:0 auto!important;
  padding:48px 0 62px!important;
}

/* LEFT SIDEBAR */
.hifi-about-page .hifi-about-sidebar,
.hifi-about-v2-nav{
  position:relative!important;
  min-height:520px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#F9FBFA 0%,#FCFDFC 62%,#F7FAF8 100%)!important;
  border-right:1px solid var(--hifi-about-line)!important;
}

.hifi-about-page .hifi-about-sidebar:after,
.hifi-about-v2-nav:after{
  content:""!important;
  position:absolute!important;
  left:-22px!important;
  right:-22px!important;
  bottom:-22px!important;
  height:245px!important;
  opacity:.045!important;
  pointer-events:none!important;
  background:
    repeating-linear-gradient(
      45deg,
      transparent 0,
      transparent 25px,
      var(--hifi-about-green) 26px,
      var(--hifi-about-green) 27px
    ),
    repeating-linear-gradient(
      -45deg,
      transparent 0,
      transparent 25px,
      var(--hifi-about-green) 26px,
      var(--hifi-about-green) 27px
    )!important;
}

.hifi-about-page .hifi-about-sidebar a,
.hifi-about-v2-nav a{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:54px!important;
  margin:0!important;
  padding:0 20px!important;
  color:#3A423E!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #EEF2F0!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.78rem!important;
  line-height:1.25!important;
  font-weight:500!important;
  text-decoration:none!important;
  transition:background .18s ease,color .18s ease!important;
}

.hifi-about-page .hifi-about-sidebar a:hover,
.hifi-about-page .hifi-about-sidebar a:focus,
.hifi-about-v2-nav a:hover,
.hifi-about-v2-nav a:focus{
  color:var(--hifi-about-green-dark)!important;
  background:#F2F8F5!important;
  text-decoration:none!important;
}

.hifi-about-page .hifi-about-sidebar a.active,
.hifi-about-page .hifi-about-sidebar a.is-active,
.hifi-about-v2-nav a.is-active{
  color:var(--hifi-about-green-dark)!important;
  background:linear-gradient(90deg,#EAF5F0,#F4F9F7)!important;
  font-weight:700!important;
}

.hifi-about-page .hifi-about-sidebar a.active:before,
.hifi-about-page .hifi-about-sidebar a.is-active:before,
.hifi-about-v2-nav a.is-active:before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:0!important;
  width:3px!important;
  background:var(--hifi-about-gold)!important;
}

/* MAIN CONTENT */
.hifi-about-page .hifi-about-main,
.hifi-about-v2-main{
  min-width:0!important;
  max-width:950px!important;
  margin:0!important;
  padding:0!important;
}

.hifi-about-page .hifi-about-heading,
.hifi-about-v2-heading{
  margin:0 0 24px!important;
}

.hifi-about-page .hifi-about-heading h2,
.hifi-about-page .hifi-about-main > h2,
.hifi-about-v2-heading{
  position:relative!important;
  margin:0!important;
  padding:0 0 13px!important;
  color:var(--hifi-about-green-dark)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:2.08rem!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  border:0!important;
}

.hifi-about-page .hifi-about-heading h2:after,
.hifi-about-page .hifi-about-main > h2:after,
.hifi-about-v2-heading:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:52px!important;
  height:2px!important;
  background:var(--hifi-about-gold)!important;
}

.hifi-about-page .hifi-about-text p,
.hifi-about-page .hifi-about-main > p,
.hifi-about-v2-main p{
  width:100%!important;
  max-width:930px!important;
  margin:0 0 23px!important;
  padding:0!important;
  color:var(--hifi-about-text)!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.94rem!important;
  line-height:1.68!important;
  font-weight:400!important;
  text-align:left!important;
}

.hifi-about-page .hifi-about-text strong,
.hifi-about-page .hifi-about-main strong,
.hifi-about-v2-main strong{
  color:#202622!important;
  font-weight:700!important;
}

/* TABLET */
@media(max-width:1000px){

  .hifi-about-page .hifi-about-hero-inner,
  .hifi-about-page .hifi-about-layout,
  .hifi-about-page .hifi-about-container,
  .hifi-about-v2-hero-inner,
  .hifi-about-v2-shell{
    width:calc(100% - 48px)!important;
  }

  .hifi-about-page .hifi-about-layout,
  .hifi-about-page .hifi-about-container,
  .hifi-about-v2-shell{
    grid-template-columns:215px minmax(0,1fr)!important;
    gap:36px!important;
  }
}

/* MOBILE */
@media(max-width:767px){

  .hifi-about-page .hifi-about-hero,
  .hifi-about-v2-hero{
    height:145px!important;
  }

  .hifi-about-page .hifi-about-hero-inner,
  .hifi-about-v2-hero-inner{
    width:calc(100% - 30px)!important;
  }

  .hifi-about-page .hifi-about-hero h1,
  .hifi-about-v2-hero h1{
    font-size:2.2rem!important;
  }

  .hifi-about-page .hifi-about-layout,
  .hifi-about-page .hifi-about-container,
  .hifi-about-v2-shell{
    display:block!important;
    width:calc(100% - 30px)!important;
    padding:28px 0 42px!important;
  }

  .hifi-about-page .hifi-about-sidebar,
  .hifi-about-v2-nav{
    min-height:0!important;
    margin-bottom:28px!important;
    border:1px solid var(--hifi-about-line)!important;
  }

  .hifi-about-page .hifi-about-sidebar:after,
  .hifi-about-v2-nav:after{
    display:none!important;
  }

  .hifi-about-page .hifi-about-heading h2,
  .hifi-about-page .hifi-about-main > h2,
  .hifi-about-v2-heading{
    font-size:1.72rem!important;
  }

  .hifi-about-page .hifi-about-text p,
  .hifi-about-page .hifi-about-main > p,
  .hifi-about-v2-main p{
    font-size:.91rem!important;
    line-height:1.62!important;
  }
}

/* ============================================================
   HIFI ABOUT — REMOVE SIDEBAR DECORATIVE PATTERN
   Minimal override only. No homepage/header/footer changes.
   ============================================================ */

/* Remove the pale geometric block below the About navigation */
.hifi-about-page .hifi-about-sidebar:after,
.hifi-about-v2-nav:after{
  display:none!important;
  content:none!important;
  background:none!important;
}

/* Let the sidebar end naturally after the last navigation item */
.hifi-about-page .hifi-about-sidebar,
.hifi-about-v2-nav{
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
  overflow:visible!important;
}

/* ============================================================
   HIFI ABOUT — AIMS & SCOPE FINAL VISUAL OVERRIDE v4
   Target:
   - Same visual proportion as approved About preview
   - Typography consistent with HIFI homepage
   - No decorative pattern below sidebar
   - No changes to homepage, footer, issue card, or global header
   ============================================================ */

/* ------------------------------------------------------------
   1. HIDE THE DUPLICATED NATIVE OJS PAGE TITLE
   Scoped only when the custom About wrapper exists.
   ------------------------------------------------------------ */

.page:has(.hifi-about-page) > h1:first-child,
.page_static:has(.hifi-about-page) > h1:first-child,
.page_custom:has(.hifi-about-page) > h1:first-child,
.page:has(.hifi-about-v2) > h1:first-child,
.page_static:has(.hifi-about-v2) > h1:first-child,
.page_custom:has(.hifi-about-v2) > h1:first-child{
  display:none!important;
}

/* ------------------------------------------------------------
   2. ABOUT HERO
   NOTE:
   To display the same cityscape as the homepage, replace
   PASTE_HOMEPAGE_IMAGE_URL_HERE with the public Homepage Image URL.
   ------------------------------------------------------------ */

:root{
  --hifi-about-hero-image:url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg");
}

.hifi-about-page .hifi-about-hero,
.hifi-about-v2-hero{
  height:205px!important;
  min-height:205px!important;
  background:
    linear-gradient(
      90deg,
      rgba(5,78,60,.94) 0%,
      rgba(5,78,60,.82) 24%,
      rgba(5,78,60,.40) 55%,
      rgba(5,78,60,.08) 100%
    ),
    var(--hifi-about-hero-image)!important;
  background-color:#174E3B!important;
  background-size:cover!important;
  background-position:center 50%!important;
  background-repeat:no-repeat!important;
}

.hifi-about-page .hifi-about-hero-inner,
.hifi-about-v2-hero-inner{
  width:calc(100% - 80px)!important;
  max-width:1360px!important;
}

.hifi-about-page .hifi-about-hero h1,
.hifi-about-v2-hero h1{
  margin:0 0 14px!important;
  color:#fff!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:2.65rem!important;
  line-height:1.04!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
}

.hifi-about-page .hifi-about-breadcrumb,
.hifi-about-v2-breadcrumb{
  gap:7px!important;
  color:rgba(255,255,255,.92)!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.76rem!important;
  line-height:1.35!important;
  font-weight:500!important;
}

/* ------------------------------------------------------------
   3. MAIN ABOUT GRID
   ------------------------------------------------------------ */

.hifi-about-page .hifi-about-layout,
.hifi-about-page .hifi-about-container,
.hifi-about-v2-shell{
  grid-template-columns:285px minmax(0,1fr)!important;
  gap:50px!important;
  width:calc(100% - 80px)!important;
  max-width:1360px!important;
  padding:42px 0 58px!important;
}

/* ------------------------------------------------------------
   4. SIDEBAR — CLEAN, COMPACT, NO LOWER PATTERN
   ------------------------------------------------------------ */

.hifi-about-page .hifi-about-sidebar,
.hifi-about-v2-nav{
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
  overflow:hidden!important;
  background:#FAFCFB!important;
  border:1px solid #E7EEEA!important;
  border-top:0!important;
}

.hifi-about-page .hifi-about-sidebar:after,
.hifi-about-v2-nav:after{
  display:none!important;
  content:none!important;
  background:none!important;
}

.hifi-about-page .hifi-about-sidebar a,
.hifi-about-v2-nav a{
  min-height:58px!important;
  padding:0 22px!important;
  color:#343A37!important;
  background:#fff!important;
  border-bottom:1px solid #E9EFEC!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.88rem!important;
  line-height:1.25!important;
  font-weight:500!important;
}

.hifi-about-page .hifi-about-sidebar a:last-child,
.hifi-about-v2-nav a:last-child{
  border-bottom:0!important;
}

.hifi-about-page .hifi-about-sidebar a:hover,
.hifi-about-page .hifi-about-sidebar a:focus,
.hifi-about-v2-nav a:hover,
.hifi-about-v2-nav a:focus{
  color:#174E3B!important;
  background:#F4F9F7!important;
}

.hifi-about-page .hifi-about-sidebar a.active,
.hifi-about-page .hifi-about-sidebar a.is-active,
.hifi-about-v2-nav a.is-active{
  color:#174E3B!important;
  background:linear-gradient(90deg,#EAF5F0 0%,#F5FAF7 100%)!important;
  font-weight:700!important;
}

.hifi-about-page .hifi-about-sidebar a.active:before,
.hifi-about-page .hifi-about-sidebar a.is-active:before,
.hifi-about-v2-nav a.is-active:before{
  width:4px!important;
  background:#B89A5A!important;
}

/* ------------------------------------------------------------
   5. AIMS & SCOPE CONTENT
   Typography follows the homepage:
   Helvetica Neue / Arial, balanced scale and line spacing.
   ------------------------------------------------------------ */

.hifi-about-page .hifi-about-main,
.hifi-about-v2-main{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
}

.hifi-about-page .hifi-about-heading,
.hifi-about-v2-heading{
  margin:0 0 22px!important;
}

.hifi-about-page .hifi-about-heading h2,
.hifi-about-page .hifi-about-main > h2,
.hifi-about-v2-heading{
  position:relative!important;
  margin:0!important;
  padding:0 0 13px!important;
  color:#174E3B!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:2.15rem!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}

.hifi-about-page .hifi-about-heading h2:after,
.hifi-about-page .hifi-about-main > h2:after,
.hifi-about-v2-heading:after{
  width:54px!important;
  height:2px!important;
  background:#B89A5A!important;
}

.hifi-about-page .hifi-about-text p,
.hifi-about-page .hifi-about-main > p,
.hifi-about-v2-main p{
  width:100%!important;
  max-width:970px!important;
  margin:0 0 24px!important;
  color:#202320!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.98rem!important;
  line-height:1.58!important;
  font-weight:400!important;
  letter-spacing:0!important;
}

.hifi-about-page .hifi-about-text strong,
.hifi-about-page .hifi-about-main strong,
.hifi-about-v2-main strong{
  color:#111!important;
  font-weight:800!important;
}

/* ------------------------------------------------------------
   6. TABLET
   ------------------------------------------------------------ */

@media(max-width:1000px){

  .hifi-about-page .hifi-about-hero-inner,
  .hifi-about-page .hifi-about-layout,
  .hifi-about-page .hifi-about-container,
  .hifi-about-v2-hero-inner,
  .hifi-about-v2-shell{
    width:calc(100% - 48px)!important;
  }

  .hifi-about-page .hifi-about-layout,
  .hifi-about-page .hifi-about-container,
  .hifi-about-v2-shell{
    grid-template-columns:225px minmax(0,1fr)!important;
    gap:34px!important;
  }

  .hifi-about-page .hifi-about-hero h1,
  .hifi-about-v2-hero h1{
    font-size:2.35rem!important;
  }

  .hifi-about-page .hifi-about-heading h2,
  .hifi-about-page .hifi-about-main > h2,
  .hifi-about-v2-heading{
    font-size:1.9rem!important;
  }

  .hifi-about-page .hifi-about-text p,
  .hifi-about-page .hifi-about-main > p,
  .hifi-about-v2-main p{
    font-size:.95rem!important;
  }
}

/* ------------------------------------------------------------
   7. MOBILE
   ------------------------------------------------------------ */

@media(max-width:767px){

  .hifi-about-page .hifi-about-hero,
  .hifi-about-v2-hero{
    height:150px!important;
    min-height:150px!important;
  }

  .hifi-about-page .hifi-about-hero-inner,
  .hifi-about-v2-hero-inner{
    width:calc(100% - 30px)!important;
  }

  .hifi-about-page .hifi-about-hero h1,
  .hifi-about-v2-hero h1{
    margin-bottom:10px!important;
    font-size:2rem!important;
  }

  .hifi-about-page .hifi-about-layout,
  .hifi-about-page .hifi-about-container,
  .hifi-about-v2-shell{
    display:block!important;
    width:calc(100% - 30px)!important;
    padding:26px 0 40px!important;
  }

  .hifi-about-page .hifi-about-sidebar,
  .hifi-about-v2-nav{
    width:100%!important;
    margin:0 0 28px!important;
  }

  .hifi-about-page .hifi-about-sidebar a,
  .hifi-about-v2-nav a{
    min-height:48px!important;
    padding:0 16px!important;
    font-size:.84rem!important;
  }

  .hifi-about-page .hifi-about-heading h2,
  .hifi-about-page .hifi-about-main > h2,
  .hifi-about-v2-heading{
    font-size:1.65rem!important;
  }

  .hifi-about-page .hifi-about-text p,
  .hifi-about-page .hifi-about-main > p,
  .hifi-about-v2-main p{
    margin-bottom:20px!important;
    font-size:.93rem!important;
    line-height:1.56!important;
  }
}

/* ============================================================
   HIFI ABOUT — FINAL SMALL CORRECTIONS v5
   ONLY:
   1. Remove the native duplicated "Aims and Scope" block above hero
   2. Make the content title black
   3. Remove the gold underline under the content title
   4. Match About hero height/crop to the homepage hero
   ============================================================ */

/* ------------------------------------------------------------
   1. REMOVE NATIVE STATIC-PAGE TITLE AREA
   This targets OJS Static Pages only, not the homepage.
   ------------------------------------------------------------ */

body.pkp_page_pages.pkp_op_view .page > h1:first-child,
body.pkp_page_pages.pkp_op_view .page_custom > h1:first-child,
body.pkp_page_pages.pkp_op_view .page_static > h1:first-child,
body.pkp_page_pages.pkp_op_view .page_title{
  display:none!important;
}

/* Remove the empty top spacing left by the native page title */
body.pkp_page_pages.pkp_op_view .page,
body.pkp_page_pages.pkp_op_view .page_custom,
body.pkp_page_pages.pkp_op_view .page_static{
  padding-top:0!important;
  margin-top:0!important;
}


/* ------------------------------------------------------------
   2. ABOUT HERO = SAME VISUAL SIZE/CROP AS HOMEPAGE HERO
   Homepage final hero: 300px, center 52%, cover
   ------------------------------------------------------------ */

.hifi-about-page .hifi-about-hero,
.hifi-about-v2-hero{
  height:300px!important;
  min-height:300px!important;
  background-image:
    linear-gradient(
      90deg,
      rgba(5,78,60,.94) 0%,
      rgba(5,78,60,.82) 24%,
      rgba(5,78,60,.40) 55%,
      rgba(5,78,60,.08) 100%
    ),
    url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg")!important;
  background-size:cover!important;
  background-position:center 52%!important;
  background-repeat:no-repeat!important;
}


/* ------------------------------------------------------------
   3. AIMS & SCOPE CONTENT TITLE
   Black, homepage typography, NO gold underline
   ------------------------------------------------------------ */

.hifi-about-page .hifi-about-heading h2,
.hifi-about-page .hifi-about-main > h2,
.hifi-about-v2-heading{
  color:#111!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:2.15rem!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  padding-bottom:0!important;
}

.hifi-about-page .hifi-about-heading h2:after,
.hifi-about-page .hifi-about-main > h2:after,
.hifi-about-v2-heading:after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  background:none!important;
}


/* ------------------------------------------------------------
   4. KEEP HERO TEXT PROPORTIONAL TO HOMEPAGE
   ------------------------------------------------------------ */

.hifi-about-page .hifi-about-hero h1,
.hifi-about-v2-hero h1{
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:2.65rem!important;
  line-height:1.04!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
}


/* ------------------------------------------------------------
   5. MOBILE — MATCH HOMEPAGE MOBILE HERO HEIGHT
   ------------------------------------------------------------ */

@media(max-width:767px){

  .hifi-about-page .hifi-about-hero,
  .hifi-about-v2-hero{
    height:185px!important;
    min-height:185px!important;
    background-position:center 50%!important;
  }

  .hifi-about-page .hifi-about-heading h2,
  .hifi-about-page .hifi-about-main > h2,
  .hifi-about-v2-heading{
    font-size:1.65rem!important;
  }
}

/* ============================================================
   HIFI STATIC PAGE — REMOVE NATIVE TITLE
   Removes the default OJS title above custom About hero
   ============================================================ */

.page.page_static > h1:first-child,
.page_static > h1:first-child,
.page.page_custom > h1:first-child,
.page_custom > h1:first-child{
    display:none !important;
}

/* Remove the empty white space left by the native page heading */
.page.page_static,
.page_static,
.page.page_custom,
.page_custom{
    padding-top:0 !important;
    margin-top:0 !important;
}

/* Remove title separator if generated by the theme */
.page.page_static > hr:first-of-type,
.page_static > hr:first-of-type,
.page.page_custom > hr:first-of-type,
.page_custom > hr:first-of-type{
    display:none !important;
}

/* ============================================================
   HIFI ABOUT — FINAL FIX v6
   Scope: About / Aims & Scope ONLY
   Changes:
   1. Remove the cityscape image from the About hero
   2. Keep a compact solid HIFI green About band
   3. Remove the duplicate native OJS "Aims and Scope" title area
   4. Keep content title black with no gold underline
   5. Keep sidebar clean with no decorative pattern
   Homepage/header/footer rules are not changed.
   ============================================================ */

/* ------------------------------------------------------------
   A. REMOVE DUPLICATE NATIVE STATIC-PAGE TITLE
   ------------------------------------------------------------ */

html body:has(.hifi-about-page) .pkp_structure_main > h1:first-child,
html body:has(.hifi-about-v2) .pkp_structure_main > h1:first-child,
html body:has(.hifi-about-page) .pkp_structure_main > .page > h1:first-child,
html body:has(.hifi-about-v2) .pkp_structure_main > .page > h1:first-child,
html body:has(.hifi-about-page) .pkp_structure_main .page > h1:first-child,
html body:has(.hifi-about-v2) .pkp_structure_main .page > h1:first-child,
html body:has(.hifi-about-page) .pkp_structure_content > h1:first-child,
html body:has(.hifi-about-v2) .pkp_structure_content > h1:first-child,
html body:has(.hifi-about-page) .page_title,
html body:has(.hifi-about-v2) .page_title,
html body:has(.hifi-about-page) .page-header:first-child,
html body:has(.hifi-about-v2) .page-header:first-child{
  display:none!important;
}

/* Remove separator/space belonging to that native title */
html body:has(.hifi-about-page) .pkp_structure_main > hr:first-of-type,
html body:has(.hifi-about-v2) .pkp_structure_main > hr:first-of-type,
html body:has(.hifi-about-page) .pkp_structure_main > .page > hr:first-of-type,
html body:has(.hifi-about-v2) .pkp_structure_main > .page > hr:first-of-type{
  display:none!important;
}

html body:has(.hifi-about-page) .pkp_structure_main,
html body:has(.hifi-about-v2) .pkp_structure_main,
html body:has(.hifi-about-page) .pkp_structure_main > .page,
html body:has(.hifi-about-v2) .pkp_structure_main > .page{
  margin-top:0!important;
  padding-top:0!important;
}


/* ------------------------------------------------------------
   B. ABOUT HERO — NO IMAGE
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-hero,
html body .hifi-about-v2-hero{
  height:170px!important;
  min-height:170px!important;
  margin:0!important;
  background-image:none!important;
  background:#0F5A45!important;
  background-color:#0F5A45!important;
}

/* Keep About title and breadcrumb */
html body .hifi-about-page .hifi-about-hero-inner,
html body .hifi-about-v2-hero-inner{
  width:calc(100% - 80px)!important;
  max-width:1360px!important;
  height:100%!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

html body .hifi-about-page .hifi-about-hero h1,
html body .hifi-about-v2-hero h1{
  margin:0 0 11px!important;
  padding:0!important;
  color:#fff!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:2.35rem!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}

html body .hifi-about-page .hifi-about-breadcrumb,
html body .hifi-about-v2-breadcrumb{
  margin:0!important;
  color:rgba(255,255,255,.92)!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.76rem!important;
  line-height:1.35!important;
  font-weight:500!important;
}

html body .hifi-about-page .hifi-about-breadcrumb a,
html body .hifi-about-page .hifi-about-breadcrumb span,
html body .hifi-about-page .hifi-about-breadcrumb strong,
html body .hifi-about-v2-breadcrumb a,
html body .hifi-about-v2-breadcrumb span,
html body .hifi-about-v2-breadcrumb strong{
  color:rgba(255,255,255,.94)!important;
}


/* ------------------------------------------------------------
   C. SIDEBAR — CLEAN, NO LOWER PATTERN
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-sidebar:after,
html body .hifi-about-v2-nav:after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  background:none!important;
}

html body .hifi-about-page .hifi-about-sidebar,
html body .hifi-about-v2-nav{
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
  overflow:hidden!important;
}


/* ------------------------------------------------------------
   D. CONTENT TITLE — BLACK, NO GOLD LINE
   Typography matches homepage
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-heading h2,
html body .hifi-about-page .hifi-about-main > h2,
html body .hifi-about-v2-heading{
  margin:0!important;
  padding:0!important;
  color:#111!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:2.15rem!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  border:0!important;
}

html body .hifi-about-page .hifi-about-heading h2:after,
html body .hifi-about-page .hifi-about-main > h2:after,
html body .hifi-about-v2-heading:after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  background:none!important;
}


/* ------------------------------------------------------------
   E. BODY TYPOGRAPHY — SAME FAMILY/SCALE AS HOMEPAGE
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-text p,
html body .hifi-about-page .hifi-about-main > p,
html body .hifi-about-v2-main p{
  color:#202320!important;
  font-family:"Helvetica Neue",Arial,sans-serif!important;
  font-size:.98rem!important;
  line-height:1.58!important;
  font-weight:400!important;
}

html body .hifi-about-page .hifi-about-text strong,
html body .hifi-about-page .hifi-about-main strong,
html body .hifi-about-v2-main strong{
  color:#111!important;
  font-weight:800!important;
}


/* ------------------------------------------------------------
   F. MOBILE
   ------------------------------------------------------------ */

@media(max-width:767px){

  html body .hifi-about-page .hifi-about-hero,
  html body .hifi-about-v2-hero{
    height:125px!important;
    min-height:125px!important;
  }

  html body .hifi-about-page .hifi-about-hero-inner,
  html body .hifi-about-v2-hero-inner{
    width:calc(100% - 30px)!important;
  }

  html body .hifi-about-page .hifi-about-hero h1,
  html body .hifi-about-v2-hero h1{
    margin-bottom:8px!important;
    font-size:1.8rem!important;
  }

  html body .hifi-about-page .hifi-about-heading h2,
  html body .hifi-about-page .hifi-about-main > h2,
  html body .hifi-about-v2-heading{
    font-size:1.65rem!important;
  }

  html body .hifi-about-page .hifi-about-text p,
  html body .hifi-about-page .hifi-about-main > p,
  html body .hifi-about-v2-main p{
    font-size:.93rem!important;
    line-height:1.56!important;
  }
}
/* ============================================================
   HIFI ABOUT — FINAL HERO PROPORTION
   Match homepage banner dimensions WITHOUT restoring image
   ============================================================ */

/* About hero: same height as homepage banner */
html body .hifi-about-page .hifi-about-hero,
html body .hifi-about-v2-hero{
    width:100% !important;
    height:300px !important;
    min-height:300px !important;

    margin:0 !important;
    padding:0 !important;

    background-image:none !important;
    background:#0F5A45 !important;
    background-color:#0F5A45 !important;
}

/* Same horizontal alignment as homepage content */
html body .hifi-about-page .hifi-about-hero-inner,
html body .hifi-about-v2-hero-inner{
    width:calc(100% - 80px) !important;
    max-width:1500px !important;
    height:100% !important;

    margin:0 auto !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
}

/* About title */
html body .hifi-about-page .hifi-about-hero h1,
html body .hifi-about-v2-hero h1{
    margin:0 0 12px !important;
    padding:0 !important;

    color:#FFFFFF !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:2.15rem !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
}

/* Breadcrumb */
html body .hifi-about-page .hifi-about-breadcrumb,
html body .hifi-about-v2-breadcrumb{
    margin:0 !important;
    padding:0 !important;

    color:rgba(255,255,255,.92) !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.76rem !important;
    line-height:1.4 !important;
    font-weight:500 !important;
}

html body .hifi-about-page .hifi-about-breadcrumb a,
html body .hifi-about-page .hifi-about-breadcrumb span,
html body .hifi-about-page .hifi-about-breadcrumb strong,
html body .hifi-about-v2-breadcrumb a,
html body .hifi-about-v2-breadcrumb span,
html body .hifi-about-v2-breadcrumb strong{
    color:#FFFFFF !important;
}

/* ============================================================
   KEEP CONTENT ALIGNMENT IDENTICAL TO HOMEPAGE
   ============================================================ */

html body .hifi-about-page .hifi-about-layout,
html body .hifi-about-page .hifi-about-container,
html body .hifi-about-v2-shell{
    width:calc(100% - 80px) !important;
    max-width:1500px !important;

    margin:0 auto !important;
    padding:42px 0 58px !important;
}

/* Main Aims and Scope title = homepage typography */
html body .hifi-about-page .hifi-about-heading h2,
html body .hifi-about-page .hifi-about-main > h2,
html body .hifi-about-v2-heading{
    color:#111111 !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:2.15rem !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;

    margin:0 0 22px !important;
    padding:0 !important;
}

/* Absolutely no underline */
html body .hifi-about-page .hifi-about-heading h2:after,
html body .hifi-about-page .hifi-about-main > h2:after,
html body .hifi-about-v2-heading:after{
    display:none !important;
    content:none !important;
}

/* Body text = homepage body */
html body .hifi-about-page .hifi-about-text p,
html body .hifi-about-page .hifi-about-main > p,
html body .hifi-about-v2-main p{
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.98rem !important;
    line-height:1.58 !important;
    font-weight:400 !important;

    color:#202320 !important;

    margin:0 0 24px !important;
}

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

@media(max-width:1180px){

    html body .hifi-about-page .hifi-about-hero-inner,
    html body .hifi-about-v2-hero-inner,
    html body .hifi-about-page .hifi-about-layout,
    html body .hifi-about-page .hifi-about-container,
    html body .hifi-about-v2-shell{
        width:calc(100% - 48px) !important;
    }
}

/* ============================================================
   MOBILE
   Same proportion as homepage mobile banner
   ============================================================ */

@media(max-width:767px){

    html body .hifi-about-page .hifi-about-hero,
    html body .hifi-about-v2-hero{
        height:185px !important;
        min-height:185px !important;
    }

    html body .hifi-about-page .hifi-about-hero-inner,
    html body .hifi-about-v2-hero-inner{
        width:calc(100% - 30px) !important;
    }

    html body .hifi-about-page .hifi-about-hero h1,
    html body .hifi-about-v2-hero h1{
        margin-bottom:8px !important;
        font-size:1.65rem !important;
    }

    html body .hifi-about-page .hifi-about-layout,
    html body .hifi-about-page .hifi-about-container,
    html body .hifi-about-v2-shell{
        width:calc(100% - 30px) !important;
        padding:28px 0 40px !important;
    }
}

/* ============================================================
   HIFI ABOUT — FINAL FORCE FIX v7
   PURPOSE:
   1. Restore the SAME cityscape image used on the homepage
   2. Remove the unwanted white gap above the About hero
   3. Keep About hero height/crop consistent with homepage
   4. Preserve homepage/header/footer/current issue styling
   5. Keep About sidebar/content typography consistent
   ============================================================ */

/* ------------------------------------------------------------
   A. REMOVE STATIC PAGE TOP GAP — ABOUT PAGE ONLY
   ------------------------------------------------------------ */

body.pkp_page_pages.pkp_op_view:has(.hifi-about-page) .pkp_structure_content,
body.pkp_page_pages.pkp_op_view:has(.hifi-about-v2) .pkp_structure_content,
html body:has(.hifi-about-page) .pkp_structure_content,
html body:has(.hifi-about-v2) .pkp_structure_content{
    margin-top:0 !important;
    padding-top:0 !important;
}

body.pkp_page_pages.pkp_op_view:has(.hifi-about-page) .pkp_structure_main,
body.pkp_page_pages.pkp_op_view:has(.hifi-about-v2) .pkp_structure_main,
html body:has(.hifi-about-page) .pkp_structure_main,
html body:has(.hifi-about-v2) .pkp_structure_main{
    width:100% !important;
    max-width:none !important;
    margin-top:0 !important;
    padding-top:0 !important;
}

body.pkp_page_pages.pkp_op_view:has(.hifi-about-page) .pkp_structure_main > .page,
body.pkp_page_pages.pkp_op_view:has(.hifi-about-v2) .pkp_structure_main > .page,
body.pkp_page_pages.pkp_op_view:has(.hifi-about-page) .page_static,
body.pkp_page_pages.pkp_op_view:has(.hifi-about-v2) .page_static,
body.pkp_page_pages.pkp_op_view:has(.hifi-about-page) .page_custom,
body.pkp_page_pages.pkp_op_view:has(.hifi-about-v2) .page_custom,
html body:has(.hifi-about-page) .pkp_structure_main > .page,
html body:has(.hifi-about-v2) .pkp_structure_main > .page{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

/* Hide the native OJS static-page title and separators */
body.pkp_page_pages.pkp_op_view:has(.hifi-about-page) .pkp_structure_main > h1:first-child,
body.pkp_page_pages.pkp_op_view:has(.hifi-about-v2) .pkp_structure_main > h1:first-child,
body.pkp_page_pages.pkp_op_view:has(.hifi-about-page) .page > h1:first-child,
body.pkp_page_pages.pkp_op_view:has(.hifi-about-v2) .page > h1:first-child,
body.pkp_page_pages.pkp_op_view:has(.hifi-about-page) .page_title,
body.pkp_page_pages.pkp_op_view:has(.hifi-about-v2) .page_title,
html body:has(.hifi-about-page) .page_title,
html body:has(.hifi-about-v2) .page_title{
    display:none !important;
}

body.pkp_page_pages.pkp_op_view:has(.hifi-about-page) .pkp_structure_main > hr:first-of-type,
body.pkp_page_pages.pkp_op_view:has(.hifi-about-v2) .pkp_structure_main > hr:first-of-type,
body.pkp_page_pages.pkp_op_view:has(.hifi-about-page) .page > hr:first-of-type,
body.pkp_page_pages.pkp_op_view:has(.hifi-about-v2) .page > hr:first-of-type{
    display:none !important;
}

/* ------------------------------------------------------------
   B. ABOUT WRAPPER — START DIRECTLY BELOW HEADER
   ------------------------------------------------------------ */

html body .hifi-about-page,
html body .hifi-about-v2{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* ------------------------------------------------------------
   C. ABOUT HERO — RESTORE HOMEPAGE IMAGE
   SAME HEIGHT + SAME CROP AS HOMEPAGE
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-hero,
html body .hifi-about-v2-hero{
    position:relative !important;
    width:100% !important;
    height:300px !important;
    min-height:300px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(5,78,60,.92) 0%,
            rgba(5,78,60,.78) 24%,
            rgba(5,78,60,.38) 55%,
            rgba(5,78,60,.07) 100%
        ),
        url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg") !important;

    background-color:#174E3B !important;
    background-size:cover !important;
    background-position:center 52% !important;
    background-repeat:no-repeat !important;
}

/* About hero text uses same horizontal content grid as homepage */
html body .hifi-about-page .hifi-about-hero-inner,
html body .hifi-about-v2-hero-inner{
    width:calc(100% - 80px) !important;
    max-width:1500px !important;
    height:100% !important;
    margin:0 auto !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
}

/* About title */
html body .hifi-about-page .hifi-about-hero h1,
html body .hifi-about-v2-hero h1{
    margin:0 0 11px !important;
    padding:0 !important;
    color:#FFFFFF !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:2.15rem !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
}

/* Breadcrumb */
html body .hifi-about-page .hifi-about-breadcrumb,
html body .hifi-about-v2-breadcrumb{
    margin:0 !important;
    padding:0 !important;
    color:rgba(255,255,255,.94) !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.76rem !important;
    line-height:1.4 !important;
    font-weight:500 !important;
}

html body .hifi-about-page .hifi-about-breadcrumb a,
html body .hifi-about-page .hifi-about-breadcrumb span,
html body .hifi-about-page .hifi-about-breadcrumb strong,
html body .hifi-about-v2-breadcrumb a,
html body .hifi-about-v2-breadcrumb span,
html body .hifi-about-v2-breadcrumb strong{
    color:#FFFFFF !important;
    text-decoration:none !important;
}

/* ------------------------------------------------------------
   D. ABOUT CONTENT GRID — SAME PROPORTION AS APPROVED PREVIEW
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-layout,
html body .hifi-about-page .hifi-about-container,
html body .hifi-about-v2-shell{
    display:grid !important;
    grid-template-columns:285px minmax(0,1fr) !important;
    gap:50px !important;
    align-items:start !important;

    width:calc(100% - 80px) !important;
    max-width:1500px !important;
    margin:0 auto !important;
    padding:42px 0 58px !important;
}

/* ------------------------------------------------------------
   E. SIDEBAR — CLEAN, NO GEOMETRIC LOWER IMAGE
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-sidebar,
html body .hifi-about-v2-nav{
    min-height:0 !important;
    height:auto !important;
    align-self:start !important;
    overflow:hidden !important;

    background:#FFFFFF !important;
    border:1px solid #E7EEEA !important;
}

html body .hifi-about-page .hifi-about-sidebar:after,
html body .hifi-about-v2-nav:after{
    display:none !important;
    content:none !important;
    width:0 !important;
    height:0 !important;
    background:none !important;
}

/* Sidebar items */
html body .hifi-about-page .hifi-about-sidebar a,
html body .hifi-about-v2-nav a{
    min-height:58px !important;
    padding:0 22px !important;

    color:#343A37 !important;
    background:#FFFFFF !important;
    border-bottom:1px solid #E9EFEC !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.88rem !important;
    line-height:1.25 !important;
    font-weight:500 !important;
}

html body .hifi-about-page .hifi-about-sidebar a:last-child,
html body .hifi-about-v2-nav a:last-child{
    border-bottom:0 !important;
}

html body .hifi-about-page .hifi-about-sidebar a.active,
html body .hifi-about-page .hifi-about-sidebar a.is-active,
html body .hifi-about-v2-nav a.is-active{
    color:#174E3B !important;
    background:linear-gradient(90deg,#EAF5F0 0%,#F5FAF7 100%) !important;
    font-weight:700 !important;
}

html body .hifi-about-page .hifi-about-sidebar a.active:before,
html body .hifi-about-page .hifi-about-sidebar a.is-active:before,
html body .hifi-about-v2-nav a.is-active:before{
    width:4px !important;
    background:#B89A5A !important;
}

/* ------------------------------------------------------------
   F. AIMS & SCOPE CONTENT — SAME FONT SYSTEM AS HOMEPAGE
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-main,
html body .hifi-about-v2-main{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
}

html body .hifi-about-page .hifi-about-heading,
html body .hifi-about-v2-heading{
    margin:0 0 22px !important;
}

html body .hifi-about-page .hifi-about-heading h2,
html body .hifi-about-page .hifi-about-main > h2,
html body .hifi-about-v2-heading{
    margin:0 !important;
    padding:0 !important;

    color:#111111 !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:2.15rem !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;

    border:0 !important;
}

html body .hifi-about-page .hifi-about-heading h2:after,
html body .hifi-about-page .hifi-about-main > h2:after,
html body .hifi-about-v2-heading:after{
    display:none !important;
    content:none !important;
    width:0 !important;
    height:0 !important;
    background:none !important;
}

html body .hifi-about-page .hifi-about-text p,
html body .hifi-about-page .hifi-about-main > p,
html body .hifi-about-v2-main p{
    width:100% !important;
    max-width:970px !important;
    margin:0 0 24px !important;
    padding:0 !important;

    color:#202320 !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.98rem !important;
    line-height:1.58 !important;
    font-weight:400 !important;
}

html body .hifi-about-page .hifi-about-text strong,
html body .hifi-about-page .hifi-about-main strong,
html body .hifi-about-v2-main strong{
    color:#111111 !important;
    font-weight:800 !important;
}

/* ------------------------------------------------------------
   G. TABLET
   ------------------------------------------------------------ */

@media(max-width:1180px){

    html body .hifi-about-page .hifi-about-hero-inner,
    html body .hifi-about-v2-hero-inner,
    html body .hifi-about-page .hifi-about-layout,
    html body .hifi-about-page .hifi-about-container,
    html body .hifi-about-v2-shell{
        width:calc(100% - 48px) !important;
    }

    html body .hifi-about-page .hifi-about-layout,
    html body .hifi-about-page .hifi-about-container,
    html body .hifi-about-v2-shell{
        grid-template-columns:225px minmax(0,1fr) !important;
        gap:34px !important;
    }
}

/* ------------------------------------------------------------
   H. MOBILE
   ------------------------------------------------------------ */

@media(max-width:767px){

    html body .hifi-about-page .hifi-about-hero,
    html body .hifi-about-v2-hero{
        height:185px !important;
        min-height:185px !important;
        background-position:center 50% !important;
    }

    html body .hifi-about-page .hifi-about-hero-inner,
    html body .hifi-about-v2-hero-inner{
        width:calc(100% - 30px) !important;
    }

    html body .hifi-about-page .hifi-about-hero h1,
    html body .hifi-about-v2-hero h1{
        margin-bottom:8px !important;
        font-size:1.65rem !important;
    }

    html body .hifi-about-page .hifi-about-layout,
    html body .hifi-about-page .hifi-about-container,
    html body .hifi-about-v2-shell{
        display:block !important;
        width:calc(100% - 30px) !important;
        padding:28px 0 40px !important;
    }

    html body .hifi-about-page .hifi-about-sidebar,
    html body .hifi-about-v2-nav{
        width:100% !important;
        margin:0 0 28px !important;
    }

    html body .hifi-about-page .hifi-about-heading h2,
    html body .hifi-about-page .hifi-about-main > h2,
    html body .hifi-about-v2-heading{
        font-size:1.65rem !important;
    }

    html body .hifi-about-page .hifi-about-text p,
    html body .hifi-about-page .hifi-about-main > p,
    html body .hifi-about-v2-main p{
        font-size:.93rem !important;
        line-height:1.56 !important;
    }
}

/* ============================================================
   HIFI ABOUT — REMOVE GAP BELOW HEADER
   Final scoped override for Static Pages / About
   ============================================================ */

/* Remove white spacing created by OJS static-page wrappers */
body.pkp_page_pages.pkp_op_view .pkp_structure_content,
body.pkp_page_pages.pkp_op_view .pkp_structure_main,
body.pkp_page_pages.pkp_op_view .pkp_structure_main > .page,
body.pkp_page_pages.pkp_op_view .pkp_structure_main > .page_static,
body.pkp_page_pages.pkp_op_view .pkp_structure_main > .page_custom{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* Make the custom About wrapper start immediately after navigation */
body.pkp_page_pages.pkp_op_view .hifi-about-page,
body.pkp_page_pages.pkp_op_view .hifi-about-v2{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* Remove any top margin on the hero itself */
body.pkp_page_pages.pkp_op_view .hifi-about-page .hifi-about-hero,
body.pkp_page_pages.pkp_op_view .hifi-about-v2-hero{
    margin-top:0 !important;
    top:0 !important;
}

/* Health Sciences / Bootstrap spacing fallback */
body.pkp_page_pages.pkp_op_view .row,
body.pkp_page_pages.pkp_op_view .container-fluid{
    margin-top:0 !important;
}

/* Remove hidden-title residue if theme leaves space behind */
body.pkp_page_pages.pkp_op_view .page_title,
body.pkp_page_pages.pkp_op_view .page-header{
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
}

/* ============================================================
   HIFI ABOUT — FORCE REMOVE THE REMAINING WHITE GAP
   This patch is intentionally narrow and affects ONLY the custom
   About wrapper. It does not alter the homepage/header/footer.
   ============================================================ */

/* The remaining blank strip is produced outside the custom hero.
   Pull the About wrapper upward by exactly the observed gap. */
@media (min-width:768px){

    html body .hifi-about-page,
    html body .hifi-about-v2{
        margin-top:-60px !important;
    }

    html body .hifi-about-page .hifi-about-hero,
    html body .hifi-about-v2-hero{
        margin-top:0 !important;
    }
}

/* Mobile: do not use the desktop pull-up value */
@media (max-width:767px){

    html body .hifi-about-page,
    html body .hifi-about-v2{
        margin-top:0 !important;
    }
}

/* ============================================================
   HIFI ABOUT — EXACT HERO MATCH WITH HOMEPAGE v5
   ONLY synchronises hero IMAGE HEIGHT + CROP.
   Existing About layout/sidebar/content are left unchanged.
   ============================================================ */

:root{
  --hifi-hero-desktop-height:300px;
  --hifi-hero-mobile-height:185px;
  --hifi-hero-position-x:50%;
  --hifi-hero-position-y:52%;
}

/* ------------------------------------------------------------
   1. HOMEPAGE HERO — reference geometry
   ------------------------------------------------------------ */

html body .homepage-image,
html body .homepage-image img{
  height:var(--hifi-hero-desktop-height)!important;
  min-height:var(--hifi-hero-desktop-height)!important;
}

html body .homepage-image img{
  width:100%!important;
  object-fit:cover!important;
  object-position:var(--hifi-hero-position-x) var(--hifi-hero-position-y)!important;
}

/* ------------------------------------------------------------
   2. ABOUT HERO — same dimensions and SAME crop as homepage
   Keep the photo itself clean; overlay is separated below.
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-hero,
html body .hifi-about-v2-hero{
  position:relative!important;
  width:100%!important;
  height:var(--hifi-hero-desktop-height)!important;
  min-height:var(--hifi-hero-desktop-height)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;

  background-image:url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg")!important;
  background-color:#174E3B!important;
  background-size:cover!important;
  background-position:var(--hifi-hero-position-x) var(--hifi-hero-position-y)!important;
  background-repeat:no-repeat!important;
}

/* Green readability layer without changing the photo crop */
html body .hifi-about-page .hifi-about-hero:before,
html body .hifi-about-v2-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(
    90deg,
    rgba(5,78,60,.88) 0%,
    rgba(5,78,60,.70) 25%,
    rgba(5,78,60,.28) 55%,
    rgba(5,78,60,.04) 100%
  )!important;
}

/* Keep About text above overlay */
html body .hifi-about-page .hifi-about-hero-inner,
html body .hifi-about-v2-hero-inner{
  position:relative!important;
  z-index:2!important;
}

/* ------------------------------------------------------------
   3. MOBILE — both pages use exactly the same height/crop
   ------------------------------------------------------------ */

@media(max-width:767px){

  html body .homepage-image,
  html body .homepage-image img,
  html body .hifi-about-page .hifi-about-hero,
  html body .hifi-about-v2-hero{
    height:var(--hifi-hero-mobile-height)!important;
    min-height:var(--hifi-hero-mobile-height)!important;
  }

  html body .homepage-image img{
    object-position:50% 50%!important;
  }

  html body .hifi-about-page .hifi-about-hero,
  html body .hifi-about-v2-hero{
    background-position:50% 50%!important;
  }
}

/* ============================================================
   HIFI ABOUT — HERO EXACTLY MATCH HOMEPAGE IMAGE v6
   Uses the exact homepage image URL and the same display geometry.
   No structural changes to About content/sidebar/header/footer.
   ============================================================ */

:root{
  --hifi-home-hero-image:url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg");
  --hifi-home-hero-height:300px;
  --hifi-home-hero-mobile-height:185px;
}

/* SAME IMAGE + SAME SIZE AS HOMEPAGE */
html body .hifi-about-page .hifi-about-hero,
html body .hifi-about-v2-hero{
  position:relative!important;
  width:100%!important;
  height:var(--hifi-home-hero-height)!important;
  min-height:var(--hifi-home-hero-height)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;

  background-image:var(--hifi-home-hero-image)!important;
  background-color:#174E3B!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Remove previous full green overlay so the photo appearance
   remains the same as the homepage image */
html body .hifi-about-page .hifi-about-hero:before,
html body .hifi-about-v2-hero:before{
  display:none!important;
  content:none!important;
  background:none!important;
}

/* Keep hero text readable without changing image rendering */
html body .hifi-about-page .hifi-about-hero-inner,
html body .hifi-about-v2-hero-inner{
  position:relative!important;
  z-index:2!important;
}

html body .hifi-about-page .hifi-about-hero h1,
html body .hifi-about-v2-hero h1,
html body .hifi-about-page .hifi-about-breadcrumb,
html body .hifi-about-v2-breadcrumb{
  text-shadow:0 1px 3px rgba(0,0,0,.55)!important;
}

/* MOBILE — SAME PROPORTION AS HOMEPAGE MOBILE HERO */
@media(max-width:767px){
  html body .hifi-about-page .hifi-about-hero,
  html body .hifi-about-v2-hero{
    height:var(--hifi-home-hero-mobile-height)!important;
    min-height:var(--hifi-home-hero-mobile-height)!important;
    background-position:center center!important;
  }
}

/* ============================================================
   HIFI ABOUT — VISUAL BALANCE FINAL v7
   ONLY refines About/Aims & Scope:
   1. Restore green overlay on hero image
   2. Keep SAME image, size and crop as homepage
   3. Increase About + breadcrumb slightly
   4. Match Aims & Scope typography/spacing to homepage
   5. Preserve sidebar, header, footer, homepage structure
   ============================================================ */

/* ------------------------------------------------------------
   A. HERO IMAGE — SAME AS HOMEPAGE + GREEN OVERLAY
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-hero,
html body .hifi-about-v2-hero{
    position:relative!important;
    width:100%!important;
    height:300px!important;
    min-height:300px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;

    background-image:url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg")!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-color:#174E3B!important;
}

/* Restore the green treatment visible in the approved design */
html body .hifi-about-page .hifi-about-hero:before,
html body .hifi-about-v2-hero:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;

    background:linear-gradient(
        90deg,
        rgba(8,88,67,.82) 0%,
        rgba(8,88,67,.68) 28%,
        rgba(8,88,67,.34) 55%,
        rgba(8,88,67,.08) 100%
    )!important;
}

/* ------------------------------------------------------------
   B. ABOUT HERO TEXT — SLIGHTLY LARGER & BETTER PROPORTIONED
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-hero-inner,
html body .hifi-about-v2-hero-inner{
    position:relative!important;
    z-index:2!important;

    width:calc(100% - 80px)!important;
    max-width:1500px!important;
    height:100%!important;
    margin:0 auto!important;
    padding:0!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
}

html body .hifi-about-page .hifi-about-hero h1,
html body .hifi-about-v2-hero h1{
    margin:0 0 13px!important;
    padding:0!important;

    color:#fff!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:2.35rem!important;
    line-height:1.05!important;
    font-weight:800!important;
    letter-spacing:-.025em!important;
    text-shadow:0 1px 3px rgba(0,0,0,.24)!important;
}

html body .hifi-about-page .hifi-about-breadcrumb,
html body .hifi-about-v2-breadcrumb{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:5px!important;

    margin:0!important;
    padding:0!important;

    color:rgba(255,255,255,.96)!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:.84rem!important;
    line-height:1.45!important;
    font-weight:600!important;
    text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}

html body .hifi-about-page .hifi-about-breadcrumb a,
html body .hifi-about-page .hifi-about-breadcrumb span,
html body .hifi-about-page .hifi-about-breadcrumb strong,
html body .hifi-about-v2-breadcrumb a,
html body .hifi-about-v2-breadcrumb span,
html body .hifi-about-v2-breadcrumb strong{
    color:#fff!important;
    font:inherit!important;
    text-decoration:none!important;
}

/* ------------------------------------------------------------
   C. CONTENT GRID — SAME HORIZONTAL RHYTHM AS HOMEPAGE
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-layout,
html body .hifi-about-page .hifi-about-container,
html body .hifi-about-v2-shell{
    display:grid!important;
    grid-template-columns:285px minmax(0,1fr)!important;
    gap:48px!important;

    width:calc(100% - 80px)!important;
    max-width:1500px!important;
    margin:0 auto!important;
    padding:44px 0 62px!important;
    box-sizing:border-box!important;
}

/* ------------------------------------------------------------
   D. AIMS & SCOPE TYPOGRAPHY — MATCH HOMEPAGE
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-main,
html body .hifi-about-v2-main{
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
}

html body .hifi-about-page .hifi-about-heading,
html body .hifi-about-v2-heading{
    margin:0 0 26px!important;
}

html body .hifi-about-page .hifi-about-heading h2,
html body .hifi-about-page .hifi-about-main > h2,
html body .hifi-about-v2-heading{
    margin:0!important;
    padding:0!important;

    color:#111!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:2.15rem!important;
    line-height:1.08!important;
    font-weight:800!important;
    letter-spacing:-.025em!important;
    border:0!important;
}

html body .hifi-about-page .hifi-about-heading h2:after,
html body .hifi-about-page .hifi-about-main > h2:after,
html body .hifi-about-v2-heading:after{
    display:none!important;
    content:none!important;
}

/* Homepage-consistent paragraph width and vertical rhythm */
html body .hifi-about-page .hifi-about-text,
html body .hifi-about-v2-main{
    max-width:100%!important;
}

html body .hifi-about-page .hifi-about-text p,
html body .hifi-about-page .hifi-about-main > p,
html body .hifi-about-v2-main p{
    width:100%!important;
    max-width:1040px!important;

    margin:0 0 28px!important;
    padding:0!important;

    color:#202320!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:.98rem!important;
    line-height:1.58!important;
    font-weight:400!important;
    letter-spacing:0!important;
}

html body .hifi-about-page .hifi-about-text p:last-child,
html body .hifi-about-page .hifi-about-main > p:last-child,
html body .hifi-about-v2-main p:last-child{
    margin-bottom:0!important;
}

html body .hifi-about-page .hifi-about-text strong,
html body .hifi-about-page .hifi-about-main strong,
html body .hifi-about-v2-main strong{
    color:#111!important;
    font-weight:800!important;
}

/* ------------------------------------------------------------
   E. SIDEBAR — KEEP CURRENT APPROVED STRUCTURE
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-sidebar,
html body .hifi-about-v2-nav{
    align-self:start!important;
    margin:0!important;
}

html body .hifi-about-page .hifi-about-sidebar a,
html body .hifi-about-v2-nav a{
    min-height:58px!important;
    padding:0 22px!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:.88rem!important;
    line-height:1.25!important;
}

/* ------------------------------------------------------------
   F. TABLET
   ------------------------------------------------------------ */

@media(max-width:1180px){

    html body .hifi-about-page .hifi-about-hero-inner,
    html body .hifi-about-v2-hero-inner,
    html body .hifi-about-page .hifi-about-layout,
    html body .hifi-about-page .hifi-about-container,
    html body .hifi-about-v2-shell{
        width:calc(100% - 48px)!important;
    }

    html body .hifi-about-page .hifi-about-layout,
    html body .hifi-about-page .hifi-about-container,
    html body .hifi-about-v2-shell{
        grid-template-columns:225px minmax(0,1fr)!important;
        gap:34px!important;
    }

    html body .hifi-about-page .hifi-about-hero h1,
    html body .hifi-about-v2-hero h1{
        font-size:2.15rem!important;
    }
}

/* ------------------------------------------------------------
   G. MOBILE
   ------------------------------------------------------------ */

@media(max-width:767px){

    html body .hifi-about-page .hifi-about-hero,
    html body .hifi-about-v2-hero{
        height:185px!important;
        min-height:185px!important;
        background-position:center center!important;
    }

    html body .hifi-about-page .hifi-about-hero-inner,
    html body .hifi-about-v2-hero-inner{
        width:calc(100% - 30px)!important;
    }

    html body .hifi-about-page .hifi-about-hero h1,
    html body .hifi-about-v2-hero h1{
        margin-bottom:8px!important;
        font-size:1.8rem!important;
    }

    html body .hifi-about-page .hifi-about-breadcrumb,
    html body .hifi-about-v2-breadcrumb{
        font-size:.78rem!important;
    }

    html body .hifi-about-page .hifi-about-layout,
    html body .hifi-about-page .hifi-about-container,
    html body .hifi-about-v2-shell{
        display:block!important;
        width:calc(100% - 30px)!important;
        padding:28px 0 44px!important;
    }

    html body .hifi-about-page .hifi-about-heading h2,
    html body .hifi-about-page .hifi-about-main > h2,
    html body .hifi-about-v2-heading{
        font-size:1.65rem!important;
    }

    html body .hifi-about-page .hifi-about-text p,
    html body .hifi-about-page .hifi-about-main > p,
    html body .hifi-about-v2-main p{
        margin-bottom:22px!important;
        font-size:.93rem!important;
        line-height:1.56!important;
    }
}

/* ============================================================
   HIFI ABOUT — REFINED FINAL v8
   Root fix:
   the previous @media(max-width:1180px) reduced the About hero
   title again on common laptop/Retina CSS viewports.
   This block keeps the approved desktop typography down to 768px,
   while preserving the homepage rhythm and existing structure.
   ============================================================ */

/* ------------------------------------------------------------
   1. HERO — SAME IMAGE, SAME HEIGHT, APPROVED GREEN OVERLAY
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-hero,
html body .hifi-about-v2-hero{
    position:relative!important;
    width:100%!important;
    height:300px!important;
    min-height:300px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;

    background-image:url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg")!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-color:#174E3B!important;
}

html body .hifi-about-page .hifi-about-hero:before,
html body .hifi-about-v2-hero:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;

    background:linear-gradient(
        90deg,
        rgba(8,88,67,.84) 0%,
        rgba(8,88,67,.70) 28%,
        rgba(8,88,67,.34) 56%,
        rgba(8,88,67,.06) 100%
    )!important;
}

/* ------------------------------------------------------------
   2. HERO TEXT — DO NOT SHRINK ON 1024/Retina LAPTOP WIDTH
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-hero-inner,
html body .hifi-about-v2-hero-inner{
    position:relative!important;
    z-index:2!important;

    width:calc(100% - 80px)!important;
    max-width:1500px!important;
    height:100%!important;
    margin:0 auto!important;
    padding:0!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
}

html body .hifi-about-page .hifi-about-hero h1,
html body .hifi-about-v2-hero h1{
    margin:0 0 14px!important;
    padding:0!important;

    color:#fff!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:2.48rem!important;
    line-height:1.04!important;
    font-weight:800!important;
    letter-spacing:-.028em!important;
    text-shadow:0 1px 3px rgba(0,0,0,.25)!important;
}

html body .hifi-about-page .hifi-about-breadcrumb,
html body .hifi-about-v2-breadcrumb{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:6px!important;

    margin:0!important;
    padding:0!important;

    color:#fff!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:.90rem!important;
    line-height:1.42!important;
    font-weight:600!important;
    text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}

html body .hifi-about-page .hifi-about-breadcrumb a,
html body .hifi-about-page .hifi-about-breadcrumb span,
html body .hifi-about-page .hifi-about-breadcrumb strong,
html body .hifi-about-v2-breadcrumb a,
html body .hifi-about-v2-breadcrumb span,
html body .hifi-about-v2-breadcrumb strong{
    color:#fff!important;
    font:inherit!important;
    text-decoration:none!important;
}

/* ------------------------------------------------------------
   3. CONTENT GRID — KEEP THE SAME HORIZONTAL RHYTHM AS HOME
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-layout,
html body .hifi-about-page .hifi-about-container,
html body .hifi-about-v2-shell{
    display:grid!important;
    grid-template-columns:270px minmax(0,1fr)!important;
    gap:48px!important;
    align-items:start!important;

    width:calc(100% - 80px)!important;
    max-width:1500px!important;
    margin:0 auto!important;
    padding:48px 0 68px!important;
    box-sizing:border-box!important;
}

/* ------------------------------------------------------------
   4. MAIN CONTENT — SLIGHTLY LARGER, SAME TYPE SYSTEM AS HOME
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-main,
html body .hifi-about-v2-main{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;

    color:#202320!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
}

html body .hifi-about-page .hifi-about-heading,
html body .hifi-about-v2-heading{
    margin:0 0 28px!important;
}

html body .hifi-about-page .hifi-about-heading h2,
html body .hifi-about-page .hifi-about-main > h2,
html body .hifi-about-v2-heading{
    margin:0!important;
    padding:0!important;

    color:#111!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:2.28rem!important;
    line-height:1.07!important;
    font-weight:800!important;
    letter-spacing:-.026em!important;
    border:0!important;
}

html body .hifi-about-page .hifi-about-heading h2:after,
html body .hifi-about-page .hifi-about-main > h2:after,
html body .hifi-about-v2-heading:after{
    display:none!important;
    content:none!important;
}

/* Match the homepage paragraph feel:
   readable line length + more breathing room between paragraphs */
html body .hifi-about-page .hifi-about-text p,
html body .hifi-about-page .hifi-about-main > p,
html body .hifi-about-v2-main p{
    width:100%!important;
    max-width:1080px!important;

    margin:0 0 31px!important;
    padding:0!important;

    color:#202320!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:1.02rem!important;
    line-height:1.62!important;
    font-weight:400!important;
    letter-spacing:0!important;
}

html body .hifi-about-page .hifi-about-text p:last-child,
html body .hifi-about-page .hifi-about-main > p:last-child,
html body .hifi-about-v2-main p:last-child{
    margin-bottom:0!important;
}

html body .hifi-about-page .hifi-about-text strong,
html body .hifi-about-page .hifi-about-main strong,
html body .hifi-about-v2-main strong{
    color:#111!important;
    font-weight:800!important;
}

/* ------------------------------------------------------------
   5. SIDEBAR — PROPORTIONAL TO THE REFINED CONTENT
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-sidebar,
html body .hifi-about-v2-nav{
    align-self:start!important;
    width:100%!important;
    margin:0!important;
}

html body .hifi-about-page .hifi-about-sidebar a,
html body .hifi-about-v2-nav a{
    min-height:60px!important;
    padding:0 22px!important;

    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:.92rem!important;
    line-height:1.25!important;
}

/* ------------------------------------------------------------
   6. LAPTOP / TABLET
   IMPORTANT: retain hero typography; only tighten widths.
   ------------------------------------------------------------ */

@media(max-width:1180px) and (min-width:768px){

    html body .hifi-about-page .hifi-about-hero-inner,
    html body .hifi-about-v2-hero-inner,
    html body .hifi-about-page .hifi-about-layout,
    html body .hifi-about-page .hifi-about-container,
    html body .hifi-about-v2-shell{
        width:calc(100% - 48px)!important;
    }

    html body .hifi-about-page .hifi-about-layout,
    html body .hifi-about-page .hifi-about-container,
    html body .hifi-about-v2-shell{
        grid-template-columns:230px minmax(0,1fr)!important;
        gap:36px!important;
        padding-top:42px!important;
    }

    /* Explicitly cancel the old v7 tablet font reduction */
    html body .hifi-about-page .hifi-about-hero h1,
    html body .hifi-about-v2-hero h1{
        font-size:2.48rem!important;
    }

    html body .hifi-about-page .hifi-about-breadcrumb,
    html body .hifi-about-v2-breadcrumb{
        font-size:.90rem!important;
    }

    html body .hifi-about-page .hifi-about-heading h2,
    html body .hifi-about-page .hifi-about-main > h2,
    html body .hifi-about-v2-heading{
        font-size:2.28rem!important;
    }

    html body .hifi-about-page .hifi-about-text p,
    html body .hifi-about-page .hifi-about-main > p,
    html body .hifi-about-v2-main p{
        font-size:1.02rem!important;
        line-height:1.62!important;
    }
}

/* ------------------------------------------------------------
   7. MOBILE
   ------------------------------------------------------------ */

@media(max-width:767px){

    html body .hifi-about-page .hifi-about-hero,
    html body .hifi-about-v2-hero{
        height:185px!important;
        min-height:185px!important;
        background-position:center center!important;
    }

    html body .hifi-about-page .hifi-about-hero-inner,
    html body .hifi-about-v2-hero-inner{
        width:calc(100% - 30px)!important;
    }

    html body .hifi-about-page .hifi-about-hero h1,
    html body .hifi-about-v2-hero h1{
        margin-bottom:8px!important;
        font-size:1.85rem!important;
    }

    html body .hifi-about-page .hifi-about-breadcrumb,
    html body .hifi-about-v2-breadcrumb{
        font-size:.80rem!important;
    }

    html body .hifi-about-page .hifi-about-layout,
    html body .hifi-about-page .hifi-about-container,
    html body .hifi-about-v2-shell{
        display:block!important;
        width:calc(100% - 30px)!important;
        padding:30px 0 46px!important;
    }

    html body .hifi-about-page .hifi-about-sidebar,
    html body .hifi-about-v2-nav{
        margin-bottom:30px!important;
    }

    html body .hifi-about-page .hifi-about-heading h2,
    html body .hifi-about-page .hifi-about-main > h2,
    html body .hifi-about-v2-heading{
        font-size:1.75rem!important;
    }

    html body .hifi-about-page .hifi-about-text p,
    html body .hifi-about-page .hifi-about-main > p,
    html body .hifi-about-v2-main p{
        margin-bottom:23px!important;
        font-size:.95rem!important;
        line-height:1.58!important;
    }
}

/* ============================================================
   HIFI ABOUT — REFINED FINAL v9
   FINAL REQUEST:
   1. Enlarge "About" + breadcrumb slightly
   2. Make Aims & Scope typography/spacing MATCH homepage exactly
   3. Preserve approved hero image, green overlay, sidebar, header,
      footer and all homepage styling
   ============================================================ */

/* ------------------------------------------------------------
   A. ABOUT HERO TITLE + BREADCRUMB
   Slightly larger, still proportional
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-hero h1,
html body .hifi-about-v2-hero h1{
    margin:0 0 14px!important;
    padding:0!important;

    color:#fff!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:2.62rem!important;
    line-height:1.04!important;
    font-weight:800!important;
    letter-spacing:-.028em!important;
    text-shadow:0 1px 3px rgba(0,0,0,.25)!important;
}

html body .hifi-about-page .hifi-about-breadcrumb,
html body .hifi-about-v2-breadcrumb{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:6px!important;

    margin:0!important;
    padding:0!important;

    color:#fff!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:.94rem!important;
    line-height:1.42!important;
    font-weight:600!important;
    text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}

html body .hifi-about-page .hifi-about-breadcrumb a,
html body .hifi-about-page .hifi-about-breadcrumb span,
html body .hifi-about-page .hifi-about-breadcrumb strong,
html body .hifi-about-v2-breadcrumb a,
html body .hifi-about-v2-breadcrumb span,
html body .hifi-about-v2-breadcrumb strong{
    color:#fff!important;
    font:inherit!important;
    text-decoration:none!important;
}


/* ------------------------------------------------------------
   B. AIMS & SCOPE — EXACT HOMEPAGE TYPOGRAPHY
   Homepage reference:
   h1 = 2.15rem / 1.08 / margin-bottom 28px
   p  = .98rem / 1.58 / margin-bottom 25px
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-heading,
html body .hifi-about-v2-heading{
    margin:0 0 28px!important;
}

html body .hifi-about-page .hifi-about-heading h2,
html body .hifi-about-page .hifi-about-main > h2,
html body .hifi-about-v2-heading{
    margin:0 0 28px!important;
    padding:0!important;

    color:#111!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:2.15rem!important;
    line-height:1.08!important;
    font-weight:800!important;
    letter-spacing:-.025em!important;
    border:0!important;
}

html body .hifi-about-page .hifi-about-heading h2:after,
html body .hifi-about-page .hifi-about-main > h2:after,
html body .hifi-about-v2-heading:after{
    display:none!important;
    content:none!important;
}

/* Homepage-matched body rhythm */
html body .hifi-about-page .hifi-about-text p,
html body .hifi-about-page .hifi-about-main > p,
html body .hifi-about-v2-main p{
    width:100%!important;
    max-width:1080px!important;

    margin:0 0 25px!important;
    padding:0!important;

    color:#202320!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:.98rem!important;
    line-height:1.58!important;
    font-weight:400!important;
    letter-spacing:0!important;
}

html body .hifi-about-page .hifi-about-text p:last-child,
html body .hifi-about-page .hifi-about-main > p:last-child,
html body .hifi-about-v2-main p:last-child{
    margin-bottom:0!important;
}

html body .hifi-about-page .hifi-about-text strong,
html body .hifi-about-page .hifi-about-main strong,
html body .hifi-about-v2-main strong{
    color:#111!important;
    font-weight:800!important;
}


/* ------------------------------------------------------------
   C. CONTENT TOP/BOTTOM SPACING
   Same editorial breathing room as homepage
   ------------------------------------------------------------ */

html body .hifi-about-page .hifi-about-layout,
html body .hifi-about-page .hifi-about-container,
html body .hifi-about-v2-shell{
    padding-top:44px!important;
    padding-bottom:58px!important;
}


/* ------------------------------------------------------------
   D. LAPTOP/TABLET
   Keep desktop visual hierarchy; only tighten available width
   ------------------------------------------------------------ */

@media(max-width:1180px) and (min-width:768px){

    html body .hifi-about-page .hifi-about-hero h1,
    html body .hifi-about-v2-hero h1{
        font-size:2.62rem!important;
    }

    html body .hifi-about-page .hifi-about-breadcrumb,
    html body .hifi-about-v2-breadcrumb{
        font-size:.94rem!important;
    }

    html body .hifi-about-page .hifi-about-heading h2,
    html body .hifi-about-page .hifi-about-main > h2,
    html body .hifi-about-v2-heading{
        margin-bottom:28px!important;
        font-size:2.15rem!important;
        line-height:1.08!important;
    }

    html body .hifi-about-page .hifi-about-text p,
    html body .hifi-about-page .hifi-about-main > p,
    html body .hifi-about-v2-main p{
        margin-bottom:25px!important;
        font-size:.98rem!important;
        line-height:1.58!important;
    }
}


/* ------------------------------------------------------------
   E. MOBILE
   ------------------------------------------------------------ */

@media(max-width:767px){

    html body .hifi-about-page .hifi-about-hero h1,
    html body .hifi-about-v2-hero h1{
        margin-bottom:8px!important;
        font-size:1.90rem!important;
    }

    html body .hifi-about-page .hifi-about-breadcrumb,
    html body .hifi-about-v2-breadcrumb{
        font-size:.82rem!important;
    }

    html body .hifi-about-page .hifi-about-heading h2,
    html body .hifi-about-page .hifi-about-main > h2,
    html body .hifi-about-v2-heading{
        margin-bottom:22px!important;
        font-size:1.65rem!important;
        line-height:1.12!important;
    }

    html body .hifi-about-page .hifi-about-text p,
    html body .hifi-about-page .hifi-about-main > p,
    html body .hifi-about-v2-main p{
        margin-bottom:20px!important;
        font-size:.93rem!important;
        line-height:1.55!important;
    }
}

/* ============================================================
   HIFI SUBMISSIONS — NATIVE OJS FINAL v10
   Scope: /about/submissions ONLY
   Goals:
   1. Keep homepage/header/footer untouched
   2. Use the approved HIFI cityscape + green overlay
   3. Match About/Home typography and spacing
   4. Widen the native OJS submissions content
   5. Refine notification, headings, lists and checklist
   ============================================================ */

/* ------------------------------------------------------------
   A. RESET NATIVE SUBMISSIONS PAGE WIDTH / TOP SPACING
   ------------------------------------------------------------ */

body.pkp_page_about.pkp_op_submissions .pkp_structure_content,
body.pkp_page_about.pkp_op_submissions .pkp_structure_main,
body.pkp_page_about.pkp_op_submissions .page_submissions{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.pkp_page_about.pkp_op_submissions .pkp_structure_main{
    float:none!important;
}

body.pkp_page_about.pkp_op_submissions .pkp_structure_sidebar{
    display:none!important;
}

/* ------------------------------------------------------------
   B. SUBMISSIONS HERO — SAME IMAGE/HEIGHT/CROP AS HOMEPAGE
   Native OJS <h1> becomes the hero.
   ------------------------------------------------------------ */

body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    max-width:none!important;
    height:300px!important;
    min-height:300px!important;
    margin:0 0 44px -50vw!important;
    padding:
      0 max(40px,calc((100vw - 1500px)/2 + 40px))!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    overflow:hidden!important;

    color:#fff!important;
    background-image:
      linear-gradient(
        90deg,
        rgba(8,88,67,.82) 0%,
        rgba(8,88,67,.68) 28%,
        rgba(8,88,67,.34) 55%,
        rgba(8,88,67,.08) 100%
      ),
      url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg")!important;
    background-color:#174E3B!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;

    border:0!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:2.62rem!important;
    line-height:1.04!important;
    font-weight:800!important;
    letter-spacing:-.028em!important;
    text-shadow:0 1px 3px rgba(0,0,0,.25)!important;
}

/* Visual breadcrumb. CSS cannot make pseudo-content clickable. */
body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child:after{
    content:"Home  ›  About  ›  Submissions"!important;
    display:block!important;
    margin-top:14px!important;
    padding:0!important;
    color:#fff!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:.94rem!important;
    line-height:1.42!important;
    font-weight:600!important;
    letter-spacing:0!important;
    text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}

/* ------------------------------------------------------------
   C. MAIN CONTENT WIDTH — MATCH ABOUT/HOMEPAGE RHYTHM
   ------------------------------------------------------------ */

body.pkp_page_about.pkp_op_submissions .page_submissions > *:not(h1){
    width:calc(100% - 80px)!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
}

body.pkp_page_about.pkp_op_submissions .page_submissions{
    color:#202320!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:.98rem!important;
    line-height:1.58!important;
}

/* ------------------------------------------------------------
   D. ONLINE SUBMISSION NOTICE / CTA
   ------------------------------------------------------------ */

body.pkp_page_about.pkp_op_submissions .cmp_notification,
body.pkp_page_about.pkp_op_submissions .page_submissions .cmp_notification{
    position:relative!important;
    margin-top:0!important;
    margin-bottom:36px!important;
    padding:0!important;
    overflow:hidden!important;
    background:#0F5A45!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

body.pkp_page_about.pkp_op_submissions .cmp_notification a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:54px!important;
    padding:0 22px!important;
    color:#fff!important;
    background:transparent!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:.96rem!important;
    line-height:1.3!important;
    font-weight:700!important;
    text-decoration:none!important;
}

body.pkp_page_about.pkp_op_submissions .cmp_notification a:after{
    content:"→"!important;
    flex:0 0 auto!important;
    margin-left:20px!important;
    font-size:1.35rem!important;
    line-height:1!important;
    font-weight:400!important;
}

body.pkp_page_about.pkp_op_submissions .cmp_notification a:hover,
body.pkp_page_about.pkp_op_submissions .cmp_notification a:focus{
    color:#fff!important;
    background:#174E3B!important;
    text-decoration:none!important;
}

/* ------------------------------------------------------------
   E. SECTION HEADINGS — HOME/ABOUT TYPOGRAPHY
   ------------------------------------------------------------ */

body.pkp_page_about.pkp_op_submissions .page_submissions h2,
body.pkp_page_about.pkp_op_submissions .page_submissions h3,
body.pkp_page_about.pkp_op_submissions .page_submissions h4{
    color:#111!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-weight:800!important;
    letter-spacing:-.018em!important;
}

body.pkp_page_about.pkp_op_submissions .page_submissions h2{
    margin:34px 0 18px!important;
    padding:0!important;
    font-size:1.62rem!important;
    line-height:1.12!important;
    border:0!important;
}

body.pkp_page_about.pkp_op_submissions .page_submissions h3{
    margin:28px 0 14px!important;
    font-size:1.18rem!important;
    line-height:1.2!important;
}

body.pkp_page_about.pkp_op_submissions .page_submissions h4{
    margin:24px 0 10px!important;
    font-size:1rem!important;
    line-height:1.25!important;
}

/* Remove theme-generated decorative heading lines */
body.pkp_page_about.pkp_op_submissions .page_submissions h2:after,
body.pkp_page_about.pkp_op_submissions .page_submissions h3:after{
    display:none!important;
    content:none!important;
}

/* ------------------------------------------------------------
   F. BODY COPY / LINKS / STRONG / LISTS
   ------------------------------------------------------------ */

body.pkp_page_about.pkp_op_submissions .page_submissions p{
    max-width:1040px!important;
    margin:0 0 22px!important;
    color:#202320!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:.98rem!important;
    line-height:1.58!important;
    font-weight:400!important;
}

body.pkp_page_about.pkp_op_submissions .page_submissions strong{
    color:#111!important;
    font-weight:800!important;
}

body.pkp_page_about.pkp_op_submissions .page_submissions a{
    color:#0F5A45!important;
    text-decoration:none!important;
}

body.pkp_page_about.pkp_op_submissions .page_submissions a:hover,
body.pkp_page_about.pkp_op_submissions .page_submissions a:focus{
    color:#174E3B!important;
    text-decoration:underline!important;
}

body.pkp_page_about.pkp_op_submissions .page_submissions ul,
body.pkp_page_about.pkp_op_submissions .page_submissions ol{
    max-width:1040px!important;
    margin:0 0 24px!important;
    padding-left:24px!important;
    color:#202320!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:.96rem!important;
    line-height:1.58!important;
}

body.pkp_page_about.pkp_op_submissions .page_submissions li{
    margin:0 0 7px!important;
    padding-left:3px!important;
}

body.pkp_page_about.pkp_op_submissions .page_submissions li::marker{
    color:#0F5A45!important;
}

/* ------------------------------------------------------------
   G. AUTHOR GUIDELINES / CHECKLIST / COPYRIGHT / PRIVACY
   ------------------------------------------------------------ */

body.pkp_page_about.pkp_op_submissions .author_guidelines,
body.pkp_page_about.pkp_op_submissions .submission_checklist,
body.pkp_page_about.pkp_op_submissions .copyright_notice,
body.pkp_page_about.pkp_op_submissions .privacy_statement{
    margin-top:0!important;
    margin-bottom:34px!important;
    padding:0 0 6px!important;
    border:0!important;
    background:#fff!important;
}

body.pkp_page_about.pkp_op_submissions .submission_checklist ul{
    margin-bottom:0!important;
}

/* Subtle separation between long sections */
body.pkp_page_about.pkp_op_submissions .submission_checklist,
body.pkp_page_about.pkp_op_submissions .copyright_notice,
body.pkp_page_about.pkp_op_submissions .privacy_statement{
    padding-top:4px!important;
    border-top:1px solid #E7EEEA!important;
}

/* Hide inline editor-only edit links from visual hierarchy */
body.pkp_page_about.pkp_op_submissions .page_submissions .pkp_helpers_align_right,
body.pkp_page_about.pkp_op_submissions .page_submissions a[href*="management/settings"]{
    font-size:.72rem!important;
    font-weight:500!important;
    opacity:.65!important;
}

/* ------------------------------------------------------------
   H. TABLET
   ------------------------------------------------------------ */

@media(max-width:1180px){

    body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child{
        padding-left:24px!important;
        padding-right:24px!important;
    }

    body.pkp_page_about.pkp_op_submissions .page_submissions > *:not(h1){
        width:calc(100% - 48px)!important;
    }
}

/* ------------------------------------------------------------
   I. MOBILE
   ------------------------------------------------------------ */

@media(max-width:767px){

    body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child{
        height:185px!important;
        min-height:185px!important;
        margin-bottom:28px!important;
        padding-left:15px!important;
        padding-right:15px!important;
        background-position:center center!important;
        font-size:1.90rem!important;
        line-height:1.08!important;
    }

    body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child:after{
        margin-top:8px!important;
        font-size:.82rem!important;
    }

    body.pkp_page_about.pkp_op_submissions .page_submissions > *:not(h1){
        width:calc(100% - 30px)!important;
    }

    body.pkp_page_about.pkp_op_submissions .cmp_notification{
        margin-bottom:28px!important;
    }

    body.pkp_page_about.pkp_op_submissions .cmp_notification a{
        min-height:50px!important;
        padding:10px 15px!important;
        font-size:.88rem!important;
    }

    body.pkp_page_about.pkp_op_submissions .page_submissions h2{
        margin-top:28px!important;
        margin-bottom:15px!important;
        font-size:1.38rem!important;
    }

    body.pkp_page_about.pkp_op_submissions .page_submissions h3{
        font-size:1.08rem!important;
    }

    body.pkp_page_about.pkp_op_submissions .page_submissions p,
    body.pkp_page_about.pkp_op_submissions .page_submissions ul,
    body.pkp_page_about.pkp_op_submissions .page_submissions ol{
        font-size:.93rem!important;
        line-height:1.55!important;
    }
}

/* ============================================================
   HIFI ABOUT FAMILY — UNIVERSAL NATIVE PAGE PATCH v11
   Extends the approved About visual system to ALL native OJS
   /about/* pages and to static pages which do not already use
   the custom .hifi-about-page / .hifi-about-v2 wrapper.

   IMPORTANT:
   - Homepage is untouched.
   - Approved Aims & Scope custom layout is untouched.
   - Header/footer are untouched.
   - Author Guidelines (/about/submissions), Editorial Team,
     Contact and other native About pages now use the same scale,
     image, overlay, typography and spacing as the approved About.
   ============================================================ */

/* ------------------------------------------------------------
   1. NATIVE /ABOUT/* PAGE RESET
   ------------------------------------------------------------ */

body.pkp_page_about .pkp_structure_content,
body.pkp_page_about .pkp_structure_main{
    width:100%!important;
    max-width:none!important;
    margin-top:0!important;
    padding-top:0!important;
}

body.pkp_page_about .pkp_structure_main{
    float:none!important;
}

body.pkp_page_about .pkp_structure_sidebar{
    display:none!important;
}

body.pkp_page_about .pkp_structure_main > .page,
body.pkp_page_about .pkp_structure_main > [class^="page_"],
body.pkp_page_about .pkp_structure_main > [class*=" page_"]{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 0 58px!important;
    color:#202320!important;
    background:#fff!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    box-sizing:border-box!important;
}

/* ------------------------------------------------------------
   2. UNIVERSAL NATIVE ABOUT HERO
   Any first H1 on a native /about/* page becomes the same hero
   used by the approved Aims & Scope page.
   ------------------------------------------------------------ */

body.pkp_page_about .pkp_structure_main > .page > h1:first-child,
body.pkp_page_about .pkp_structure_main > [class^="page_"] > h1:first-child,
body.pkp_page_about .pkp_structure_main > [class*=" page_"] > h1:first-child{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    max-width:none!important;
    height:300px!important;
    min-height:300px!important;
    margin:0 0 44px -50vw!important;
    padding:0 max(40px,calc((100vw - 1500px)/2 + 40px))!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    overflow:hidden!important;

    color:#fff!important;
    background-image:
      linear-gradient(
        90deg,
        rgba(8,88,67,.84) 0%,
        rgba(8,88,67,.70) 28%,
        rgba(8,88,67,.34) 56%,
        rgba(8,88,67,.06) 100%
      ),
      url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg")!important;
    background-color:#174E3B!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;

    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:2.62rem!important;
    line-height:1.04!important;
    font-weight:800!important;
    letter-spacing:-.028em!important;
    text-shadow:0 1px 3px rgba(0,0,0,.25)!important;
    border:0!important;
}

/* generic breadcrumb line */
body.pkp_page_about .pkp_structure_main > .page > h1:first-child:after,
body.pkp_page_about .pkp_structure_main > [class^="page_"] > h1:first-child:after,
body.pkp_page_about .pkp_structure_main > [class*=" page_"] > h1:first-child:after{
    content:"Home  ›  About"!important;
    display:block!important;
    margin-top:12px!important;
    color:#fff!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:.94rem!important;
    line-height:1.42!important;
    font-weight:600!important;
    letter-spacing:0!important;
    text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}

/* ------------------------------------------------------------
   3. AUTHOR GUIDELINES — VISUAL TITLE/BREADCRUMB
   OJS calls this route "Submissions" internally; the visible
   journal menu calls it "Author Guidelines".
   ------------------------------------------------------------ */

body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child{
    font-size:0!important;
}

body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child:before{
    content:"Author Guidelines"!important;
    display:block!important;
    color:#fff!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:2.62rem!important;
    line-height:1.04!important;
    font-weight:800!important;
    letter-spacing:-.028em!important;
}

body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child:after{
    content:"Home  ›  About  ›  Author Guidelines"!important;
    margin-top:12px!important;
    font-size:.94rem!important;
}

/* ------------------------------------------------------------
   4. EDITORIAL TEAM / CONTACT — EXACT BREADCRUMBS
   ------------------------------------------------------------ */

body.pkp_page_about.pkp_op_editorialTeam .pkp_structure_main h1:first-child:after,
body.pkp_page_about.pkp_op_editorialteam .pkp_structure_main h1:first-child:after,
body.pkp_page_about[class*="pkp_op_editorial"] .pkp_structure_main h1:first-child:after{
    content:"Home  ›  About  ›  Editorial Team"!important;
}

body.pkp_page_about.pkp_op_contact .pkp_structure_main h1:first-child:after{
    content:"Home  ›  About  ›  Contact"!important;
}

/* ------------------------------------------------------------
   5. NATIVE ABOUT CONTENT WIDTH
   ------------------------------------------------------------ */

body.pkp_page_about .pkp_structure_main > .page > *:not(h1),
body.pkp_page_about .pkp_structure_main > [class^="page_"] > *:not(h1),
body.pkp_page_about .pkp_structure_main > [class*=" page_"] > *:not(h1){
    width:calc(100% - 80px)!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
}

/* ------------------------------------------------------------
   6. UNIVERSAL ABOUT TYPOGRAPHY
   ------------------------------------------------------------ */

body.pkp_page_about .pkp_structure_main h2,
body.pkp_page_about .pkp_structure_main h3,
body.pkp_page_about .pkp_structure_main h4{
    color:#111!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-weight:800!important;
    letter-spacing:-.018em!important;
    border:0!important;
}

body.pkp_page_about .pkp_structure_main h2{
    margin:34px 0 18px!important;
    padding:0!important;
    font-size:1.62rem!important;
    line-height:1.12!important;
}

body.pkp_page_about .pkp_structure_main h3{
    margin:28px 0 14px!important;
    font-size:1.18rem!important;
    line-height:1.2!important;
}

body.pkp_page_about .pkp_structure_main h4{
    margin:24px 0 10px!important;
    font-size:1rem!important;
    line-height:1.25!important;
}

body.pkp_page_about .pkp_structure_main h2:after,
body.pkp_page_about .pkp_structure_main h3:after{
    display:none!important;
    content:none!important;
}

body.pkp_page_about .pkp_structure_main p{
    max-width:1040px!important;
    margin:0 0 25px!important;
    color:#202320!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:.98rem!important;
    line-height:1.58!important;
    font-weight:400!important;
}

body.pkp_page_about .pkp_structure_main strong{
    color:#111!important;
    font-weight:800!important;
}

body.pkp_page_about .pkp_structure_main ul,
body.pkp_page_about .pkp_structure_main ol{
    max-width:1040px!important;
    margin:0 0 25px!important;
    padding-left:24px!important;
    color:#202320!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:.96rem!important;
    line-height:1.58!important;
}

body.pkp_page_about .pkp_structure_main li{
    margin-bottom:7px!important;
}

body.pkp_page_about .pkp_structure_main li::marker{
    color:#0F5A45!important;
}

body.pkp_page_about .pkp_structure_main a{
    color:#0F5A45!important;
}

body.pkp_page_about .pkp_structure_main a:hover,
body.pkp_page_about .pkp_structure_main a:focus{
    color:#174E3B!important;
}

/* Keep notification/button treatment clean */
body.pkp_page_about .cmp_notification{
    margin-bottom:34px!important;
    background:#0F5A45!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

body.pkp_page_about .cmp_notification a{
    color:#fff!important;
    text-decoration:none!important;
}

/* ------------------------------------------------------------
   7. STATIC PAGES WITHOUT THE CUSTOM ABOUT WRAPPER
   Publication Ethics and similar menu pages will now receive
   the same HIFI visual system automatically.
   ------------------------------------------------------------ */

body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .pkp_structure_content,
body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .pkp_structure_main{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .pkp_structure_sidebar{
    display:none!important;
}

body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .pkp_structure_main > .page,
body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .page_static,
body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .page_custom{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 0 58px!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
}

body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .pkp_structure_main h1:first-child,
body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .page_static > h1:first-child,
body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .page_custom > h1:first-child{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    max-width:none!important;
    height:300px!important;
    min-height:300px!important;
    margin:0 0 44px -50vw!important;
    padding:0 max(40px,calc((100vw - 1500px)/2 + 40px))!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    box-sizing:border-box!important;

    color:#fff!important;
    background-image:
      linear-gradient(
        90deg,
        rgba(8,88,67,.84) 0%,
        rgba(8,88,67,.70) 28%,
        rgba(8,88,67,.34) 56%,
        rgba(8,88,67,.06) 100%
      ),
      url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg")!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-color:#174E3B!important;

    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:2.62rem!important;
    line-height:1.04!important;
    font-weight:800!important;
    letter-spacing:-.028em!important;
    text-shadow:0 1px 3px rgba(0,0,0,.25)!important;
    border:0!important;
}

body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .pkp_structure_main h1:first-child:after,
body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .page_static > h1:first-child:after,
body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .page_custom > h1:first-child:after{
    content:"Home  ›  About"!important;
    display:block!important;
    margin-top:12px!important;
    color:#fff!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:.94rem!important;
    line-height:1.42!important;
    font-weight:600!important;
    letter-spacing:0!important;
}

body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .pkp_structure_main > .page > *:not(h1),
body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .page_static > *:not(h1),
body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .page_custom > *:not(h1){
    width:calc(100% - 80px)!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
}

body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .pkp_structure_main h2,
body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .pkp_structure_main h3{
    color:#111!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-weight:800!important;
}

body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .pkp_structure_main p,
body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .pkp_structure_main li{
    color:#202320!important;
    font-family:"Helvetica Neue",Arial,sans-serif!important;
    font-size:.98rem!important;
    line-height:1.58!important;
}

/* ------------------------------------------------------------
   8. TABLET
   ------------------------------------------------------------ */

@media(max-width:1180px) and (min-width:768px){
    body.pkp_page_about .pkp_structure_main > .page > *:not(h1),
    body.pkp_page_about .pkp_structure_main > [class^="page_"] > *:not(h1),
    body.pkp_page_about .pkp_structure_main > [class*=" page_"] > *:not(h1),
    body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .pkp_structure_main > .page > *:not(h1),
    body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .page_static > *:not(h1),
    body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .page_custom > *:not(h1){
        width:calc(100% - 48px)!important;
    }
}

/* ------------------------------------------------------------
   9. MOBILE
   ------------------------------------------------------------ */

@media(max-width:767px){
    body.pkp_page_about .pkp_structure_main > .page > h1:first-child,
    body.pkp_page_about .pkp_structure_main > [class^="page_"] > h1:first-child,
    body.pkp_page_about .pkp_structure_main > [class*=" page_"] > h1:first-child,
    body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .pkp_structure_main h1:first-child,
    body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .page_static > h1:first-child,
    body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .page_custom > h1:first-child{
        height:185px!important;
        min-height:185px!important;
        margin-bottom:28px!important;
        padding-left:15px!important;
        padding-right:15px!important;
        background-position:center center!important;
        font-size:1.90rem!important;
    }

    body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child:before{
        font-size:1.90rem!important;
    }

    body.pkp_page_about .pkp_structure_main > .page > h1:first-child:after,
    body.pkp_page_about .pkp_structure_main > [class^="page_"] > h1:first-child:after,
    body.pkp_page_about .pkp_structure_main > [class*=" page_"] > h1:first-child:after,
    body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .pkp_structure_main h1:first-child:after{
        margin-top:8px!important;
        font-size:.82rem!important;
    }

    body.pkp_page_about .pkp_structure_main > .page > *:not(h1),
    body.pkp_page_about .pkp_structure_main > [class^="page_"] > *:not(h1),
    body.pkp_page_about .pkp_structure_main > [class*=" page_"] > *:not(h1),
    body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .pkp_structure_main > .page > *:not(h1),
    body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .page_static > *:not(h1),
    body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .page_custom > *:not(h1){
        width:calc(100% - 30px)!important;
    }

    body.pkp_page_about .pkp_structure_main h2{
        font-size:1.38rem!important;
    }

    body.pkp_page_about .pkp_structure_main p,
    body.pkp_page_about .pkp_structure_main ul,
    body.pkp_page_about .pkp_structure_main ol,
    body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .pkp_structure_main p,
    body.pkp_page_pages.pkp_op_view:not(:has(.hifi-about-page)):not(:has(.hifi-about-v2)) .pkp_structure_main li{
        font-size:.93rem!important;
        line-height:1.55!important;
    }
}

/* ============================================================
   HIFI ABOUT THE JOURNAL — FINAL
   APPEND TO MASTER CSS
   Does NOT redesign Homepage / Header / Footer / Aims & Scope
   ============================================================ */


/* ============================================================
   1. SMOOTH INTERNAL NAVIGATION
   ============================================================ */

html{
    scroll-behavior:smooth;
}


/* ============================================================
   2. REMOVE NATIVE STATIC-PAGE TITLE
   Only when HIFI About custom layout exists
   ============================================================ */

body:has(.hifi-about-journal-page) .page-header,
body:has(.hifi-about-journal-page) .page_title,
body:has(.hifi-about-journal-page) h1.page_title{
    display:none !important;
}


/* ============================================================
   3. ABOUT HERO
   Same approved image / proportion / green treatment
   ============================================================ */

html body .hifi-about-journal-page .hifi-about-v2-hero{
    position:relative !important;

    width:100vw !important;
    max-width:none !important;

    height:300px !important;
    min-height:300px !important;

    margin:0 0 0 calc(50% - 50vw) !important;
    padding:0 !important;

    overflow:hidden !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(15,90,69,.82) 0%,
            rgba(15,90,69,.56) 30%,
            rgba(15,90,69,.24) 59%,
            rgba(15,90,69,.05) 100%
        ),
        url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg") !important;

    background-size:cover !important;
    background-position:center 52% !important;
    background-repeat:no-repeat !important;

    box-sizing:border-box !important;
}


/* Hero title exactly centred */

html body .hifi-about-journal-page .hifi-about-journal-hero-inner{
    width:calc(100% - 80px) !important;
    max-width:1500px !important;
    height:100% !important;

    margin:0 auto !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;
}


html body .hifi-about-journal-page .hifi-about-journal-hero-inner h1{
    margin:0 !important;
    padding:0 !important;

    color:#FFFFFF !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:2.25rem !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;

    text-align:center !important;

    text-shadow:0 2px 8px rgba(0,0,0,.12) !important;
}


/* ============================================================
   4. MAIN ABOUT LAYOUT
   Same width rhythm as approved Homepage/About
   ============================================================ */

html body .hifi-about-journal-page .hifi-about-v2-shell{
    width:calc(100% - 80px) !important;
    max-width:1500px !important;

    margin:0 auto !important;
    padding:42px 0 64px !important;

    display:grid !important;
    grid-template-columns:270px minmax(0,1fr) !important;
    gap:44px !important;

    align-items:start !important;

    box-sizing:border-box !important;
}


/* ============================================================
   5. INTERNAL ABOUT NAVIGATION
   ============================================================ */

html body .hifi-about-journal-page .hifi-about-toc{
    position:sticky !important;
    top:20px !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:#FFFFFF !important;

    border:1px solid #E0E7E3 !important;

    box-sizing:border-box !important;
}


/* Each navigation item */

html body .hifi-about-journal-page .hifi-about-toc > a{
    position:relative !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:14px !important;

    width:100% !important;
    min-height:58px !important;

    margin:0 !important;
    padding:13px 18px !important;

    box-sizing:border-box !important;

    color:#303834 !important;
    background:#FFFFFF !important;

    border:0 !important;
    border-bottom:1px solid #E1E8E4 !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.78rem !important;
    line-height:1.38 !important;
    font-weight:600 !important;

    text-decoration:none !important;

    transition:
        color .18s ease,
        background .18s ease,
        padding-left .18s ease !important;
}


html body .hifi-about-journal-page .hifi-about-toc > a:last-child{
    border-bottom:0 !important;
}


/* Arrow */

html body .hifi-about-journal-page
.hifi-about-toc > a > span:last-child{
    flex:0 0 auto !important;

    color:#174E3B !important;

    font-size:.88rem !important;
    line-height:1 !important;
    font-weight:700 !important;
}


/* Hover */

html body .hifi-about-journal-page .hifi-about-toc > a:hover,
html body .hifi-about-journal-page .hifi-about-toc > a:focus{
    color:#0F5A45 !important;
    background:#F4F8F6 !important;

    padding-left:21px !important;

    outline:0 !important;
}


/* Default active item: Journal Overview */

html body .hifi-about-journal-page
.hifi-about-toc > a[href="#journal-overview"]{
    color:#0F5A45 !important;
    background:#EEF6F2 !important;
    font-weight:800 !important;
}


/* Gold active accent */

html body .hifi-about-journal-page
.hifi-about-toc > a[href="#journal-overview"]:before{
    content:"" !important;

    position:absolute !important;

    top:0 !important;
    bottom:0 !important;
    left:-1px !important;

    width:3px !important;

    background:#B89A5A !important;
}


/* ============================================================
   6. ACTIVE INTERNAL NAVIGATION AFTER CLICK
   ============================================================ */

/* When any target exists, remove default active presentation */

html body .hifi-about-journal-page:has(.hifi-about-section:target)
.hifi-about-toc > a{
    color:#303834 !important;
    background:#FFFFFF !important;
    font-weight:600 !important;
}


html body .hifi-about-journal-page:has(.hifi-about-section:target)
.hifi-about-toc > a:before{
    display:none !important;
}


/* Selected item */

html body .hifi-about-journal-page:has(#journal-overview:target)
.hifi-about-toc a[href="#journal-overview"],

html body .hifi-about-journal-page:has(#aims-and-scope:target)
.hifi-about-toc a[href="#aims-and-scope"],

html body .hifi-about-journal-page:has(#article-types:target)
.hifi-about-toc a[href="#article-types"],

html body .hifi-about-journal-page:has(#peer-review-process:target)
.hifi-about-toc a[href="#peer-review-process"],

html body .hifi-about-journal-page:has(#editorial-decisions:target)
.hifi-about-toc a[href="#editorial-decisions"],

html body .hifi-about-journal-page:has(#publication-frequency:target)
.hifi-about-toc a[href="#publication-frequency"],

html body .hifi-about-journal-page:has(#open-access-policy:target)
.hifi-about-toc a[href="#open-access-policy"],

html body .hifi-about-journal-page:has(#copyright-apc:target)
.hifi-about-toc a[href="#copyright-apc"]{
    color:#0F5A45 !important;
    background:#EEF6F2 !important;

    font-weight:800 !important;
}


/* Gold accent for clicked item */

html body .hifi-about-journal-page:has(#journal-overview:target)
.hifi-about-toc a[href="#journal-overview"]:before,

html body .hifi-about-journal-page:has(#aims-and-scope:target)
.hifi-about-toc a[href="#aims-and-scope"]:before,

html body .hifi-about-journal-page:has(#article-types:target)
.hifi-about-toc a[href="#article-types"]:before,

html body .hifi-about-journal-page:has(#peer-review-process:target)
.hifi-about-toc a[href="#peer-review-process"]:before,

html body .hifi-about-journal-page:has(#editorial-decisions:target)
.hifi-about-toc a[href="#editorial-decisions"]:before,

html body .hifi-about-journal-page:has(#publication-frequency:target)
.hifi-about-toc a[href="#publication-frequency"]:before,

html body .hifi-about-journal-page:has(#open-access-policy:target)
.hifi-about-toc a[href="#open-access-policy"]:before,

html body .hifi-about-journal-page:has(#copyright-apc:target)
.hifi-about-toc a[href="#copyright-apc"]:before{
    content:"" !important;

    display:block !important;

    position:absolute !important;

    top:0 !important;
    bottom:0 !important;
    left:-1px !important;

    width:3px !important;

    background:#B89A5A !important;
}


/* ============================================================
   7. MAIN CONTENT
   ============================================================ */

html body .hifi-about-journal-page .hifi-about-journal-main{
    min-width:0 !important;
    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}


/* ============================================================
   8. CONTENT SECTIONS
   ============================================================ */

html body .hifi-about-journal-page .hifi-about-section{
    scroll-margin-top:82px !important;

    margin:0 0 42px !important;
    padding:0 0 38px !important;

    border-bottom:1px solid #E1E7E4 !important;
}


html body .hifi-about-journal-page
.hifi-about-section:last-child{
    margin-bottom:0 !important;
    padding-bottom:0 !important;

    border-bottom:0 !important;
}


/* ============================================================
   9. SECTION HEADINGS
   Homepage-consistent typography
   ============================================================ */

html body .hifi-about-journal-page .hifi-about-section h2{
    margin:0 0 22px !important;
    padding:0 !important;

    color:#111111 !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:1.72rem !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    letter-spacing:-.018em !important;
}


/* No old gold underline */

html body .hifi-about-journal-page
.hifi-about-section h2:after{
    display:none !important;
    content:none !important;
}


/* Selected heading */

html body .hifi-about-journal-page
.hifi-about-section:target h2{
    color:#0F5A45 !important;
}


/* ============================================================
   10. BODY TYPOGRAPHY
   Same rhythm as approved Homepage/About
   ============================================================ */

html body .hifi-about-journal-page .hifi-about-section p{
    max-width:none !important;

    margin:0 0 24px !important;
    padding:0 !important;

    color:#202320 !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.98rem !important;
    line-height:1.58 !important;
    font-weight:400 !important;
}


html body .hifi-about-journal-page
.hifi-about-section p:last-child{
    margin-bottom:0 !important;
}


html body .hifi-about-journal-page
.hifi-about-section strong{
    color:#111111 !important;
    font-weight:800 !important;
}


/* ============================================================
   11. LISTS
   ============================================================ */

html body .hifi-about-journal-page .hifi-about-section ul,
html body .hifi-about-journal-page .hifi-about-section ol{
    margin:3px 0 24px 22px !important;
    padding:0 !important;

    color:#202320 !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.98rem !important;
    line-height:1.58 !important;
    font-weight:400 !important;
}


html body .hifi-about-journal-page
.hifi-about-section li{
    margin:0 0 8px !important;
    padding-left:3px !important;
}


/* ============================================================
   12. INTERNAL SCROLL FEEDBACK
   ============================================================ */

html body .hifi-about-journal-page
.hifi-about-section:target{
    animation:hifiAboutSectionFade .42s ease !important;
}


@keyframes hifiAboutSectionFade{

    0%{
        opacity:.62;
    }

    100%{
        opacity:1;
    }

}


/* ============================================================
   13. PRIMARY NAVIGATION DROPDOWN GAP FIX — FINAL
   Remove ONLY the vertical gap between the primary menu and
   its dropdown/mega-menu. No colour, width, typography, or
   submenu structure is changed.
   ============================================================ */

@media (min-width:768px){

    html body .pkp_navigation_primary > li{
        position:relative !important;
    }

    html body .pkp_navigation_primary > li > ul,
    html body .pkp_navigation_primary > li > .dropdown-menu,
    html body .pkp_navigation_primary > li:hover > ul,
    html body .pkp_navigation_primary > li:focus-within > ul{
        top:100% !important;
        margin-top:-24px !important;
        padding-top:0 !important;
        z-index:9999 !important;
    }

    /* Neutralise only spacer offsets inserted by the theme. */
    html body .pkp_navigation_primary > li > ul:before,
    html body .pkp_navigation_primary > li > .dropdown-menu:before{
        margin-top:0 !important;
        padding-top:0 !important;
    }
}


/* ============================================================
   14. TABLET
   ============================================================ */

@media(max-width:1180px){

    html body .hifi-about-journal-page
    .hifi-about-journal-hero-inner,

    html body .hifi-about-journal-page
    .hifi-about-v2-shell{
        width:calc(100% - 48px) !important;
    }


    html body .hifi-about-journal-page
    .hifi-about-v2-shell{
        grid-template-columns:225px minmax(0,1fr) !important;
        gap:32px !important;
    }


    html body .hifi-about-journal-page
    .hifi-about-toc > a{
        padding-left:15px !important;
        padding-right:15px !important;

        font-size:.74rem !important;
    }

}


/* ============================================================
   15. MOBILE
   ============================================================ */

@media(max-width:767px){

    html body .hifi-about-journal-page
    .hifi-about-v2-hero{
        height:185px !important;
        min-height:185px !important;

        background-position:center 50% !important;
    }


    html body .hifi-about-journal-page
    .hifi-about-journal-hero-inner{
        width:calc(100% - 30px) !important;
    }


    html body .hifi-about-journal-page
    .hifi-about-journal-hero-inner h1{
        font-size:1.70rem !important;
    }


    html body .hifi-about-journal-page
    .hifi-about-v2-shell{
        width:calc(100% - 30px) !important;

        grid-template-columns:1fr !important;
        gap:27px !important;

        padding:28px 0 42px !important;
    }


    /* Navigation becomes horizontal */

    html body .hifi-about-journal-page
    .hifi-about-toc{
        position:relative !important;
        top:auto !important;

        display:flex !important;

        width:100% !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        border:0 !important;
        border-bottom:1px solid #E1E8E4 !important;

        -webkit-overflow-scrolling:touch !important;
        scrollbar-width:thin !important;
    }


    html body .hifi-about-journal-page
    .hifi-about-toc > a{
        flex:0 0 auto !important;

        width:auto !important;
        min-height:46px !important;

        padding:10px 14px !important;

        white-space:nowrap !important;

        border-right:1px solid #E1E8E4 !important;
        border-bottom:0 !important;

        font-size:.71rem !important;
    }


    html body .hifi-about-journal-page
    .hifi-about-toc > a > span:last-child{
        display:none !important;
    }


    /* Gold active line on mobile */

    html body .hifi-about-journal-page
    .hifi-about-toc > a[href="#journal-overview"]:before{
        top:auto !important;
        bottom:0 !important;
        left:0 !important;

        width:100% !important;
        height:3px !important;
    }


    html body .hifi-about-journal-page
    .hifi-about-section{
        scroll-margin-top:68px !important;

        margin-bottom:32px !important;
        padding-bottom:28px !important;
    }


    html body .hifi-about-journal-page
    .hifi-about-section h2{
        margin-bottom:18px !important;

        font-size:1.45rem !important;
        line-height:1.17 !important;
    }


    html body .hifi-about-journal-page
    .hifi-about-section p,

    html body .hifi-about-journal-page
    .hifi-about-section ul,

    html body .hifi-about-journal-page
    .hifi-about-section ol{
        font-size:.93rem !important;
        line-height:1.55 !important;
    }

}

/* ============================================================
   HIFI SUBMISSIONS
   Extension of approved About the Journal design
   ============================================================ */


/* ------------------------------------------------------------
   HERO
   Uses exactly the About the Journal hero
   ------------------------------------------------------------ */

html body .hifi-submissions-page .hifi-about-v2-hero{
    height:300px !important;
    min-height:300px !important;
}

html body .hifi-submissions-page
.hifi-about-journal-hero-inner h1{
    color:#fff !important;
}

/* ============================================================
   HIFI ABOUT + SUBMISSIONS
   FINAL LOCKED DESIGN SYSTEM
   ============================================================ */

:root{
    --hifi-green:#0F5A45;
    --hifi-green-dark:#174E3B;
    --hifi-sage:#DCE9E2;
    --hifi-soft:#EEF6F2;
    --hifi-ivory:#F7F4EC;
    --hifi-charcoal:#202320;
    --hifi-muted:#68756F;
    --hifi-gold:#B89A5A;
    --hifi-line:#DDE6E1;
    --hifi-white:#FFFFFF;
}

html{
    scroll-behavior:smooth;
}


/* ============================================================
   1. GLOBAL TYPOGRAPHY LOCK
   Same family as Homepage
   ============================================================ */

html body .hifi-about-journal-page,
html body .hifi-about-journal-page *,
html body .hifi-submissions-page,
html body .hifi-submissions-page *{
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    box-sizing:border-box !important;
}


/* ============================================================
   2. HERO
   ============================================================ */

html body .hifi-about-journal-page .hifi-about-v2-hero{
    position:relative !important;

    width:100vw !important;
    max-width:none !important;

    height:300px !important;
    min-height:300px !important;

    margin:0 0 0 calc(50% - 50vw) !important;
    padding:0 !important;

    overflow:hidden !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(15,90,69,.80) 0%,
            rgba(15,90,69,.58) 30%,
            rgba(15,90,69,.25) 62%,
            rgba(15,90,69,.05) 100%
        ),
        url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg") !important;

    background-size:cover !important;
    background-position:center 52% !important;
    background-repeat:no-repeat !important;
}


/* Hero inner */

html body .hifi-about-journal-page
.hifi-about-journal-hero-inner{
    width:calc(100% - 80px) !important;
    max-width:1500px !important;

    height:100% !important;

    margin:0 auto !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;
}


/* Hero title */

html body .hifi-about-journal-page
.hifi-about-journal-hero-inner h1{
    margin:0 !important;
    padding:0 !important;

    color:#FFFFFF !important;

    font-size:2.15rem !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;

    text-align:center !important;

    text-shadow:0 2px 8px rgba(0,0,0,.14) !important;
}


/* ============================================================
   3. TWO COLUMN PAGE SHELL
   ============================================================ */

html body .hifi-about-journal-page
.hifi-about-v2-shell{
    width:calc(100% - 80px) !important;
    max-width:1500px !important;

    margin:0 auto !important;
    padding:42px 0 64px !important;

    display:grid !important;
    grid-template-columns:270px minmax(0,1fr) !important;

    gap:44px !important;
    align-items:start !important;
}


/* ============================================================
   4. INTERNAL SIDEBAR
   ============================================================ */

html body .hifi-about-journal-page
.hifi-about-toc{
    position:sticky !important;
    top:20px !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:#FFFFFF !important;

    border:1px solid var(--hifi-line) !important;
}


/* Sidebar links */

html body .hifi-about-journal-page
.hifi-about-toc > a{
    position:relative !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:14px !important;

    width:100% !important;
    min-height:60px !important;

    margin:0 !important;
    padding:14px 18px !important;

    color:#303834 !important;
    background:#FFFFFF !important;

    border:0 !important;
    border-bottom:1px solid var(--hifi-line) !important;

    font-size:.82rem !important;
    line-height:1.4 !important;
    font-weight:600 !important;

    text-decoration:none !important;

    transition:
        background .18s ease,
        color .18s ease,
        padding-left .18s ease !important;
}


html body .hifi-about-journal-page
.hifi-about-toc > a:last-child{
    border-bottom:0 !important;
}


html body .hifi-about-journal-page
.hifi-about-toc > a > span:last-child{
    flex:0 0 auto !important;

    color:var(--hifi-green-dark) !important;

    font-size:.90rem !important;
    font-weight:700 !important;
}


/* Active */

html body .hifi-about-journal-page
.hifi-about-toc > a.is-active{
    color:var(--hifi-green) !important;

    background:var(--hifi-soft) !important;

    font-weight:800 !important;
}


html body .hifi-about-journal-page
.hifi-about-toc > a.is-active:before{
    content:"" !important;

    position:absolute !important;

    top:-1px !important;
    bottom:-1px !important;
    left:-1px !important;

    width:3px !important;

    background:var(--hifi-gold) !important;
}


/* Hover */

html body .hifi-about-journal-page
.hifi-about-toc > a:hover,
html body .hifi-about-journal-page
.hifi-about-toc > a:focus{
    color:var(--hifi-green) !important;

    background:#F5F9F7 !important;

    padding-left:21px !important;

    outline:0 !important;
}


/* ============================================================
   5. MAIN CONTENT
   ============================================================ */

html body .hifi-about-journal-page
.hifi-about-journal-main{
    width:100% !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;
}


/* ============================================================
   6. SECTIONS
   ============================================================ */

html body .hifi-about-journal-page
.hifi-about-section{
    scroll-margin-top:80px !important;

    width:100% !important;

    margin:0 0 40px !important;
    padding:0 0 36px !important;

    border-bottom:1px solid var(--hifi-line) !important;
}


html body .hifi-about-journal-page
.hifi-about-section:last-child{
    margin-bottom:0 !important;
    padding-bottom:0 !important;

    border-bottom:0 !important;
}


/* ============================================================
   7. SECTION TITLES
   Same visual language as Homepage
   ============================================================ */

html body .hifi-about-journal-page
.hifi-about-section h2{
    margin:0 0 22px !important;
    padding:0 !important;

    color:#111111 !important;

    font-size:2.15rem !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
}


html body .hifi-about-journal-page
.hifi-about-section h2:after{
    display:none !important;
    content:none !important;
}


/* ============================================================
   8. BODY TEXT
   Homepage typography lock
   ============================================================ */

html body .hifi-about-journal-page
.hifi-about-section p{
    width:100% !important;
    max-width:none !important;

    margin:0 0 25px !important;
    padding:0 !important;

    color:#202320 !important;

    font-size:.98rem !important;
    line-height:1.58 !important;
    font-weight:400 !important;

    letter-spacing:0 !important;

    word-break:normal !important;
    overflow-wrap:normal !important;
}


html body .hifi-about-journal-page
.hifi-about-section p:last-child{
    margin-bottom:0 !important;
}


html body .hifi-about-journal-page
.hifi-about-section strong{
    color:#111111 !important;

    font-weight:800 !important;
}


/* ============================================================
   9. LISTS
   ============================================================ */

html body .hifi-about-journal-page
.hifi-about-section ul,
html body .hifi-about-journal-page
.hifi-about-section ol{
    margin:14px 0 0 !important;
    padding-left:22px !important;

    color:#202320 !important;

    font-size:.98rem !important;
    line-height:1.58 !important;
    font-weight:400 !important;
}


html body .hifi-about-journal-page
.hifi-about-section li{
    margin:0 0 10px !important;
    padding-left:2px !important;

    font-size:.98rem !important;
    line-height:1.58 !important;

    word-break:normal !important;
    overflow-wrap:normal !important;
}


/* ============================================================
   10. SUBMISSION CTA
   ============================================================ */

html body .hifi-submissions-page
.hifi-submission-cta{
    display:flex !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:24px !important;

    width:100% !important;

    margin:20px 0 30px !important;
    padding:20px 22px !important;

    background:#F2F7F4 !important;

    border:1px solid #D8E5DE !important;
    border-left:3px solid var(--hifi-gold) !important;

    border-radius:6px !important;
}


html body .hifi-submissions-page
.hifi-submission-cta-copy{
    flex:1 1 auto !important;
    min-width:0 !important;
}


html body .hifi-submissions-page
.hifi-submission-cta-copy strong{
    display:block !important;

    margin:0 0 6px !important;

    color:var(--hifi-green-dark) !important;

    font-size:.94rem !important;
    line-height:1.35 !important;
    font-weight:800 !important;
}


html body .hifi-submissions-page
.hifi-submission-cta-copy span{
    display:block !important;

    color:#53605A !important;

    font-size:.88rem !important;
    line-height:1.50 !important;
    font-weight:400 !important;
}


/* CTA button */

html body .hifi-submissions-page
.hifi-submit-btn{
    display:inline-flex !important;

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

    flex:0 0 auto !important;

    min-height:48px !important;

    padding:0 23px !important;

    color:#FFFFFF !important;
    background:var(--hifi-green) !important;

    border:1px solid var(--hifi-green) !important;
    border-radius:8px !important;

    box-shadow:none !important;

    font-size:.86rem !important;
    line-height:1 !important;
    font-weight:700 !important;

    text-decoration:none !important;
    white-space:nowrap !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease !important;
}


html body .hifi-submissions-page
.hifi-submit-btn:hover,
html body .hifi-submissions-page
.hifi-submit-btn:focus{
    color:#FFFFFF !important;

    background:var(--hifi-green-dark) !important;
    border-color:var(--hifi-green-dark) !important;

    transform:translateY(-1px) !important;
}


/* ============================================================
   11. DOWNLOAD FILES
   ============================================================ */

html body .hifi-submissions-page
.hifi-download-links{
    width:100% !important;

    margin:20px 0 0 !important;

    border-top:1px solid var(--hifi-line) !important;
}


html body .hifi-submissions-page
.hifi-download-links > a{
    display:grid !important;

    grid-template-columns:
        minmax(210px,.95fr)
        minmax(250px,1.35fr)
        auto !important;

    align-items:center !important;

    gap:24px !important;

    width:100% !important;

    min-height:72px !important;

    margin:0 !important;
    padding:15px 12px !important;

    color:var(--hifi-charcoal) !important;
    background:#FFFFFF !important;

    border:0 !important;
    border-bottom:1px solid var(--hifi-line) !important;

    text-decoration:none !important;

    transition:background .18s ease !important;
}


html body .hifi-submissions-page
.hifi-download-links > a:hover,
html body .hifi-submissions-page
.hifi-download-links > a:focus{
    background:#F7FAF8 !important;
}


/* file name */

html body .hifi-submissions-page
.hifi-doc-name{
    color:var(--hifi-green-dark) !important;

    font-size:.94rem !important;
    line-height:1.4 !important;
    font-weight:800 !important;
}


/* file description */

html body .hifi-submissions-page
.hifi-doc-description{
    color:#68746E !important;

    font-size:.86rem !important;
    line-height:1.45 !important;
    font-weight:400 !important;
}


/* Download button */

html body .hifi-submissions-page
.hifi-doc-action{
    display:inline-flex !important;

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

    min-width:92px !important;
    min-height:40px !important;

    padding:0 15px !important;

    color:var(--hifi-green-dark) !important;
    background:#FFFFFF !important;

    border:1px solid #BFCDC6 !important;
    border-radius:7px !important;

    font-size:.82rem !important;
    line-height:1 !important;
    font-weight:700 !important;
}


html body .hifi-submissions-page
.hifi-download-links > a:hover .hifi-doc-action{
    color:#FFFFFF !important;

    background:var(--hifi-green) !important;
    border-color:var(--hifi-green) !important;
}


/* ============================================================
   12. ONLINE SUBMISSION STEPS
   ============================================================ */

html body .hifi-submissions-page
.hifi-submission-steps{
    width:100% !important;

    margin:24px 0 0 !important;

    border-top:1px solid var(--hifi-line) !important;
}


html body .hifi-submissions-page
.hifi-submission-step{
    display:grid !important;

    grid-template-columns:54px minmax(0,1fr) !important;

    gap:18px !important;

    align-items:start !important;

    width:100% !important;

    margin:0 !important;
    padding:19px 0 !important;

    border-bottom:1px solid var(--hifi-line) !important;
}


/* number */

html body .hifi-submissions-page
.hifi-step-number{
    display:flex !important;

    width:40px !important;
    height:40px !important;

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

    color:var(--hifi-green) !important;
    background:var(--hifi-soft) !important;

    border-radius:50% !important;

    font-size:.72rem !important;
    line-height:1 !important;
    font-weight:800 !important;
}


html body .hifi-submissions-page
.hifi-step-content{
    min-width:0 !important;
}


/* Step heading */

html body .hifi-submissions-page
.hifi-step-content h3{
    margin:0 0 7px !important;
    padding:0 !important;

    color:var(--hifi-green-dark) !important;

    font-size:.98rem !important;
    line-height:1.35 !important;
    font-weight:800 !important;
}


/* Step text */

html body .hifi-submissions-page
.hifi-step-content p{
    margin:0 !important;
    padding:0 !important;

    color:#202320 !important;

    font-size:.98rem !important;
    line-height:1.58 !important;
    font-weight:400 !important;

    word-break:normal !important;
    overflow-wrap:normal !important;
}


/* ============================================================
   13. AFTER SUBMISSION
   ============================================================ */

html body .hifi-submissions-page
.hifi-editorial-flow{
    width:100% !important;

    margin:24px 0 0 !important;
    padding:0 !important;

    border-top:1px solid var(--hifi-line) !important;
}


html body .hifi-submissions-page
.hifi-editorial-step{
    display:grid !important;

    grid-template-columns:54px minmax(0,1fr) !important;

    gap:18px !important;

    align-items:start !important;

    width:100% !important;

    margin:0 !important;
    padding:19px 0 !important;

    border-bottom:1px solid var(--hifi-line) !important;
}


/* Number */

html body .hifi-submissions-page
.hifi-step-no{
    display:flex !important;

    width:40px !important;
    height:40px !important;

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

    color:var(--hifi-green) !important;
    background:var(--hifi-soft) !important;

    border-radius:50% !important;

    font-size:.72rem !important;
    line-height:1 !important;
    font-weight:800 !important;
}


/* Body */

html body .hifi-submissions-page
.hifi-step-body{
    display:block !important;

    width:100% !important;
    min-width:0 !important;
}


/* Heading */

html body .hifi-submissions-page
.hifi-step-body h3{
    display:block !important;

    width:100% !important;

    margin:0 0 7px !important;
    padding:0 !important;

    color:var(--hifi-green-dark) !important;

    font-size:.98rem !important;
    line-height:1.35 !important;
    font-weight:800 !important;
}


/* Text */

html body .hifi-submissions-page
.hifi-step-body p{
    display:block !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    color:#202320 !important;

    font-size:.98rem !important;
    line-height:1.58 !important;
    font-weight:400 !important;

    white-space:normal !important;

    word-break:normal !important;
    overflow-wrap:normal !important;
}


/* ============================================================
   14. LINKS
   ============================================================ */

html body .hifi-about-journal-page
.hifi-about-section a{
    font-family:"Helvetica Neue",Arial,sans-serif !important;
}


/* ============================================================
   15. TABLET
   ============================================================ */

@media(max-width:1180px){

    html body .hifi-about-journal-page
    .hifi-about-journal-hero-inner,

    html body .hifi-about-journal-page
    .hifi-about-v2-shell{
        width:calc(100% - 48px) !important;
    }


    html body .hifi-about-journal-page
    .hifi-about-v2-shell{
        grid-template-columns:225px minmax(0,1fr) !important;

        gap:32px !important;
    }


    html body .hifi-submissions-page
    .hifi-download-links > a{
        grid-template-columns:
            minmax(175px,.9fr)
            minmax(190px,1.2fr)
            auto !important;

        gap:18px !important;
    }

}


/* ============================================================
   16. MOBILE
   ============================================================ */

@media(max-width:767px){

    html body .hifi-about-journal-page
    .hifi-about-v2-hero{
        height:185px !important;
        min-height:185px !important;

        background-position:center 50% !important;
    }


    html body .hifi-about-journal-page
    .hifi-about-journal-hero-inner{
        width:calc(100% - 30px) !important;
    }


    html body .hifi-about-journal-page
    .hifi-about-journal-hero-inner h1{
        font-size:1.65rem !important;
        line-height:1.12 !important;
    }


    html body .hifi-about-journal-page
    .hifi-about-v2-shell{
        width:calc(100% - 30px) !important;

        grid-template-columns:1fr !important;

        gap:26px !important;

        padding:28px 0 42px !important;
    }


    /* Horizontal internal navigation */

    html body .hifi-about-journal-page
    .hifi-about-toc{
        position:relative !important;
        top:auto !important;

        display:flex !important;

        width:100% !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        border:0 !important;
        border-bottom:1px solid var(--hifi-line) !important;

        -webkit-overflow-scrolling:touch !important;
    }


    html body .hifi-about-journal-page
    .hifi-about-toc > a{
        flex:0 0 auto !important;

        width:auto !important;
        min-height:46px !important;

        padding:10px 14px !important;

        white-space:nowrap !important;

        border-right:1px solid var(--hifi-line) !important;
        border-bottom:0 !important;

        font-size:.72rem !important;
    }


    html body .hifi-about-journal-page
    .hifi-about-toc > a > span:last-child{
        display:none !important;
    }


    /* Headings */

    html body .hifi-about-journal-page
    .hifi-about-section h2{
        margin-bottom:18px !important;

        font-size:1.65rem !important;
        line-height:1.12 !important;
    }


    /* Body */

    html body .hifi-about-journal-page
    .hifi-about-section p,

    html body .hifi-about-journal-page
    .hifi-about-section li{
        font-size:.93rem !important;
        line-height:1.55 !important;
    }


    /* CTA */

    html body .hifi-submissions-page
    .hifi-submission-cta{
        flex-direction:column !important;
        align-items:stretch !important;

        gap:15px !important;

        padding:17px !important;
    }


    html body .hifi-submissions-page
    .hifi-submit-btn{
        width:100% !important;
    }


    /* Downloads */

    html body .hifi-submissions-page
    .hifi-download-links > a{
        grid-template-columns:1fr !important;

        gap:7px !important;

        min-height:0 !important;

        padding:15px 10px !important;
    }


    html body .hifi-submissions-page
    .hifi-doc-action{
        width:max-content !important;

        margin-top:5px !important;
    }


    /* Workflows */

    html body .hifi-submissions-page
    .hifi-submission-step,

    html body .hifi-submissions-page
    .hifi-editorial-step{
        grid-template-columns:44px minmax(0,1fr) !important;

        gap:12px !important;
    }


    html body .hifi-submissions-page
    .hifi-step-number,

    html body .hifi-submissions-page
    .hifi-step-no{
        width:34px !important;
        height:34px !important;
    }


    html body .hifi-submissions-page
    .hifi-step-content h3,

    html body .hifi-submissions-page
    .hifi-step-body h3{
        font-size:.93rem !important;
    }


    html body .hifi-submissions-page
    .hifi-step-content p,

    html body .hifi-submissions-page
    .hifi-step-body p{
        font-size:.93rem !important;
        line-height:1.55 !important;
    }

}


/* ============================================================
   17. SMALL MOBILE
   ============================================================ */

@media(max-width:430px){

    html body .hifi-about-journal-page
    .hifi-about-v2-shell{
        width:calc(100% - 24px) !important;
    }

}

/* ============================================================
   HIFI SUBMISSIONS — DOWNLOAD FILES FINAL OVERRIDE v11
   Compatible with the supplied #author-guidelines HTML block.
   APPEND-ONLY PATCH: preserves existing homepage/About styles.
   ============================================================ */

html body .hifi-submissions-page #author-guidelines.hifi-about-section{
    width:100% !important;
    max-width:none !important;
    margin:0 0 40px !important;
    padding:0 0 36px !important;
    border-bottom:1px solid var(--hifi-line,#DDE6E1) !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
}

html body .hifi-submissions-page #author-guidelines.hifi-about-section h2{
    margin:0 0 22px !important;
    padding:0 !important;
    color:#111111 !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:2.15rem !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
}

html body .hifi-submissions-page #author-guidelines.hifi-about-section h2:after{
    display:none !important;
    content:none !important;
}

html body .hifi-submissions-page #author-guidelines.hifi-about-section > p{
    width:100% !important;
    max-width:none !important;
    margin:0 0 18px !important;
    padding:0 !important;
    color:#202320 !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.98rem !important;
    line-height:1.58 !important;
    font-weight:400 !important;
}

html body .hifi-submissions-page #author-guidelines .hifi-download-links{
    position:relative !important;
    z-index:3 !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:22px 0 0 !important;
    padding:0 !important;
    background:#FFFFFF !important;
    border-top:1px solid var(--hifi-line,#DDE6E1) !important;
}

html body .hifi-submissions-page #author-guidelines .hifi-download-links > a.hifi-download-row{
    position:relative !important;
    z-index:4 !important;
    display:grid !important;
    grid-template-columns:minmax(220px,.95fr) minmax(300px,1.35fr) 124px !important;
    align-items:center !important;
    gap:26px !important;
    width:100% !important;
    min-height:88px !important;
    margin:0 !important;
    padding:17px 18px !important;
    color:#202320 !important;
    background:#FFFFFF !important;
    border:0 !important;
    border-bottom:1px solid var(--hifi-line,#DDE6E1) !important;
    border-radius:0 !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    text-decoration:none !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    transition:background .18s ease !important;
}

html body .hifi-submissions-page #author-guidelines .hifi-download-links > a.hifi-download-row:hover,
html body .hifi-submissions-page #author-guidelines .hifi-download-links > a.hifi-download-row:focus{
    color:#202320 !important;
    background:#F7FAF8 !important;
    text-decoration:none !important;
    outline:0 !important;
}

html body .hifi-submissions-page #author-guidelines .hifi-doc-name{
    display:block !important;
    min-width:0 !important;
    color:#0F5A45 !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.98rem !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
    pointer-events:none !important;
}

html body .hifi-submissions-page #author-guidelines .hifi-doc-description{
    display:block !important;
    min-width:0 !important;
    color:#68746E !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.91rem !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    letter-spacing:0 !important;
    pointer-events:none !important;
}

html body .hifi-submissions-page #author-guidelines .hifi-doc-action{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    justify-self:end !important;
    width:118px !important;
    min-width:118px !important;
    height:46px !important;
    min-height:46px !important;
    margin:0 !important;
    padding:0 18px !important;
    color:#0F5A45 !important;
    background:#FFFFFF !important;
    border:1.5px solid #B8CAC1 !important;
    border-radius:10px !important;
    box-shadow:none !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.88rem !important;
    line-height:1 !important;
    font-weight:800 !important;
    text-align:center !important;
    white-space:nowrap !important;
    pointer-events:none !important;
    transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease !important;
}

html body .hifi-submissions-page #author-guidelines .hifi-doc-action:before,
html body .hifi-submissions-page #author-guidelines .hifi-doc-action:after{
    display:none !important;
    content:none !important;
}

html body .hifi-submissions-page #author-guidelines .hifi-download-links > a.hifi-download-row:hover .hifi-doc-action,
html body .hifi-submissions-page #author-guidelines .hifi-download-links > a.hifi-download-row:focus .hifi-doc-action{
    color:#FFFFFF !important;
    background:#0F5A45 !important;
    border-color:#0F5A45 !important;
    transform:translateY(-1px) !important;
}

html body .hifi-submissions-page #author-guidelines .hifi-download-links > a.hifi-download-row:focus-visible{
    outline:2px solid #0F5A45 !important;
    outline-offset:2px !important;
}

@media(max-width:1180px){
    html body .hifi-submissions-page #author-guidelines .hifi-download-links > a.hifi-download-row{
        grid-template-columns:minmax(180px,.9fr) minmax(220px,1.2fr) 116px !important;
        gap:18px !important;
        min-height:82px !important;
        padding:15px 14px !important;
    }
    html body .hifi-submissions-page #author-guidelines .hifi-doc-action{
        width:110px !important;
        min-width:110px !important;
    }
}

@media(max-width:767px){
    html body .hifi-submissions-page #author-guidelines.hifi-about-section h2{
        margin-bottom:18px !important;
        font-size:1.65rem !important;
        line-height:1.12 !important;
    }
    html body .hifi-submissions-page #author-guidelines.hifi-about-section > p{
        margin-bottom:16px !important;
        font-size:.93rem !important;
        line-height:1.55 !important;
    }
    html body .hifi-submissions-page #author-guidelines .hifi-download-links > a.hifi-download-row{
        grid-template-columns:1fr auto !important;
        grid-template-areas:"name action" "description action" !important;
        gap:5px 14px !important;
        min-height:78px !important;
        padding:14px 12px !important;
    }
    html body .hifi-submissions-page #author-guidelines .hifi-doc-name{
        grid-area:name !important;
        font-size:.93rem !important;
    }
    html body .hifi-submissions-page #author-guidelines .hifi-doc-description{
        grid-area:description !important;
        font-size:.82rem !important;
        line-height:1.40 !important;
    }
    html body .hifi-submissions-page #author-guidelines .hifi-doc-action{
        grid-area:action !important;
        width:96px !important;
        min-width:96px !important;
        height:42px !important;
        min-height:42px !important;
        padding:0 12px !important;
        font-size:.80rem !important;
    }
}

@media(max-width:430px){
    html body .hifi-submissions-page #author-guidelines .hifi-download-links > a.hifi-download-row{
        grid-template-columns:1fr !important;
        grid-template-areas:"name" "description" "action" !important;
        gap:7px !important;
        padding:15px 10px !important;
    }
    html body .hifi-submissions-page #author-guidelines .hifi-doc-action{
        justify-self:start !important;
        margin-top:5px !important;
    }
}

/* ============================================================
   HIFI HOMEPAGE — RESTORE LOCK v12
   Scope: homepage only. Restores the last approved homepage
   without changing About the Journal or Submissions.
   ============================================================ */

/* Keep the homepage structure clean and ordered */
html body.page_index_journal .container-homepage-issue,
html body .page_index_journal .container-homepage-issue{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 0 42px !important;
  background:#fff !important;
}

/* Hide the native OJS Current Issue overlay/card that caused the regression */
html body.page_index_journal .homepage-issue-header,
html body.page_index_journal .homepage-issue-current,
html body.page_index_journal .homepage-issue-identifier,
html body.page_index_journal .homepage-issue-published,
html body.page_index_journal .homepage-issue-description-wrapper,
html body.page_index_journal .homepage-issue-description,
html body.page_index_journal .homepage-issue-description-more,
html body.page_index_journal .homepage-issue-galleys,
html body.page_index_journal .homepage-journal-description,
html body.page_index_journal .homepage-description-buttons,
html body .page_index_journal .homepage-issue-header,
html body .page_index_journal .homepage-issue-current,
html body .page_index_journal .homepage-issue-identifier,
html body .page_index_journal .homepage-issue-published,
html body .page_index_journal .homepage-issue-description-wrapper,
html body .page_index_journal .homepage-issue-description,
html body .page_index_journal .homepage-issue-description-more,
html body .page_index_journal .homepage-issue-galleys,
html body .page_index_journal .homepage-journal-description,
html body .page_index_journal .homepage-description-buttons{
  display:none !important;
}

/* Homepage banner — same approved proportion */
html body.page_index_journal .homepage-image,
html body .page_index_journal .homepage-image{
  position:relative !important;
  order:0 !important;
  display:block !important;
  width:100vw !important;
  max-width:none !important;
  height:300px !important;
  min-height:300px !important;
  margin:0 0 0 calc(50% - 50vw) !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#174E3B !important;
}

html body.page_index_journal .homepage-image img,
html body .page_index_journal .homepage-image img{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:300px !important;
  min-height:300px !important;
  margin:0 !important;
  object-fit:cover !important;
  object-position:center 52% !important;
}

/* Additional Content contains the approved Welcome + Current Issue card */
html body.page_index_journal .homepage-additional-content,
html body.page_index_journal .homepage-additional-content.row,
html body .page_index_journal .homepage-additional-content,
html body .page_index_journal .homepage-additional-content.row{
  position:relative !important;
  order:1 !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

html body.page_index_journal .homepage-additional-content > [class*="col-"],
html body .page_index_journal .homepage-additional-content > [class*="col-"]{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  flex:0 0 100% !important;
  margin:0 !important;
  padding:0 !important;
}

/* Never show the obsolete homepage card */
html body.page_index_journal .hifi-v102-hero-card,
html body .page_index_journal .hifi-v102-hero-card{
  display:none !important;
}

/* Welcome content — approved typography and spacing */
html body.page_index_journal .hifi-main-intro,
html body .page_index_journal .hifi-main-intro{
  position:relative !important;
  order:1 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 340px !important;
  gap:56px !important;
  align-items:start !important;
  width:calc(100% - 80px) !important;
  max-width:1500px !important;
  margin:44px auto 48px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  background:#fff !important;
  font-family:"Helvetica Neue",Arial,sans-serif !important;
}

html body.page_index_journal .hifi-main-intro__content,
html body .page_index_journal .hifi-main-intro__content{
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

html body.page_index_journal .hifi-main-intro__content h1,
html body .page_index_journal .hifi-main-intro__content h1{
  margin:0 0 28px !important;
  padding:0 !important;
  color:#111 !important;
  font-family:"Helvetica Neue",Arial,sans-serif !important;
  font-size:2.15rem !important;
  line-height:1.08 !important;
  font-weight:800 !important;
  letter-spacing:-.025em !important;
  white-space:nowrap !important;
}

html body.page_index_journal .hifi-main-intro__content p,
html body .page_index_journal .hifi-main-intro__content p{
  width:100% !important;
  max-width:none !important;
  margin:0 0 25px !important;
  padding:0 !important;
  color:#202320 !important;
  font-family:"Helvetica Neue",Arial,sans-serif !important;
  font-size:.98rem !important;
  line-height:1.58 !important;
  font-weight:400 !important;
}

html body.page_index_journal .hifi-main-intro__content strong,
html body .page_index_journal .hifi-main-intro__content strong{
  color:#111 !important;
  font-weight:800 !important;
}

/* Current Issue card on the right */
html body.page_index_journal .hifi-main-intro__issue,
html body .page_index_journal .hifi-main-intro__issue{
  display:grid !important;
  grid-template-columns:116px minmax(0,1fr) !important;
  gap:22px !important;
  align-items:start !important;
  width:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:24px !important;
  box-sizing:border-box !important;
  background:#F1F2F2 !important;
  border:0 !important;
  border-radius:0 !important;
  font-family:"Helvetica Neue",Arial,sans-serif !important;
}

html body.page_index_journal .hifi-main-intro__issue-label,
html body .page_index_journal .hifi-main-intro__issue-label{
  display:none !important;
}

html body.page_index_journal .hifi-main-intro__issue-cover-link,
html body .page_index_journal .hifi-main-intro__issue-cover-link{
  display:block !important;
  width:116px !important;
  margin:0 !important;
  text-decoration:none !important;
}

html body.page_index_journal .hifi-main-intro__issue-cover,
html body .page_index_journal .hifi-main-intro__issue-cover{
  display:block !important;
  width:116px !important;
  max-width:116px !important;
  height:auto !important;
  margin:0 !important;
  border:1px solid #D5DAD7 !important;
  box-shadow:0 8px 20px rgba(0,0,0,.11) !important;
  object-fit:contain !important;
}

html body.page_index_journal .hifi-main-intro__issue-copy,
html body .page_index_journal .hifi-main-intro__issue-copy{
  min-width:0 !important;
  padding:2px 0 0 !important;
}

html body.page_index_journal .hifi-main-intro__issue-copy h2,
html body .page_index_journal .hifi-main-intro__issue-copy h2{
  margin:0 0 14px !important;
  padding:0 !important;
  color:#111 !important;
  font-family:"Helvetica Neue",Arial,sans-serif !important;
  font-size:1.48rem !important;
  line-height:1.08 !important;
  font-weight:800 !important;
}

html body.page_index_journal .hifi-main-intro__issue-meta,
html body .page_index_journal .hifi-main-intro__issue-meta{
  margin:0 0 16px !important;
  color:#242424 !important;
  font-family:"Helvetica Neue",Arial,sans-serif !important;
  font-size:.95rem !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}

html body.page_index_journal .hifi-main-intro__issue-period,
html body .page_index_journal .hifi-main-intro__issue-period{
  margin:0 0 18px !important;
  color:#454A47 !important;
  font-family:"Helvetica Neue",Arial,sans-serif !important;
  font-size:.88rem !important;
  line-height:1.35 !important;
}

html body.page_index_journal .hifi-main-intro__issue-button,
html body .page_index_journal .hifi-main-intro__issue-button{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  color:#0F5A45 !important;
  font-family:"Helvetica Neue",Arial,sans-serif !important;
  font-size:.90rem !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

/* The removed "HIFI at a Glance" stays removed */
html body.page_index_journal .hifi-minimal,
html body .page_index_journal .hifi-minimal{
  display:none !important;
}

/* Native article list belongs below the custom intro */
html body.page_index_journal .issue-wrapper,
html body .page_index_journal .issue-wrapper{
  position:relative !important;
  order:2 !important;
  display:block !important;
  width:calc(100% - 80px) !important;
  max-width:1500px !important;
  margin:34px auto 0 !important;
  padding:52px 0 0 !important;
  background:#fff !important;
}

html body.page_index_journal .issue-wrapper:before,
html body .page_index_journal .issue-wrapper:before{
  content:"Current Issue Articles" !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:auto !important;
  padding:0 0 10px !important;
  color:#174E3B !important;
  border-bottom:2px solid #B89A5A !important;
  font-family:"Helvetica Neue",Arial,sans-serif !important;
  font-size:1.55rem !important;
  line-height:1.15 !important;
  font-weight:800 !important;
}

html body.page_index_journal .issue-wrapper > [class*="col-"],
html body .page_index_journal .issue-wrapper > [class*="col-"]{
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
  padding:0 !important;
}

html body.page_index_journal .container-homepage-issue > .text-center,
html body .page_index_journal .container-homepage-issue > .text-center{
  order:3 !important;
  width:calc(100% - 80px) !important;
  max-width:1500px !important;
  margin:12px auto 26px !important;
  padding:0 !important;
  text-align:right !important;
}

html body.page_index_journal .container-homepage-issue > .text-center .btn,
html body .page_index_journal .container-homepage-issue > .text-center .btn{
  display:inline-flex !important;
  min-height:48px !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 22px !important;
  color:#232A27 !important;
  background:#fff !important;
  border:1px solid #AAB0AD !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-family:"Helvetica Neue",Arial,sans-serif !important;
  font-size:.92rem !important;
  font-weight:500 !important;
}

/* Tablet */
@media(max-width:1180px){
  html body.page_index_journal .hifi-main-intro,
  html body .page_index_journal .hifi-main-intro,
  html body.page_index_journal .issue-wrapper,
  html body .page_index_journal .issue-wrapper,
  html body.page_index_journal .container-homepage-issue > .text-center,
  html body .page_index_journal .container-homepage-issue > .text-center{
    width:calc(100% - 48px) !important;
  }

  html body.page_index_journal .hifi-main-intro,
  html body .page_index_journal .hifi-main-intro{
    grid-template-columns:minmax(0,1fr) 310px !important;
    gap:36px !important;
  }

  html body.page_index_journal .hifi-main-intro__content h1,
  html body .page_index_journal .hifi-main-intro__content h1{
    font-size:1.78rem !important;
    white-space:normal !important;
  }

  html body.page_index_journal .hifi-main-intro__issue,
  html body .page_index_journal .hifi-main-intro__issue{
    grid-template-columns:100px minmax(0,1fr) !important;
    gap:18px !important;
    padding:20px !important;
  }

  html body.page_index_journal .hifi-main-intro__issue-cover-link,
  html body.page_index_journal .hifi-main-intro__issue-cover,
  html body .page_index_journal .hifi-main-intro__issue-cover-link,
  html body .page_index_journal .hifi-main-intro__issue-cover{
    width:100px !important;
    max-width:100px !important;
  }
}

/* Mobile */
@media(max-width:767px){
  html body.page_index_journal .homepage-image,
  html body.page_index_journal .homepage-image img,
  html body .page_index_journal .homepage-image,
  html body .page_index_journal .homepage-image img{
    height:185px !important;
    min-height:185px !important;
  }

  html body.page_index_journal .hifi-main-intro,
  html body .page_index_journal .hifi-main-intro{
    width:calc(100% - 28px) !important;
    grid-template-columns:1fr !important;
    gap:26px !important;
    margin:30px auto 38px !important;
  }

  html body.page_index_journal .hifi-main-intro__content h1,
  html body .page_index_journal .hifi-main-intro__content h1{
    margin-bottom:22px !important;
    font-size:1.65rem !important;
    line-height:1.12 !important;
    white-space:normal !important;
  }

  html body.page_index_journal .hifi-main-intro__content p,
  html body .page_index_journal .hifi-main-intro__content p{
    margin-bottom:20px !important;
    font-size:.93rem !important;
    line-height:1.55 !important;
  }

  html body.page_index_journal .hifi-main-intro__issue,
  html body .page_index_journal .hifi-main-intro__issue{
    grid-template-columns:92px minmax(0,1fr) !important;
    gap:17px !important;
    padding:18px !important;
  }

  html body.page_index_journal .hifi-main-intro__issue-cover-link,
  html body.page_index_journal .hifi-main-intro__issue-cover,
  html body .page_index_journal .hifi-main-intro__issue-cover-link,
  html body .page_index_journal .hifi-main-intro__issue-cover{
    width:92px !important;
    max-width:92px !important;
  }

  html body.page_index_journal .issue-wrapper,
  html body .page_index_journal .issue-wrapper,
  html body.page_index_journal .container-homepage-issue > .text-center,
  html body .page_index_journal .container-homepage-issue > .text-center{
    width:calc(100% - 28px) !important;
  }

  html body.page_index_journal .issue-wrapper:before,
  html body .page_index_journal .issue-wrapper:before{
    font-size:1.35rem !important;
  }
}

/* ============================================================
   HIFI SUBMISSIONS — DOWNLOAD BUTTON HOVER FIX v13
   ============================================================ */

html body .hifi-submissions-page #author-guidelines .hifi-download-links > a.hifi-download-row{
  cursor:pointer !important;
  pointer-events:auto !important;
}

html body .hifi-submissions-page #author-guidelines .hifi-doc-action{
  pointer-events:auto !important;
  cursor:pointer !important;

  transition:
    background-color .18s ease,
    color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease !important;
}

/* Hover pada seluruh baris */
html body .hifi-submissions-page #author-guidelines
.hifi-download-links > a.hifi-download-row:hover > .hifi-doc-action,

html body .hifi-submissions-page #author-guidelines
.hifi-download-links > a.hifi-download-row:focus > .hifi-doc-action,

html body .hifi-submissions-page #author-guidelines
.hifi-download-links > a.hifi-download-row:focus-visible > .hifi-doc-action,

html body .hifi-submissions-page #author-guidelines
.hifi-download-links > a.hifi-download-row:hover span.hifi-doc-action,

html body .hifi-submissions-page #author-guidelines
.hifi-download-links > a.hifi-download-row:focus span.hifi-doc-action{
  color:#FFFFFF !important;
  background:#0F5A45 !important;
  background-color:#0F5A45 !important;
  border-color:#0F5A45 !important;

  box-shadow:0 5px 14px rgba(15,90,69,.15) !important;
  transform:translateY(-1px) !important;
}

/* Hover langsung pada tombol */
html body .hifi-submissions-page #author-guidelines .hifi-doc-action:hover,
html body .hifi-submissions-page #author-guidelines .hifi-doc-action:focus{
  color:#FFFFFF !important;
  background:#0F5A45 !important;
  background-color:#0F5A45 !important;
  border-color:#0F5A45 !important;

  box-shadow:0 5px 14px rgba(15,90,69,.15) !important;
  transform:translateY(-1px) !important;
}

/* Feedback ringan pada baris */
html body .hifi-submissions-page #author-guidelines
.hifi-download-links > a.hifi-download-row:hover,

html body .hifi-submissions-page #author-guidelines
.hifi-download-links > a.hifi-download-row:focus{
  background:#F7FAF8 !important;
}


/* ============================================================
   HIFI PRIVACY STATEMENT — FINAL FORCE FIX
   APPEND-ONLY PATCH
   Requires: <div class="hifi-privacy-page"> ... </div>
   Does NOT change homepage / About / Submissions / header / footer.
   ============================================================ */

/* 1. Reset OJS/Health Sciences wrappers ONLY on Privacy custom page */
html body:has(.hifi-privacy-page) .pkp_structure_content,
html body:has(.hifi-privacy-page) .pkp_structure_main{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

html body:has(.hifi-privacy-page) .pkp_structure_sidebar{
    display:none !important;
}

html body:has(.hifi-privacy-page) .pkp_structure_main > .page,
html body:has(.hifi-privacy-page) .pkp_structure_main > .page_static,
html body:has(.hifi-privacy-page) .pkp_structure_main > .page_custom,
html body:has(.hifi-privacy-page) .page,
html body:has(.hifi-privacy-page) .page_static,
html body:has(.hifi-privacy-page) .page_custom{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    background:#FFFFFF !important;
}

/* 2. Hide ONLY the native OJS Privacy page heading/separator */
html body:has(.hifi-privacy-page) .pkp_structure_main > h1:first-child,
html body:has(.hifi-privacy-page) .pkp_structure_main > .page > h1:first-child,
html body:has(.hifi-privacy-page) .page_static > h1:first-child,
html body:has(.hifi-privacy-page) .page_custom > h1:first-child,
html body:has(.hifi-privacy-page) .page_title,
html body:has(.hifi-privacy-page) .page-header:first-child{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}

html body:has(.hifi-privacy-page) .pkp_structure_main > hr:first-of-type,
html body:has(.hifi-privacy-page) .pkp_structure_main > .page > hr:first-of-type,
html body:has(.hifi-privacy-page) .page_static > hr:first-of-type,
html body:has(.hifi-privacy-page) .page_custom > hr:first-of-type{
    display:none !important;
}

/* 3. Neutralise the old generic static-page width rule for this wrapper */
html body:has(.hifi-privacy-page) .pkp_structure_main > .page > .hifi-privacy-page,
html body:has(.hifi-privacy-page) .page_static > .hifi-privacy-page,
html body:has(.hifi-privacy-page) .page_custom > .hifi-privacy-page,
html body .hifi-privacy-page{
    position:relative !important;
    left:50% !important;
    width:100vw !important;
    max-width:none !important;
    margin:0 0 0 -50vw !important;
    padding:0 0 64px !important;
    box-sizing:border-box !important;
    background:#FFFFFF !important;
    color:#202320 !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
}

html body .hifi-privacy-page *{
    box-sizing:border-box !important;
}

/* 4. Privacy hero — same image family and green treatment as About */
html body .hifi-privacy-page .hifi-privacy-hero{
    position:relative !important;
    width:100% !important;
    height:300px !important;
    min-height:300px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;

    background-image:
      linear-gradient(
        90deg,
        rgba(8,88,67,.82) 0%,
        rgba(8,88,67,.68) 28%,
        rgba(8,88,67,.34) 55%,
        rgba(8,88,67,.08) 100%
      ),
      url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg") !important;

    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-color:#174E3B !important;
}

html body .hifi-privacy-page .hifi-privacy-hero-inner{
    width:calc(100% - 80px) !important;
    max-width:1500px !important;
    height:100% !important;
    margin:0 auto !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

html body .hifi-privacy-page .hifi-privacy-hero h1{
    margin:0 !important;
    padding:0 !important;

    color:#FFFFFF !important;
    background:transparent !important;
    border:0 !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:2.35rem !important;
    line-height:1.05 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
    text-align:center !important;
    text-shadow:0 1px 3px rgba(0,0,0,.24) !important;
}

html body .hifi-privacy-page .hifi-privacy-hero h1:before,
html body .hifi-privacy-page .hifi-privacy-hero h1:after{
    display:none !important;
    content:none !important;
}

/* 5. Main Privacy content — same HIFI typography/rhythm */
html body .hifi-privacy-page .hifi-privacy-inner{
    width:calc(100% - 80px) !important;
    max-width:1500px !important;
    margin:0 auto !important;
    padding:44px 0 0 !important;
}

html body .hifi-privacy-page .hifi-privacy-section{
    width:100% !important;
    max-width:1120px !important;
    margin:0 auto 34px !important;
    padding:0 0 30px !important;
    border-bottom:1px solid #E7EEEA !important;
    background:#FFFFFF !important;
}

html body .hifi-privacy-page .hifi-privacy-section:last-child{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
    border-bottom:0 !important;
}

html body .hifi-privacy-page .hifi-privacy-section h2{
    margin:0 0 16px !important;
    padding:0 !important;

    color:#111111 !important;
    background:transparent !important;
    border:0 !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:1.42rem !important;
    line-height:1.18 !important;
    font-weight:800 !important;
    letter-spacing:-.015em !important;
    text-align:left !important;
}

html body .hifi-privacy-page .hifi-privacy-section h2:before,
html body .hifi-privacy-page .hifi-privacy-section h2:after{
    display:none !important;
    content:none !important;
}

html body .hifi-privacy-page .hifi-privacy-section p{
    width:100% !important;
    max-width:none !important;
    margin:0 0 20px !important;
    padding:0 !important;

    color:#202320 !important;
    background:transparent !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.98rem !important;
    line-height:1.58 !important;
    font-weight:400 !important;
    letter-spacing:0 !important;
    text-align:left !important;
}

html body .hifi-privacy-page .hifi-privacy-section p:last-child{
    margin-bottom:0 !important;
}

html body .hifi-privacy-page .hifi-privacy-section strong{
    color:#111111 !important;
    font-weight:800 !important;
}

html body .hifi-privacy-page .hifi-privacy-section a{
    color:#0F5A45 !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

html body .hifi-privacy-page .hifi-privacy-section a:hover,
html body .hifi-privacy-page .hifi-privacy-section a:focus{
    color:#174E3B !important;
    text-decoration:underline !important;
}

/* 6. Tablet */
@media(max-width:1180px){
    html body .hifi-privacy-page .hifi-privacy-hero-inner,
    html body .hifi-privacy-page .hifi-privacy-inner{
        width:calc(100% - 48px) !important;
    }
}

/* 7. Mobile */
@media(max-width:767px){
    html body .hifi-privacy-page .hifi-privacy-hero{
        height:185px !important;
        min-height:185px !important;
        background-position:center center !important;
    }

    html body .hifi-privacy-page .hifi-privacy-hero-inner,
    html body .hifi-privacy-page .hifi-privacy-inner{
        width:calc(100% - 30px) !important;
    }

    html body .hifi-privacy-page .hifi-privacy-hero h1{
        font-size:1.80rem !important;
    }

    html body .hifi-privacy-page .hifi-privacy-inner{
        padding-top:28px !important;
    }

    html body .hifi-privacy-page .hifi-privacy-section{
        margin-bottom:26px !important;
        padding-bottom:24px !important;
    }

    html body .hifi-privacy-page .hifi-privacy-section h2{
        margin-bottom:14px !important;
        font-size:1.24rem !important;
    }

    html body .hifi-privacy-page .hifi-privacy-section p{
        margin-bottom:18px !important;
        font-size:.93rem !important;
        line-height:1.56 !important;
    }
}

/* ============================================================
   HIFI PRIVACY STATEMENT — REMOVE GAP BELOW HEADER
   FINAL SCOPED PATCH
   Only affects the custom Privacy Statement page.
   ============================================================ */

@media (min-width:768px){

    html body:has(.hifi-privacy-page) .pkp_structure_content,
    html body:has(.hifi-privacy-page) .pkp_structure_main,
    html body:has(.hifi-privacy-page) .pkp_structure_main > .page,
    html body:has(.hifi-privacy-page) .page_static,
    html body:has(.hifi-privacy-page) .page_custom{
        margin-top:0 !important;
        padding-top:0 !important;
    }

    html body .hifi-privacy-page{
        margin-top:-64px !important;
    }
}

@media (max-width:767px){

    html body .hifi-privacy-page{
        margin-top:0 !important;
    }
}

/* ============================================================
   HIFI FINAL OVERRIDE — UNIFIED STATIC PAGE HERO v14
   Scope:
   - About the Journal
   - Submissions (custom + native OJS /about/submissions)
   - Privacy Statement

   Goal:
   1. Use EXACTLY the same panorama image on all three pages
   2. Use EXACTLY the same green overlay on all three pages
   3. Use EXACTLY the same desktop/mobile hero height
   4. Use the same crop (center center)
   5. Keep titles centred, white, bold and homepage-consistent
   6. Do NOT alter homepage, footer, article pages or other menus
   ============================================================ */

:root{
    --hifi-static-hero-image:url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg");
    --hifi-static-hero-height:300px;
    --hifi-static-hero-mobile-height:185px;
    --hifi-static-hero-green:#174E3B;
    --hifi-static-hero-overlay:linear-gradient(
        90deg,
        rgba(8,88,67,.82) 0%,
        rgba(8,88,67,.68) 28%,
        rgba(8,88,67,.34) 55%,
        rgba(8,88,67,.08) 100%
    );
}

/* ------------------------------------------------------------
   1. ABOUT THE JOURNAL + CUSTOM SUBMISSIONS
   Same full-bleed geometry and exact Privacy background treatment
   ------------------------------------------------------------ */

html body .hifi-about-journal-page .hifi-about-v2-hero,
html body .hifi-submissions-page .hifi-about-v2-hero{
    position:relative !important;
    left:50% !important;
    width:100vw !important;
    max-width:none !important;

    height:var(--hifi-static-hero-height) !important;
    min-height:var(--hifi-static-hero-height) !important;

    margin:0 0 0 -50vw !important;
    padding:0 !important;
    overflow:hidden !important;

    background-image:
        var(--hifi-static-hero-overlay),
        var(--hifi-static-hero-image) !important;
    background-color:var(--hifi-static-hero-green) !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    box-sizing:border-box !important;
}

/* Same centred title placement */
html body .hifi-about-journal-page .hifi-about-journal-hero-inner,
html body .hifi-submissions-page .hifi-about-journal-hero-inner{
    width:calc(100% - 80px) !important;
    max-width:1500px !important;
    height:100% !important;
    margin:0 auto !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}

html body .hifi-about-journal-page .hifi-about-journal-hero-inner h1,
html body .hifi-submissions-page .hifi-about-journal-hero-inner h1{
    margin:0 !important;
    padding:0 !important;
    color:#FFFFFF !important;
    background:transparent !important;
    border:0 !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:2.35rem !important;
    line-height:1.05 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
    text-align:center !important;
    text-shadow:0 1px 3px rgba(0,0,0,.24) !important;
}

/* ------------------------------------------------------------
   2. PRIVACY STATEMENT
   Locked as the visual reference for About + Submissions
   ------------------------------------------------------------ */

html body .hifi-privacy-page .hifi-privacy-hero{
    position:relative !important;
    width:100% !important;
    max-width:none !important;

    height:var(--hifi-static-hero-height) !important;
    min-height:var(--hifi-static-hero-height) !important;

    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;

    background-image:
        var(--hifi-static-hero-overlay),
        var(--hifi-static-hero-image) !important;
    background-color:var(--hifi-static-hero-green) !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}

html body .hifi-privacy-page .hifi-privacy-hero-inner{
    width:calc(100% - 80px) !important;
    max-width:1500px !important;
    height:100% !important;
    margin:0 auto !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}

html body .hifi-privacy-page .hifi-privacy-hero h1{
    margin:0 !important;
    padding:0 !important;
    color:#FFFFFF !important;
    background:transparent !important;
    border:0 !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:2.35rem !important;
    line-height:1.05 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
    text-align:center !important;
    text-shadow:0 1px 3px rgba(0,0,0,.24) !important;
}

/* ------------------------------------------------------------
   3. NATIVE OJS /about/submissions FALLBACK
   If the native Submissions page is still used, make it visually
   identical to Privacy Statement as well.
   ------------------------------------------------------------ */

body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child{
    position:relative !important;
    left:50% !important;
    width:100vw !important;
    max-width:none !important;

    height:var(--hifi-static-hero-height) !important;
    min-height:var(--hifi-static-hero-height) !important;

    margin:0 0 44px -50vw !important;
    padding:0 40px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;

    overflow:hidden !important;
    box-sizing:border-box !important;

    color:#FFFFFF !important;
    background-image:
        var(--hifi-static-hero-overlay),
        var(--hifi-static-hero-image) !important;
    background-color:var(--hifi-static-hero-green) !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    border:0 !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:2.35rem !important;
    line-height:1.05 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
    text-shadow:0 1px 3px rgba(0,0,0,.24) !important;
}

/* Remove the old pseudo-breadcrumb so the native Submissions hero
   matches the clean About/Privacy hero presentation. */
body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child:after{
    display:none !important;
    content:none !important;
    margin:0 !important;
    padding:0 !important;
}

/* ------------------------------------------------------------
   4. TABLET
   ------------------------------------------------------------ */

@media(max-width:1180px){
    html body .hifi-about-journal-page .hifi-about-journal-hero-inner,
    html body .hifi-submissions-page .hifi-about-journal-hero-inner,
    html body .hifi-privacy-page .hifi-privacy-hero-inner{
        width:calc(100% - 48px) !important;
    }
}

/* ------------------------------------------------------------
   5. MOBILE
   Same compact mobile geometry across all three pages
   ------------------------------------------------------------ */

@media(max-width:767px){
    html body .hifi-about-journal-page .hifi-about-v2-hero,
    html body .hifi-submissions-page .hifi-about-v2-hero,
    html body .hifi-privacy-page .hifi-privacy-hero,
    body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child{
        height:var(--hifi-static-hero-mobile-height) !important;
        min-height:var(--hifi-static-hero-mobile-height) !important;
        background-position:center center !important;
    }

    html body .hifi-about-journal-page .hifi-about-journal-hero-inner,
    html body .hifi-submissions-page .hifi-about-journal-hero-inner,
    html body .hifi-privacy-page .hifi-privacy-hero-inner{
        width:calc(100% - 30px) !important;
    }

    html body .hifi-about-journal-page .hifi-about-journal-hero-inner h1,
    html body .hifi-submissions-page .hifi-about-journal-hero-inner h1,
    html body .hifi-privacy-page .hifi-privacy-hero h1,
    body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child{
        font-size:1.80rem !important;
        line-height:1.10 !important;
    }
}

/* ============================================================
   HIFI INTERNAL HERO — FINAL FIX v15
   MASTER VISUAL REFERENCE: PRIVACY STATEMENT

   IMPORTANT:
   - About the Journal, Submissions, and Privacy Statement use
     EXACTLY the same image, green overlay, crop, height and title.
   - This block intentionally neutralises older generic
     .hifi-about-v2-hero pseudo overlays that caused About and
     Submissions to look darker than Privacy Statement.
   - Homepage, footer, article pages and page-body layouts remain
     unchanged.
   ============================================================ */

:root{
    --hifi-internal-hero-image:url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg");
    --hifi-internal-hero-height:300px;
    --hifi-internal-hero-mobile-height:185px;
    --hifi-internal-hero-green:#174E3B;
    --hifi-internal-hero-overlay:linear-gradient(
        90deg,
        rgba(8,88,67,.82) 0%,
        rgba(8,88,67,.68) 28%,
        rgba(8,88,67,.34) 55%,
        rgba(8,88,67,.08) 100%
    );
}

/* ============================================================
   1. FULL-BLEED PAGE WRAPPERS
   Mirror the working Privacy Statement geometry.
   ============================================================ */

html body .hifi-about-journal-page,
html body .hifi-submissions-page,
html body .hifi-privacy-page{
    position:relative !important;
    left:50% !important;
    width:100vw !important;
    max-width:none !important;
    margin-left:-50vw !important;
    margin-right:0 !important;
    padding-bottom:64px !important;
    box-sizing:border-box !important;
    background:#FFFFFF !important;
}

/* Remove OJS/static-page residue above the custom pages. */
html body:has(.hifi-about-journal-page) .pkp_structure_content,
html body:has(.hifi-about-journal-page) .pkp_structure_main,
html body:has(.hifi-submissions-page) .pkp_structure_content,
html body:has(.hifi-submissions-page) .pkp_structure_main,
html body:has(.hifi-privacy-page) .pkp_structure_content,
html body:has(.hifi-privacy-page) .pkp_structure_main{
    margin-top:0 !important;
    padding-top:0 !important;
}

html body:has(.hifi-about-journal-page) .pkp_structure_main > .page,
html body:has(.hifi-about-journal-page) .page_static,
html body:has(.hifi-about-journal-page) .page_custom,
html body:has(.hifi-submissions-page) .pkp_structure_main > .page,
html body:has(.hifi-submissions-page) .page_static,
html body:has(.hifi-submissions-page) .page_custom,
html body:has(.hifi-privacy-page) .pkp_structure_main > .page,
html body:has(.hifi-privacy-page) .page_static,
html body:has(.hifi-privacy-page) .page_custom{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

/* ============================================================
   2. EXACT PRIVACY-STATEMENT HERO MASTER
   The declarations below are intentionally identical for all
   three custom internal pages.
   ============================================================ */

html body .hifi-about-journal-page .hifi-about-v2-hero,
html body .hifi-submissions-page .hifi-about-v2-hero,
html body .hifi-privacy-page .hifi-privacy-hero{
    position:relative !important;
    left:auto !important;

    display:block !important;

    width:100% !important;
    max-width:none !important;

    height:var(--hifi-internal-hero-height) !important;
    min-height:var(--hifi-internal-hero-height) !important;
    max-height:var(--hifi-internal-hero-height) !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    background-image:
        var(--hifi-internal-hero-overlay),
        var(--hifi-internal-hero-image) !important;

    background-color:var(--hifi-internal-hero-green) !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    box-sizing:border-box !important;
}

/* CRITICAL FIX:
   Older CSS created a second green ::before overlay on every
   .hifi-about-v2-hero. Disable it for About and Submissions so
   their colour is EXACTLY the same as Privacy Statement. */
html body .hifi-about-journal-page .hifi-about-v2-hero:before,
html body .hifi-about-journal-page .hifi-about-v2-hero:after,
html body .hifi-submissions-page .hifi-about-v2-hero:before,
html body .hifi-submissions-page .hifi-about-v2-hero:after,
html body .hifi-privacy-page .hifi-privacy-hero:before,
html body .hifi-privacy-page .hifi-privacy-hero:after{
    display:none !important;
    content:none !important;
    background:none !important;
    opacity:0 !important;
}

/* ============================================================
   3. HERO INNER — EXACT SAME POSITION
   ============================================================ */

html body .hifi-about-journal-page .hifi-about-journal-hero-inner,
html body .hifi-submissions-page .hifi-about-journal-hero-inner,
html body .hifi-privacy-page .hifi-privacy-hero-inner{
    position:relative !important;
    z-index:2 !important;

    width:calc(100% - 80px) !important;
    max-width:1500px !important;
    height:100% !important;

    margin:0 auto !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;
    box-sizing:border-box !important;
}

/* ============================================================
   4. HERO TITLE — EXACT PRIVACY TYPOGRAPHY
   ============================================================ */

html body .hifi-about-journal-page .hifi-about-journal-hero-inner h1,
html body .hifi-submissions-page .hifi-about-journal-hero-inner h1,
html body .hifi-privacy-page .hifi-privacy-hero h1{
    position:relative !important;
    z-index:2 !important;

    margin:0 !important;
    padding:0 !important;

    color:#FFFFFF !important;
    background:transparent !important;
    border:0 !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:2.35rem !important;
    line-height:1.05 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;

    text-align:center !important;
    text-shadow:0 1px 3px rgba(0,0,0,.24) !important;
}

html body .hifi-about-journal-page .hifi-about-journal-hero-inner h1:before,
html body .hifi-about-journal-page .hifi-about-journal-hero-inner h1:after,
html body .hifi-submissions-page .hifi-about-journal-hero-inner h1:before,
html body .hifi-submissions-page .hifi-about-journal-hero-inner h1:after,
html body .hifi-privacy-page .hifi-privacy-hero h1:before,
html body .hifi-privacy-page .hifi-privacy-hero h1:after{
    display:none !important;
    content:none !important;
}

/* About/Submissions clean hero: no breadcrumb or legacy helper text. */
html body .hifi-about-journal-page .hifi-about-breadcrumb,
html body .hifi-about-journal-page .hifi-about-v2-breadcrumb,
html body .hifi-submissions-page .hifi-about-breadcrumb,
html body .hifi-submissions-page .hifi-about-v2-breadcrumb,
html body .hifi-submissions-page .hifi-submissions-breadcrumb,
html body .hifi-privacy-page .hifi-privacy-breadcrumb{
    display:none !important;
}

/* ============================================================
   5. SAME TOP-GAP BEHAVIOUR AS THE WORKING PRIVACY PAGE
   ============================================================ */

@media(min-width:768px){
    html body .hifi-about-journal-page,
    html body .hifi-submissions-page,
    html body .hifi-privacy-page{
        margin-top:-64px !important;
    }
}

/* ============================================================
   6. NATIVE OJS /about/submissions FALLBACK
   Keep only as a fallback if the built-in submissions page is
   opened instead of the custom HIFI submissions wrapper.
   ============================================================ */

body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child{
    position:relative !important;
    left:50% !important;

    width:100vw !important;
    max-width:none !important;

    height:var(--hifi-internal-hero-height) !important;
    min-height:var(--hifi-internal-hero-height) !important;
    max-height:var(--hifi-internal-hero-height) !important;

    margin:0 0 44px -50vw !important;
    padding:0 40px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    overflow:hidden !important;
    box-sizing:border-box !important;

    color:#FFFFFF !important;
    background-image:
        var(--hifi-internal-hero-overlay),
        var(--hifi-internal-hero-image) !important;
    background-color:var(--hifi-internal-hero-green) !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:2.35rem !important;
    line-height:1.05 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
    text-align:center !important;
    text-shadow:0 1px 3px rgba(0,0,0,.24) !important;
}

body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child:before,
body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child:after{
    display:none !important;
    content:none !important;
}

/* ============================================================
   7. TABLET
   ============================================================ */

@media(max-width:1180px){
    html body .hifi-about-journal-page .hifi-about-journal-hero-inner,
    html body .hifi-submissions-page .hifi-about-journal-hero-inner,
    html body .hifi-privacy-page .hifi-privacy-hero-inner{
        width:calc(100% - 48px) !important;
    }
}

/* ============================================================
   8. MOBILE — SAME SIZE/CROP/TITLE ON ALL THREE PAGES
   ============================================================ */

@media(max-width:767px){
    html body .hifi-about-journal-page,
    html body .hifi-submissions-page,
    html body .hifi-privacy-page{
        margin-top:0 !important;
    }

    html body .hifi-about-journal-page .hifi-about-v2-hero,
    html body .hifi-submissions-page .hifi-about-v2-hero,
    html body .hifi-privacy-page .hifi-privacy-hero,
    body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child{
        height:var(--hifi-internal-hero-mobile-height) !important;
        min-height:var(--hifi-internal-hero-mobile-height) !important;
        max-height:var(--hifi-internal-hero-mobile-height) !important;
        background-position:center center !important;
    }

    html body .hifi-about-journal-page .hifi-about-journal-hero-inner,
    html body .hifi-submissions-page .hifi-about-journal-hero-inner,
    html body .hifi-privacy-page .hifi-privacy-hero-inner{
        width:calc(100% - 30px) !important;
    }

    html body .hifi-about-journal-page .hifi-about-journal-hero-inner h1,
    html body .hifi-submissions-page .hifi-about-journal-hero-inner h1,
    html body .hifi-privacy-page .hifi-privacy-hero h1,
    body.pkp_page_about.pkp_op_submissions .page_submissions > h1:first-child{
        font-size:1.80rem !important;
        line-height:1.10 !important;
    }
}


/* ============================================================
   HIFI CONTACT PAGE — FINAL UNIFIED VISUAL v16
   MASTER VISUAL REFERENCE: Privacy Statement

   PURPOSE
   1. Make native OJS Contact page visually identical to the
      approved About / Submissions / Privacy internal-page system.
   2. Use the exact same panorama, green overlay, crop and height.
   3. Remove native breadcrumb/gap and centre the Contact title.
   4. Keep contact information clean and responsive.
   5. Display Principal Contact as "Alif Razaq Aryadi".

   Scope: body.pkp_page_about.pkp_op_contact ONLY
   Homepage / About / Submissions / Privacy / Footer untouched.
   ============================================================ */

/* ------------------------------------------------------------
   1. CONTACT PAGE RESET — REMOVE NATIVE GAP / SIDEBAR
   ------------------------------------------------------------ */

html body.pkp_page_about.pkp_op_contact .pkp_structure_content,
html body.pkp_page_about.pkp_op_contact .pkp_structure_main{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

html body.pkp_page_about.pkp_op_contact .pkp_structure_main{
    float:none !important;
}

html body.pkp_page_about.pkp_op_contact .pkp_structure_sidebar{
    display:none !important;
}

html body.pkp_page_about.pkp_op_contact .page_contact{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 0 64px !important;
    background:#FFFFFF !important;
    color:#202320 !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    box-sizing:border-box !important;
}

html body.pkp_page_about.pkp_op_contact .page_contact *{
    box-sizing:border-box !important;
}

/* OJS breadcrumb is not used on the approved internal-page hero. */
html body.pkp_page_about.pkp_op_contact .page_contact > .cmp_breadcrumbs,
html body.pkp_page_about.pkp_op_contact .cmp_breadcrumbs{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
}

/* ------------------------------------------------------------
   2. CONTACT HERO — EXACT PRIVACY STATEMENT MASTER
   ------------------------------------------------------------ */

html body.pkp_page_about.pkp_op_contact .page_contact > h1:first-of-type{
    position:relative !important;
    left:50% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100vw !important;
    max-width:none !important;

    height:var(--hifi-internal-hero-height,300px) !important;
    min-height:var(--hifi-internal-hero-height,300px) !important;
    max-height:var(--hifi-internal-hero-height,300px) !important;

    margin:0 0 0 -50vw !important;
    padding:0 40px !important;

    overflow:hidden !important;
    box-sizing:border-box !important;

    color:#FFFFFF !important;
    background-image:
        var(--hifi-internal-hero-overlay,linear-gradient(
            90deg,
            rgba(8,88,67,.82) 0%,
            rgba(8,88,67,.68) 28%,
            rgba(8,88,67,.34) 55%,
            rgba(8,88,67,.08) 100%
        )),
        var(--hifi-internal-hero-image,url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg")) !important;
    background-color:var(--hifi-internal-hero-green,#174E3B) !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:2.35rem !important;
    line-height:1.05 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
    text-align:center !important;
    text-shadow:0 1px 3px rgba(0,0,0,.24) !important;
}

/* Remove old v11 breadcrumb generated through H1::after and any
   inherited pseudo decoration so Contact matches Privacy exactly. */
html body.pkp_page_about.pkp_op_contact .page_contact > h1:first-of-type:before,
html body.pkp_page_about.pkp_op_contact .page_contact > h1:first-of-type:after{
    display:none !important;
    content:none !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    border:0 !important;
}

/* ------------------------------------------------------------
   3. CONTACT CONTENT — SAME WIDTH / RHYTHM AS PRIVACY
   ------------------------------------------------------------ */

html body.pkp_page_about.pkp_op_contact .page_contact > .contact_section{
    width:calc(100% - 80px) !important;
    max-width:1120px !important;
    margin:0 auto !important;
    padding:44px 0 0 !important;

    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    column-gap:56px !important;
    row-gap:0 !important;

    color:#202320 !important;
    background:#FFFFFF !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
}

/* Mailing address spans both columns. */
html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .address{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:900px !important;
    margin:0 auto 34px !important;
    padding:0 0 30px !important;

    color:#202320 !important;
    border-bottom:1px solid #E7EEEA !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.98rem !important;
    line-height:1.58 !important;
    font-weight:400 !important;
    text-align:center !important;
}

/* Principal + Support contacts: clean two-column composition. */
html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:4px 30px 0 !important;

    color:#202320 !important;
    background:#FFFFFF !important;
    border:0 !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    text-align:center !important;
}

html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact.support{
    border-left:1px solid #E7EEEA !important;
}

html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact h3{
    margin:0 0 14px !important;
    padding:0 !important;

    color:#111111 !important;
    background:transparent !important;
    border:0 !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:1.18rem !important;
    line-height:1.20 !important;
    font-weight:800 !important;
    letter-spacing:-.015em !important;
    text-align:center !important;
}

html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact h3:before,
html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact h3:after{
    display:none !important;
    content:none !important;
}

html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact .name,
html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact .title,
html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact .affiliation,
html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact .phone,
html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact .email{
    margin:0 0 6px !important;
    padding:0 !important;
    color:#202320 !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.98rem !important;
    line-height:1.50 !important;
    font-weight:400 !important;
    text-align:center !important;
}

html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact .name{
    font-weight:600 !important;
}

html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact .email a{
    color:#0F5A45 !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.98rem !important;
    line-height:1.50 !important;
    font-weight:600 !important;
    text-decoration:none !important;
}

html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact .email a:hover,
html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact .email a:focus{
    color:#174E3B !important;
    text-decoration:underline !important;
}

/* ------------------------------------------------------------
   4. PRINCIPAL CONTACT NAME — VISUAL REPLACEMENT
   Actual OJS data should also be changed under:
   Settings > Journal > Contact > Principal Contact.
   ------------------------------------------------------------ */

html body.pkp_page_about.pkp_op_contact .page_contact .contact.primary .name{
    font-size:0 !important;
    line-height:0 !important;
}

html body.pkp_page_about.pkp_op_contact .page_contact .contact.primary .name:after{
    content:"Alif Razaq Aryadi" !important;
    display:block !important;

    color:#202320 !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.98rem !important;
    line-height:1.50 !important;
    font-weight:600 !important;
    text-align:center !important;
}

/* ------------------------------------------------------------
   5. LOGGED-IN EDIT LINK — CLEAN HIFI BUTTON
   ------------------------------------------------------------ */

html body.pkp_page_about.pkp_op_contact .page_contact > .cmp_edit_link{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:max-content !important;
    min-height:42px !important;
    margin:34px auto 0 !important;
    padding:0 18px !important;

    color:#174E3B !important;
    background:#FFFFFF !important;
    border:1px solid #B8C9C1 !important;
    border-radius:8px !important;
    box-shadow:none !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.88rem !important;
    line-height:1 !important;
    font-weight:600 !important;
    text-decoration:none !important;
}

html body.pkp_page_about.pkp_op_contact .page_contact > .cmp_edit_link:hover,
html body.pkp_page_about.pkp_op_contact .page_contact > .cmp_edit_link:focus{
    color:#FFFFFF !important;
    background:#0F5A45 !important;
    border-color:#0F5A45 !important;
    text-decoration:none !important;
}

/* ------------------------------------------------------------
   6. TABLET
   ------------------------------------------------------------ */

@media(max-width:1180px){
    html body.pkp_page_about.pkp_op_contact .page_contact > .contact_section{
        width:calc(100% - 48px) !important;
        column-gap:36px !important;
    }
}

/* ------------------------------------------------------------
   7. MOBILE
   ------------------------------------------------------------ */

@media(max-width:767px){

    html body.pkp_page_about.pkp_op_contact .page_contact > h1:first-of-type{
        height:var(--hifi-internal-hero-mobile-height,185px) !important;
        min-height:var(--hifi-internal-hero-mobile-height,185px) !important;
        max-height:var(--hifi-internal-hero-mobile-height,185px) !important;
        padding:0 15px !important;
        background-position:center center !important;
        font-size:1.80rem !important;
        line-height:1.10 !important;
    }

    html body.pkp_page_about.pkp_op_contact .page_contact > .contact_section{
        width:calc(100% - 30px) !important;
        padding-top:28px !important;
        grid-template-columns:1fr !important;
        column-gap:0 !important;
    }

    html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .address{
        margin-bottom:28px !important;
        padding-bottom:24px !important;
        font-size:.93rem !important;
        line-height:1.56 !important;
    }

    html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact{
        padding:0 0 26px !important;
    }

    html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact.support{
        padding-top:26px !important;
        border-left:0 !important;
        border-top:1px solid #E7EEEA !important;
    }

    html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact h3{
        font-size:1.08rem !important;
    }

    html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact .name,
    html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact .title,
    html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact .affiliation,
    html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact .phone,
    html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact .email,
    html body.pkp_page_about.pkp_op_contact .page_contact .contact.primary .name:after,
    html body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact .email a{
        font-size:.93rem !important;
        line-height:1.50 !important;
    }
}


/* ============================================================
   HIFI CONTACT — FINAL CUSTOM/STATIC PAGE FIX
   MASTER VISUAL REFERENCE: PRIVACY STATEMENT
   This block is intentionally LAST so it overrides older
   Contact/static-page rules without changing Home/About/
   Submissions/Privacy/Footer.
   ============================================================ */

/* ------------------------------------------------------------
   A. CONTACT PAGE DETECTION
   Works in two ways:
   1) preferred wrapper: .hifi-contact-page
   2) fallback: detects the HIFI editorial email on the Contact
      custom page, so the existing page can still be styled.
   ------------------------------------------------------------ */

/* Reset OJS wrappers */
html body:has(.hifi-contact-page) .pkp_structure_content,
html body:has(.hifi-contact-page) .pkp_structure_main,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"]) .pkp_structure_content,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"]) .pkp_structure_main{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

html body:has(.hifi-contact-page) .pkp_structure_sidebar,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"]) .pkp_structure_sidebar{
    display:none !important;
}

/* Static-page shell */
html body:has(.hifi-contact-page) .page,
html body:has(.hifi-contact-page) .page_static,
html body:has(.hifi-contact-page) .page_custom,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"]) .page,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"]) .page_static,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"]) .page_custom{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 0 64px !important;
    background:#FFFFFF !important;
    color:#202320 !important;
    box-sizing:border-box !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
}

/* ------------------------------------------------------------
   B. CONTACT HERO — EXACT PRIVACY MASTER
   ------------------------------------------------------------ */

/* Preferred custom wrapper hero */
html body .hifi-contact-page .hifi-contact-hero{
    position:relative !important;
    width:100% !important;
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(8,88,67,.82) 0%,
            rgba(8,88,67,.68) 28%,
            rgba(8,88,67,.34) 55%,
            rgba(8,88,67,.08) 100%
        ),
        url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg") !important;

    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-color:#174E3B !important;
    border:0 !important;
    box-shadow:none !important;
}

html body .hifi-contact-page .hifi-contact-hero-inner{
    width:calc(100% - 80px) !important;
    max-width:1500px !important;
    height:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}

html body .hifi-contact-page .hifi-contact-hero h1{
    margin:0 !important;
    padding:0 20px !important;
    color:#FFFFFF !important;
    background:transparent !important;
    border:0 !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:2.35rem !important;
    line-height:1.05 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
    text-align:center !important;
    text-shadow:0 1px 3px rgba(0,0,0,.24) !important;
}

/* Fallback: turn existing native/static Contact title into same hero */
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page > h1:first-child,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page_static > h1:first-child,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page_custom > h1:first-child{
    position:relative !important;
    left:50% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100vw !important;
    max-width:none !important;
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;

    margin:0 0 44px -50vw !important;
    padding:0 40px !important;

    color:#FFFFFF !important;
    background-image:
        linear-gradient(
            90deg,
            rgba(8,88,67,.82) 0%,
            rgba(8,88,67,.68) 28%,
            rgba(8,88,67,.34) 55%,
            rgba(8,88,67,.08) 100%
        ),
        url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-color:#174E3B !important;

    border:0 !important;
    box-shadow:none !important;

    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:2.35rem !important;
    line-height:1.05 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
    text-align:center !important;
    text-shadow:0 1px 3px rgba(0,0,0,.24) !important;
}

/* Remove heading decorations / breadcrumb artefacts */
html body .hifi-contact-page .hifi-contact-hero h1:before,
html body .hifi-contact-page .hifi-contact-hero h1:after,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page > h1:first-child:before,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page > h1:first-child:after,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page_static > h1:first-child:before,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page_static > h1:first-child:after,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page_custom > h1:first-child:before,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page_custom > h1:first-child:after{
    display:none !important;
    content:none !important;
}

/* Remove residual top gap */
html body:has(.hifi-contact-page) .pkp_structure_main,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"]) .pkp_structure_main{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* ------------------------------------------------------------
   C. CONTACT CONTENT — PREFERRED WRAPPED VERSION
   ------------------------------------------------------------ */

html body .hifi-contact-page .hifi-contact-inner{
    width:calc(100% - 80px) !important;
    max-width:1500px !important;
    margin:0 auto !important;
    padding:44px 0 0 !important;
}

html body .hifi-contact-office{
    width:100% !important;
    max-width:1120px !important;
    margin:0 auto 38px !important;
    padding:0 0 34px !important;
    border-bottom:1px solid #E7EEEA !important;
    text-align:left !important;
}

html body .hifi-contact-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:48px !important;
    width:100% !important;
    max-width:1120px !important;
    margin:0 auto !important;
    padding:0 !important;
}

html body .hifi-contact-card{
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:#FFFFFF !important;
    border:0 !important;
}

/* ------------------------------------------------------------
   D. CONTACT CONTENT — FALLBACK FOR CURRENT PLAIN HTML
   ------------------------------------------------------------ */

html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page > *:not(h1):not(.cmp_breadcrumbs),
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page_static > *:not(h1):not(.cmp_breadcrumbs),
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page_custom > *:not(h1):not(.cmp_breadcrumbs){
    max-width:1120px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Headings */
html body .hifi-contact-office h2,
html body .hifi-contact-card h2,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page h2,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page h3,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page_static h2,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page_static h3,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page_custom h2,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
.page_custom h3{
    margin:0 0 16px !important;
    padding:0 !important;
    color:#111111 !important;
    background:transparent !important;
    border:0 !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:1.42rem !important;
    line-height:1.18 !important;
    font-weight:800 !important;
    letter-spacing:-.015em !important;
}

/* Body / links */
html body .hifi-contact-office p,
html body .hifi-contact-card p,
html body .hifi-contact-card h3,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"]) .page p,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"]) .page_static p,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"]) .page_custom p{
    color:#202320 !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.98rem !important;
    line-height:1.58 !important;
    font-weight:400 !important;
}

html body .hifi-contact-card h3{
    margin:0 0 8px !important;
    font-weight:700 !important;
}

html body .hifi-contact-card a,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"]) .page a,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"]) .page_static a,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"]) .page_custom a{
    color:#0F5A45 !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.98rem !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

html body .hifi-contact-card a:hover,
html body .hifi-contact-card a:focus,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"]) .page a:hover,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"]) .page a:focus{
    color:#174E3B !important;
    text-decoration:underline !important;
}

/* Hide native breadcrumb if present */
html body:has(.hifi-contact-page) .cmp_breadcrumbs,
html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"]) .cmp_breadcrumbs{
    display:none !important;
}

/* ------------------------------------------------------------
   E. RESPONSIVE
   ------------------------------------------------------------ */

@media(max-width:1180px){
    html body .hifi-contact-page .hifi-contact-hero-inner,
    html body .hifi-contact-page .hifi-contact-inner{
        width:calc(100% - 48px) !important;
    }
}

@media(max-width:767px){

    html body .hifi-contact-page .hifi-contact-hero,
    html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
    .page > h1:first-child,
    html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
    .page_static > h1:first-child,
    html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
    .page_custom > h1:first-child{
        height:185px !important;
        min-height:185px !important;
        max-height:185px !important;
        background-position:center center !important;
    }

    html body .hifi-contact-page .hifi-contact-hero-inner,
    html body .hifi-contact-page .hifi-contact-inner{
        width:calc(100% - 30px) !important;
    }

    html body .hifi-contact-page .hifi-contact-hero h1,
    html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
    .page > h1:first-child,
    html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
    .page_static > h1:first-child,
    html body.pkp_page_pages.pkp_op_view:has(a[href^="mailto:hifi@unhas.ac.id"])
    .page_custom > h1:first-child{
        font-size:1.80rem !important;
        line-height:1.10 !important;
    }

    html body .hifi-contact-page .hifi-contact-inner{
        padding-top:28px !important;
    }

    html body .hifi-contact-grid{
        grid-template-columns:1fr !important;
        gap:28px !important;
    }

    html body .hifi-contact-office h2,
    html body .hifi-contact-card h2{
        font-size:1.24rem !important;
    }

    html body .hifi-contact-office p,
    html body .hifi-contact-card p,
    html body .hifi-contact-card a{
        font-size:.93rem !important;
        line-height:1.56 !important;
    }
}


/* ============================================================
   HIFI ABOUT THE JOURNAL — PUBLICATION ETHICS + RETRACTION
   FINAL ADDITION
   Extends the existing internal About navigation without
   changing the approved About/Home/Submission/Privacy visuals.
   ============================================================ */

/* ------------------------------------------------------------
   1. ACTIVE NAVIGATION — NEW TARGETS
   ------------------------------------------------------------ */

html body .hifi-about-journal-page:has(#publication-ethics:target)
.hifi-about-toc a[href="#publication-ethics"],

html body .hifi-about-journal-page:has(#retraction-withdrawal-policy:target)
.hifi-about-toc a[href="#retraction-withdrawal-policy"]{
    color:#0F5A45 !important;
    background:#EEF6F2 !important;
    font-weight:800 !important;
}


/* Gold accent for newly selected items */

html body .hifi-about-journal-page:has(#publication-ethics:target)
.hifi-about-toc a[href="#publication-ethics"]:before,

html body .hifi-about-journal-page:has(#retraction-withdrawal-policy:target)
.hifi-about-toc a[href="#retraction-withdrawal-policy"]:before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:-1px !important;
    width:3px !important;
    background:#B89A5A !important;
}


/* ------------------------------------------------------------
   2. ETHICS SUBHEADINGS
   Keep Helvetica Neue / Arial and the approved hierarchy.
   ------------------------------------------------------------ */

html body .hifi-about-journal-page
.hifi-about-section h3{
    margin:30px 0 18px !important;
    padding:0 !important;
    color:#111111 !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:1.28rem !important;
    line-height:1.22 !important;
    font-weight:800 !important;
    letter-spacing:-.012em !important;
}


html body .hifi-about-journal-page
.hifi-about-section h3:first-of-type{
    margin-top:8px !important;
}


/* ------------------------------------------------------------
   3. NUMBERED ETHICS DUTIES
   ------------------------------------------------------------ */

html body .hifi-about-journal-page
.hifi-ethics-list{
    margin:0 0 30px 22px !important;
    padding:0 !important;
}


html body .hifi-about-journal-page
.hifi-ethics-list > li{
    margin:0 0 20px !important;
    padding-left:5px !important;
}


html body .hifi-about-journal-page
.hifi-ethics-list > li > strong{
    display:block !important;
    margin:0 0 7px !important;
    color:#111111 !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.99rem !important;
    line-height:1.4 !important;
    font-weight:800 !important;
}


html body .hifi-about-journal-page
.hifi-ethics-list > li > p{
    margin:0 !important;
}


/* ------------------------------------------------------------
   4. POLICY SUBSECTIONS
   ------------------------------------------------------------ */

html body .hifi-about-journal-page
.hifi-policy-subheading{
    margin:28px 0 14px !important;
    padding:0 !important;
    color:#111111 !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:1.16rem !important;
    line-height:1.25 !important;
    font-weight:800 !important;
}


/* ------------------------------------------------------------
   5. MOBILE
   ------------------------------------------------------------ */

@media(max-width:767px){

    html body .hifi-about-journal-page
    .hifi-about-section h3{
        margin-top:24px !important;
        font-size:1.14rem !important;
    }

    html body .hifi-about-journal-page
    .hifi-ethics-list{
        margin-left:20px !important;
    }

    html body .hifi-about-journal-page
    .hifi-ethics-list > li{
        margin-bottom:17px !important;
    }

    html body .hifi-about-journal-page
    .hifi-policy-subheading{
        font-size:1.06rem !important;
    }
}



/* ============================================================
   HIFI EDITORIAL TEAM — FINAL SCOPED DESIGN
   ------------------------------------------------------------
   Scope:
   - Editorial Team custom page only
   - Does NOT alter homepage, About, Submissions, Privacy,
     Contact, header, issue pages, or footer.
   - Uses the same HIFI hero image, green treatment, typography,
     and responsive geometry used across the approved static pages.
   ============================================================ */

:root{
    --hifi-editorial-green:#0F5A45;
    --hifi-editorial-green-dark:#174E3B;
    --hifi-editorial-gold:#B89A5A;
    --hifi-editorial-sage:#EEF6F2;
    --hifi-editorial-line:#DCE6E1;
    --hifi-editorial-text:#202320;
    --hifi-editorial-muted:#68756F;
    --hifi-editorial-hero:url("https://journal.unhas.ac.id/public/journals/166/homepageImage_en.jpg");
}

/* ------------------------------------------------------------
   1. OJS STATIC-PAGE RESET — EDITORIAL TEAM ONLY
   ------------------------------------------------------------ */

html body:has(.hifi-editorial-page) .pkp_structure_content,
html body:has(.hifi-editorial-page) .pkp_structure_main,
html body:has(.hifi-editorial-page) .pkp_structure_main > .page,
html body:has(.hifi-editorial-page) .pkp_structure_main > .page_static,
html body:has(.hifi-editorial-page) .pkp_structure_main > .page_custom{
    width:100% !important;
    max-width:none !important;
    margin-top:0 !important;
    padding-top:0 !important;
}

html body:has(.hifi-editorial-page) .pkp_structure_main > h1:first-child,
html body:has(.hifi-editorial-page) .pkp_structure_main > .page > h1:first-child,
html body:has(.hifi-editorial-page) .pkp_structure_main .page > h1:first-child,
html body:has(.hifi-editorial-page) .page_title,
html body:has(.hifi-editorial-page) .page-header:first-child{
    display:none !important;
}

html body:has(.hifi-editorial-page) .pkp_structure_main > hr:first-of-type,
html body:has(.hifi-editorial-page) .pkp_structure_main > .page > hr:first-of-type{
    display:none !important;
}

/* ------------------------------------------------------------
   2. FULL-BLEED PAGE WRAPPER
   ------------------------------------------------------------ */

html body .hifi-editorial-page{
    position:relative !important;
    left:50% !important;
    width:100vw !important;
    max-width:none !important;
    margin:0 0 0 -50vw !important;
    padding:0 !important;
    box-sizing:border-box !important;
    color:var(--hifi-editorial-text) !important;
    background:#FFFFFF !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
}

html body .hifi-editorial-page *,
html body .hifi-editorial-page *:before,
html body .hifi-editorial-page *:after{
    box-sizing:border-box !important;
}

/* ------------------------------------------------------------
   3. HERO — IDENTICAL PROPORTION TO ABOUT / PRIVACY / SUBMISSIONS
   ------------------------------------------------------------ */

html body .hifi-editorial-page .hifi-editorial-hero{
    position:relative !important;
    width:100% !important;
    height:300px !important;
    min-height:300px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background-image:var(--hifi-editorial-hero) !important;
    background-color:var(--hifi-editorial-green-dark) !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}

html body .hifi-editorial-page .hifi-editorial-hero:before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:linear-gradient(
        90deg,
        rgba(8,88,67,.82) 0%,
        rgba(8,88,67,.68) 28%,
        rgba(8,88,67,.34) 55%,
        rgba(8,88,67,.08) 100%
    ) !important;
}

html body .hifi-editorial-page .hifi-editorial-hero-inner{
    position:relative !important;
    z-index:2 !important;
    width:calc(100% - 80px) !important;
    max-width:1500px !important;
    height:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}

html body .hifi-editorial-page .hifi-editorial-hero h1{
    margin:0 !important;
    padding:0 !important;
    color:#FFFFFF !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:2.35rem !important;
    line-height:1.05 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
    text-shadow:0 1px 3px rgba(0,0,0,.24) !important;
}

/* ------------------------------------------------------------
   4. MAIN EDITORIAL CONTENT
   ------------------------------------------------------------ */

html body .hifi-editorial-page .hifi-editorial-shell{
    width:calc(100% - 80px) !important;
    max-width:1500px !important;
    margin:0 auto !important;
    padding:46px 0 64px !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
}

html body .hifi-editorial-page .hifi-editorial-role{
    width:100% !important;
    margin:0 0 30px !important;
    padding:0 !important;
    border:1px solid var(--hifi-editorial-line) !important;
    background:#FFFFFF !important;
    box-shadow:0 5px 18px rgba(15,90,69,.035) !important;
}

html body .hifi-editorial-page .hifi-editorial-role:last-child{
    margin-bottom:0 !important;
}

/* ------------------------------------------------------------
   5. ROLE HEADING
   ------------------------------------------------------------ */

html body .hifi-editorial-page .hifi-editorial-role-head{
    position:relative !important;
    width:100% !important;
    margin:0 !important;
    padding:17px 22px 17px 26px !important;
    background:linear-gradient(90deg,#EAF5F0 0%,#F6FAF8 100%) !important;
    border:0 !important;
    border-bottom:1px solid var(--hifi-editorial-line) !important;
}

html body .hifi-editorial-page .hifi-editorial-role-head:before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:4px !important;
    background:var(--hifi-editorial-gold) !important;
}

html body .hifi-editorial-page .hifi-editorial-role-head h2{
    margin:0 !important;
    padding:0 !important;
    color:var(--hifi-editorial-green-dark) !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:1.12rem !important;
    line-height:1.25 !important;
    font-weight:800 !important;
    letter-spacing:-.01em !important;
    border:0 !important;
}

/* ------------------------------------------------------------
   6. MEMBER ROWS
   Desktop columns:
   no | name | affiliation | Scopus ID | action
   ------------------------------------------------------------ */

html body .hifi-editorial-page .hifi-editorial-list{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

html body .hifi-editorial-page .hifi-editorial-member{
    display:grid !important;
    grid-template-columns:54px minmax(210px,1.05fr) minmax(280px,1.65fr) minmax(190px,.9fr) 150px !important;
    align-items:stretch !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:#FFFFFF !important;
    border:0 !important;
    border-bottom:1px solid var(--hifi-editorial-line) !important;
}

html body .hifi-editorial-page .hifi-editorial-member:last-child{
    border-bottom:0 !important;
}

html body .hifi-editorial-page .hifi-editorial-member > div{
    min-width:0 !important;
    min-height:62px !important;
    display:flex !important;
    align-items:center !important;
    margin:0 !important;
    padding:13px 16px !important;
    border-right:1px solid #E8EEEB !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.90rem !important;
    line-height:1.42 !important;
}

html body .hifi-editorial-page .hifi-editorial-member > div:last-child{
    border-right:0 !important;
}

html body .hifi-editorial-page .hifi-editorial-no{
    justify-content:center !important;
    padding-left:8px !important;
    padding-right:8px !important;
    color:#68756F !important;
    background:#FBFCFB !important;
    font-size:.78rem !important;
    font-weight:700 !important;
}

html body .hifi-editorial-page .hifi-editorial-no:before{
    content:"" !important;
    position:absolute !important;
}

html body .hifi-editorial-page .hifi-editorial-person{
    color:var(--hifi-editorial-green-dark) !important;
    font-weight:700 !important;
}

html body .hifi-editorial-page .hifi-editorial-person a,
html body .hifi-editorial-page .hifi-editorial-person span{
    color:var(--hifi-editorial-green-dark) !important;
    font:inherit !important;
    text-decoration:none !important;
}

html body .hifi-editorial-page .hifi-editorial-person a:hover,
html body .hifi-editorial-page .hifi-editorial-person a:focus{
    color:var(--hifi-editorial-green) !important;
    text-decoration:underline !important;
    text-underline-offset:3px !important;
}

html body .hifi-editorial-page .hifi-editorial-affiliation{
    color:#343A37 !important;
    font-weight:400 !important;
}

html body .hifi-editorial-page .hifi-editorial-scopus{
    color:#3F4944 !important;
    font-size:.84rem !important;
    font-weight:500 !important;
    white-space:nowrap !important;
}

html body .hifi-editorial-page .hifi-editorial-scopus span{
    margin-right:5px !important;
    color:var(--hifi-editorial-muted) !important;
    font-weight:600 !important;
}

html body .hifi-editorial-page .hifi-editorial-scopus-empty{
    color:#8A938F !important;
    white-space:normal !important;
}

html body .hifi-editorial-page .hifi-editorial-action{
    justify-content:flex-start !important;
}

html body .hifi-editorial-page .hifi-editorial-action a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:36px !important;
    padding:0 15px !important;
    color:var(--hifi-editorial-green-dark) !important;
    background:#FFFFFF !important;
    border:1px solid #BFD1C8 !important;
    border-radius:8px !important;
    font-family:"Helvetica Neue",Arial,sans-serif !important;
    font-size:.78rem !important;
    line-height:1 !important;
    font-weight:700 !important;
    text-decoration:none !important;
    transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease !important;
}

html body .hifi-editorial-page .hifi-editorial-action a:hover,
html body .hifi-editorial-page .hifi-editorial-action a:focus{
    color:#FFFFFF !important;
    background:var(--hifi-editorial-green) !important;
    border-color:var(--hifi-editorial-green) !important;
    text-decoration:none !important;
    transform:translateY(-1px) !important;
}

html body .hifi-editorial-page .hifi-editorial-action-empty{
    color:#9AA19E !important;
}

/* ------------------------------------------------------------
   7. SUBTLE ROW INTERACTION
   ------------------------------------------------------------ */

html body .hifi-editorial-page .hifi-editorial-member:hover{
    background:#FCFEFD !important;
}

html body .hifi-editorial-page .hifi-editorial-member:hover .hifi-editorial-no{
    color:var(--hifi-editorial-green-dark) !important;
    background:#F3F8F5 !important;
}

/* ------------------------------------------------------------
   8. TABLET
   ------------------------------------------------------------ */

@media(max-width:1180px){

    html body .hifi-editorial-page .hifi-editorial-hero-inner,
    html body .hifi-editorial-page .hifi-editorial-shell{
        width:calc(100% - 48px) !important;
    }

    html body .hifi-editorial-page .hifi-editorial-member{
        grid-template-columns:48px minmax(185px,1fr) minmax(220px,1.4fr) minmax(165px,.85fr) 130px !important;
    }

    html body .hifi-editorial-page .hifi-editorial-member > div{
        padding:12px 13px !important;
        font-size:.84rem !important;
    }

    html body .hifi-editorial-page .hifi-editorial-scopus{
        font-size:.78rem !important;
    }

    html body .hifi-editorial-page .hifi-editorial-action a{
        padding:0 12px !important;
        font-size:.74rem !important;
    }
}

/* ------------------------------------------------------------
   9. SMALL TABLET
   Switch each member into a clean two-column information card.
   ------------------------------------------------------------ */

@media(max-width:900px){

    html body .hifi-editorial-page .hifi-editorial-shell{
        padding-top:36px !important;
        padding-bottom:50px !important;
    }

    html body .hifi-editorial-page .hifi-editorial-member{
        grid-template-columns:50px minmax(0,1fr) !important;
        grid-template-areas:
            "no person"
            "no affiliation"
            "no scopus"
            "no action" !important;
        align-items:stretch !important;
        padding:0 !important;
    }

    html body .hifi-editorial-page .hifi-editorial-no{
        grid-area:no !important;
        align-items:flex-start !important;
        justify-content:center !important;
        padding-top:16px !important;
        border-right:1px solid #E8EEEB !important;
    }

    html body .hifi-editorial-page .hifi-editorial-person{
        grid-area:person !important;
        min-height:0 !important;
        padding:15px 16px 5px !important;
        border-right:0 !important;
    }

    html body .hifi-editorial-page .hifi-editorial-affiliation{
        grid-area:affiliation !important;
        min-height:0 !important;
        padding:2px 16px 5px !important;
        border-right:0 !important;
    }

    html body .hifi-editorial-page .hifi-editorial-scopus{
        grid-area:scopus !important;
        min-height:0 !important;
        padding:3px 16px 9px !important;
        border-right:0 !important;
        white-space:normal !important;
    }

    html body .hifi-editorial-page .hifi-editorial-action{
        grid-area:action !important;
        min-height:0 !important;
        padding:2px 16px 15px !important;
        border-right:0 !important;
    }
}

/* ------------------------------------------------------------
   10. MOBILE
   ------------------------------------------------------------ */

@media(max-width:767px){

    html body .hifi-editorial-page .hifi-editorial-hero{
        height:185px !important;
        min-height:185px !important;
        background-position:center center !important;
    }

    html body .hifi-editorial-page .hifi-editorial-hero-inner,
    html body .hifi-editorial-page .hifi-editorial-shell{
        width:calc(100% - 30px) !important;
    }

    html body .hifi-editorial-page .hifi-editorial-hero h1{
        font-size:1.8rem !important;
    }

    html body .hifi-editorial-page .hifi-editorial-shell{
        padding:28px 0 42px !important;
    }

    html body .hifi-editorial-page .hifi-editorial-role{
        margin-bottom:22px !important;
        box-shadow:none !important;
    }

    html body .hifi-editorial-page .hifi-editorial-role-head{
        padding:14px 16px 14px 20px !important;
    }

    html body .hifi-editorial-page .hifi-editorial-role-head h2{
        font-size:1rem !important;
    }

    html body .hifi-editorial-page .hifi-editorial-member{
        grid-template-columns:42px minmax(0,1fr) !important;
    }

    html body .hifi-editorial-page .hifi-editorial-no{
        padding-top:15px !important;
        font-size:.72rem !important;
    }

    html body .hifi-editorial-page .hifi-editorial-person,
    html body .hifi-editorial-page .hifi-editorial-affiliation,
    html body .hifi-editorial-page .hifi-editorial-scopus,
    html body .hifi-editorial-page .hifi-editorial-action{
        font-size:.84rem !important;
    }

    html body .hifi-editorial-page .hifi-editorial-action a{
        min-height:34px !important;
        border-radius:7px !important;
    }
}

/* ------------------------------------------------------------
   11. VERY SMALL MOBILE
   ------------------------------------------------------------ */

@media(max-width:430px){

    html body .hifi-editorial-page .hifi-editorial-hero h1{
        font-size:1.62rem !important;
    }

    html body .hifi-editorial-page .hifi-editorial-member{
        grid-template-columns:38px minmax(0,1fr) !important;
    }

    html body .hifi-editorial-page .hifi-editorial-person{
        padding-right:12px !important;
    }
}


/* ============================================================
   HIFI EDITORIAL TEAM — UPDATED DATA SUPPORT
   Scoped additions only. Does not alter homepage, About,
   Submissions, Privacy, Contact, header, footer, or issue pages.
   ============================================================ */

/* Allow long affiliations to wrap cleanly */
html body .hifi-editorial-page .hifi-editorial-affiliation{
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
}

/* Missing affiliation / Scopus metadata */
html body .hifi-editorial-page .hifi-editorial-affiliation-empty,
html body .hifi-editorial-page .hifi-editorial-scopus-empty{
    color:#8A9590 !important;
    font-style:italic !important;
}

/* Do not make unavailable profile cells look clickable */
html body .hifi-editorial-page .hifi-editorial-action-empty{
    color:#9AA19E !important;
    font-style:normal !important;
}

/* Slightly more breathing room for roles with many members */
html body .hifi-editorial-page .hifi-editorial-role[data-role="managing"] .hifi-editorial-member,
html body .hifi-editorial-page .hifi-editorial-role[data-role="advisory"] .hifi-editorial-member{
    min-width:0 !important;
}

/* Very long institution names stay readable on tablets */
@media(max-width:1180px){
    html body .hifi-editorial-page .hifi-editorial-affiliation{
        line-height:1.42 !important;
    }
}


/* ============================================================
   HIFI EDITORIAL TEAM — FINAL NO-GAP FIX
   Scope: Editorial Team only.
   Removes the remaining blank strip between the primary
   navigation/header and the custom Editorial Team hero.
   Does not alter homepage, About, Submissions, Privacy,
   Contact, footer, or issue pages.
   ============================================================ */

/* Remove residual spacing from OJS/Health Sciences wrappers */
html body:has(.hifi-editorial-page) .pkp_structure_content,
html body:has(.hifi-editorial-page) .pkp_structure_main,
html body:has(.hifi-editorial-page) .pkp_structure_main > .page,
html body:has(.hifi-editorial-page) .pkp_structure_main > .page_static,
html body:has(.hifi-editorial-page) .pkp_structure_main > .page_custom{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* Remove hidden native heading/breadcrumb residue if present */
html body:has(.hifi-editorial-page) .page_title,
html body:has(.hifi-editorial-page) .page-header,
html body:has(.hifi-editorial-page) .cmp_breadcrumbs{
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    min-height:0 !important;
}

/* Desktop/tablet: pull the custom full-width Editorial wrapper
   upward by the exact residual spacing visible in Health Sciences. */
@media (min-width:768px){

    html body .hifi-editorial-page{
        margin-top:-68px !important;
    }

    html body .hifi-editorial-page .hifi-editorial-hero{
        margin-top:0 !important;
        top:0 !important;
    }
}

/* Mobile: do not use the desktop pull-up because the navigation
   changes to the compact/mobile layout. */
@media (max-width:767px){

    html body .hifi-editorial-page{
        margin-top:0 !important;
    }
}


/* ============================================================
   HIFI EDITORIAL TEAM — ROLE STRUCTURE FIX
   Latest structure:
   - Editor-in-Chief: Abdul Hamid Habbe
   - Managing Editor: Sri Runtiningsih
   - Section Editors: Fakhrul Indra Hermansyah,
     Ismail Kadir H Palladjarang, Mashur Naufal Hamid,
     Ade Ikhlas Amal Alam
   - Advisory Editors: Siti Noradibah Md Zain,
     Fitra Roman Cahaya, Omer Mohamed Taha Alkana,
     Hani Amer Musa
   Scoped only to Editorial Team.
   ============================================================ */

/* Keep long-role groups stable */
html body .hifi-editorial-page .hifi-editorial-role[data-role="section"] .hifi-editorial-member,
html body .hifi-editorial-page .hifi-editorial-role[data-role="managing"] .hifi-editorial-member,
html body .hifi-editorial-page .hifi-editorial-role[data-role="advisory"] .hifi-editorial-member{
    min-width:0 !important;
}

/* Managing Editor has a single-row group; keep visual weight equal */
html body .hifi-editorial-page .hifi-editorial-role[data-role="managing"] .hifi-editorial-role-head,
html body .hifi-editorial-page .hifi-editorial-role[data-role="section"] .hifi-editorial-role-head{
    background:linear-gradient(90deg,#EAF5F0 0%,#F6FAF8 100%) !important;
}

/* Preserve clean spacing between role groups */
html body .hifi-editorial-page .hifi-editorial-role[data-role="section"],
html body .hifi-editorial-page .hifi-editorial-role[data-role="managing"]{
    margin-bottom:30px !important;
}

/* Tablet/mobile: long Section Editor affiliation rows remain readable */
@media(max-width:1180px){
    html body .hifi-editorial-page .hifi-editorial-role[data-role="section"] .hifi-editorial-affiliation{
        line-height:1.42 !important;
    }
}

@media(max-width:767px){
    html body .hifi-editorial-page .hifi-editorial-role[data-role="section"],
    html body .hifi-editorial-page .hifi-editorial-role[data-role="managing"]{
        margin-bottom:22px !important;
    }
}


/* ============================================================
   HIFI EDITORIAL TEAM — FINAL ROLE ORDER
   Display order in HTML:
   1. Editor-in-Chief
   2. Managing Editor
   3. Advisory Editors
   4. Section Editors

   No global visual rules are changed here. Existing Editorial
   Team styling remains intact and scoped to .hifi-editorial-page.
   ============================================================ */