@charset "UTF-8";

/* =====================================================
   JUPEMBA - Journal Stylesheet V2 (2026-11-08)
   OJS 3.4.0.10 (default theme)
   Jupemba blue identity + Jocsaic-style article summary & detail
   (templates article_summary.tpl / article_details.tpl are shared
   with JOCSAIC on journals.raskhamedia.or.id; .jc_* classes below)

   Fixes vs. V1 (styleSheet.original.css):
   - .jc_* markup had no styles: e-mail printed as raw text, author
     names glued together, affiliations numbered twice "1. (1)"
   - stray "}" after the commented hover block broke the next rule
   - @import in the middle of the file (ignored by browsers) removed
   - duplicate/conflicting .obj_article_summary / .obj_galley_link
     rules (width:100%, padding set 3x) removed
   - orange DOI link (#ff9f00, 2.1:1 contrast) made readable

   V2.1 (2026-11-08): cleanup + display fixes
   - removed rules that match nothing on the site (about columns,
     editorial-list, menubar, what-we-do cards, carousel, homepage
     image, submission/announcement blocks, global .row)
   - mobile header rebuilt (logo was 117px wide, 25vh empty blue band,
     ISSN strip beside the logo, menu offset top:-65%)
   - empty box in the ISSN Portal block hidden
   - About card: info box fills the row when it wraps under the cover
===================================================== */

/* ---------- Variables ---------- */
:root{
  --jp-blue:#0B6CF0;
  --jp-blue-2:#2A8CFF;
  --jp-blue-dark:#154A9C;

  /* article-list tokens (names shared with JOCSAIC) */
  --sc-ink:#1e293b;
  --sc-ink-2:#475569;
  --sc-ink-3:#64748b;
  --sc-link:#0b3d91;
  --sc-link-hover:#0B6CF0;
  --sc-accent:#0B6CF0;
  --sc-accent-dark:#154A9C;
  --sc-accent-2:#2A8CFF;
  --sc-line:#e2e8f0;
  --sc-soft:#f5f8fd;
  --sc-oa:#154A9C;
}

/* ---------- Base ---------- */
body{background:#F5F8FD}
a{color:var(--jp-blue);text-decoration:none}
a:hover{color:var(--jp-blue-dark);text-decoration:underline}
.pkp_structure_page{margin:0 auto;box-shadow:none}
.pkp_structure_content{
  font-size:15px;
  margin-bottom:.3em;
  background:#fff;
  box-shadow:0 4px 20px rgba(0,0,0,.06);
}

/* ---------- Header ---------- */
.pkp_structure_head{
  position:relative;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:.25em;
}
.pkp_site_name .is_img img{display:block;max-height:none;width:auto;height:auto}

/* ---------- Navigation ---------- */
.pkp_navigation_primary_row{
  background:#fff;
  box-shadow:0 0 5px .5px rgba(103,104,107,.34);
  padding:5px 0 5px 8px;
}
#navigationPrimary>li>a,
#navigationPrimary ul a{color:var(--jp-blue)}
#navigationPrimary>li>a:hover{color:var(--jp-blue-2)}
#navigationPrimary ul a:hover{background:#f5f5f5;color:var(--jp-blue-2)}
.pkp_nav_list ul a:hover{
  display:block;
  padding-left:.357rem;
  border-left:.357rem solid var(--jp-blue-2) !important;
}
.pkp_navigation_primary>li>a:focus{background:var(--jp-blue-2) !important;color:#fff;outline:0}
.pkp_navigation_user>li>a{color:#f5f5f5}
.pkp_nav_list li.profile{
  padding:0 8px 2px 5px;
  margin:0 5px 0 8px;
  border:1px solid #dadada;
  border-radius:8px;
  font-size:16px;
  box-shadow:3px 2px 5px -2px rgba(0,0,0,.2);
}

/* ---------- Current issue ---------- */
.obj_issue_toc{
  background:#fff;
  border-radius:16px;
  padding:20px;
  box-shadow:0 8px 30px rgba(0,0,0,.06);
}
.obj_issue_toc .description{text-align:justify}
.obj_issue_toc .cover{
  display:block !important;
  float:left;
  width:300px !important;
  margin:0 30px 20px 0;
}
.obj_issue_toc .cover img{
  width:100%;
  border-radius:16px;
  border:1px solid #D9E8FF;
  box-shadow:0 12px 35px rgba(0,0,0,.12);
  transition:.35s;
}
.obj_issue_toc .cover img:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 45px rgba(11,108,240,.20);
}

/* issue heading (cover + DOI + date) contains its floated cover */
.obj_issue_toc .heading{overflow:hidden;margin-bottom:0}
.obj_issue_toc .sections{clear:both}

/* section block: the default theme pulls it 30px outside the box
   (margin:30px -30px) and draws a ::before rule - both reset here */
.obj_issue_toc .section{
  position:static;
  margin:24px 0 0;
  padding:0;
}
.obj_issue_toc .section::before{display:none !important}

/* section title ("ARTICLES"): accent bar + label + hairline */
.obj_issue_toc .section>h2,
.obj_issue_toc .section>h3{
  position:static;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  padding:0;
  background:none;
  border:0;
  font-size:14px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--sc-link);
}
.obj_issue_toc .section>h2::before,
.obj_issue_toc .section>h3::before{
  content:"";
  flex:0 0 4px;
  height:18px;
  border-radius:2px;
  background:linear-gradient(180deg,var(--sc-accent),var(--sc-accent-2));
}
.obj_issue_toc .section>h2::after,
.obj_issue_toc .section>h3::after{
  content:"";
  flex:1 1 auto;
  height:1px;
  background:#cbd5e1;
}

.obj_issue_toc .articles{margin:0;padding:0}
.obj_issue_toc .articles>li{margin:0;list-style:none}

/* =====================================================
   DOI links
   (was #ff9f00 = 2.1:1 contrast on white; now readable)
===================================================== */
a[href*="doi.org"]{
  color:var(--sc-link) !important;
  text-decoration:none !important;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  word-break:break-word;
}

a[href*="doi.org"]:hover{
  color:var(--sc-link-hover) !important;
  text-decoration:underline !important;
}

/* =====================================================
   ARTICLE SUMMARY - Scopus search-result style
   Markup: .obj_article_summary > h4.title, br, .meta(
     .authors, ul.galleys_links, .article-doi,
     .article-dimensions-badge, .pages), script, .article-metrics
===================================================== */
.obj_article_summary{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  column-gap:14px;
  row-gap:6px;
  background:#fff;
  border:1px solid var(--sc-line);
  border-left:4px solid var(--sc-accent);
  border-radius:8px;
  padding:16px 20px 14px;
  margin-bottom:14px;
  font-size:14px;
  line-height:1.55;
  color:var(--sc-ink-2);
  transition:border-color .2s ease, box-shadow .2s ease;
}

.obj_article_summary:hover,
.obj_article_summary:focus-within{
  border-left-color:var(--sc-accent-2);
  box-shadow:0 4px 14px rgba(11,108,240,.14);
}

.obj_article_summary>br,
.obj_article_summary>script{display:none}
.obj_article_summary .meta{display:contents}

/* row 1: document type + open access + pages */
.obj_article_summary::before{
  order:0;
  content:"Article  \2022  Open Access";
  white-space:pre;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--sc-oa);
}

.obj_article_summary .pages{
  order:1;
  position:static;
  margin-left:auto;
  line-height:1.4;
  font-size:12.5px;
  color:var(--sc-ink-3);
  white-space:nowrap;
}
.obj_article_summary .pages::before{content:"Pages "}

/* row 2: title */
.obj_article_summary>.title{
  order:2;
  flex:0 0 100%;
  margin:0;
  padding:0;
  font-size:17px;
  line-height:1.4;
  font-weight:600;
}
.obj_article_summary>.title a{
  font-size:inherit;
  font-weight:inherit;
  color:var(--sc-link);
}
.obj_article_summary>.title a:hover{
  color:var(--sc-link-hover);
  text-decoration:underline;
}

/* row 3: authors */
.obj_article_summary .authors{
  order:3;
  flex:0 0 100%;
  font-size:14px;
  color:var(--sc-ink);
  padding-left:22px;
  background:no-repeat left 3px/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237b8794' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 100-10 5 5 0 000 10zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/%3E%3C/svg%3E");
}

/* numbered authors + affiliations + ORCID (article_summary-authors.tpl) */
.obj_article_summary .jc_authors{
  padding-left:0;
  background:none;
  margin:2px 0 2px;
}

.jc_au_names{
  position:relative;
  padding-left:26px;
  line-height:1.6;
}
.jc_au_names::before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  width:18px;
  height:18px;
  background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230B6CF0' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");
}

.jc_au{white-space:nowrap}
.jc_au+.jc_au::before{content:",\00a0 ";white-space:normal}

.jc_au_name{
  font-size:15px;
  font-weight:700;
  color:#1f2a44;
  white-space:normal;
}

.jc_au_ref{
  margin-left:2px;
  font-size:10.5px;
  font-weight:500;
  color:var(--sc-ink-2);
  vertical-align:super;
  line-height:0;
}

.jc_au_orcid{
  display:inline-block;
  width:15px;
  height:15px;
  margin-left:5px;
  vertical-align:-2px;
  border-radius:50%;
  background:no-repeat center/15px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23A6CE39' d='M256 128c0 70.7-57.3 128-128 128S0 198.7 0 128 57.3 0 128 0s128 57.3 128 128z'/%3E%3Cg fill='%23fff'%3E%3Cpath d='M86.3 186.2H70.9V79.1h15.4v107.1z'/%3E%3Cpath d='M108.9 79.1h41.6c39.6 0 57 28.3 57 53.6 0 27.5-21.5 53.6-56.8 53.6h-41.8V79.1zm15.4 93.3h24.5c34.9 0 42.9-26.5 42.9-39.7C191.7 111.2 178 93 148 93h-23.7v79.4z'/%3E%3Cpath d='M88.7 56.8c0 5.5-4.5 10.1-10.1 10.1s-10.1-4.6-10.1-10.1 4.5-10.1 10.1-10.1 10.1 4.6 10.1 10.1z'/%3E%3C/g%3E%3C/svg%3E");
  transition:transform .15s ease;
}
.jc_au_orcid:hover,
.jc_au_orcid:focus{transform:scale(1.15)}

/* corresponding-author e-mail icon in the article list (base style: .jc_au_email) */
.jc_au_names .jc_au_email{
  width:15px;
  height:15px;
  margin-left:5px;
  vertical-align:-2px;
  background-size:15px;
}

.jc_affs{
  margin:6px 0 0;
  padding:0 0 0 26px;
  list-style:none;
}
.jc_affs li{
  display:flex;
  gap:10px;
  margin:0;
  font-size:13.5px;
  line-height:1.55;
  color:var(--sc-ink-2);
}
.jc_aff_no{
  flex:0 0 auto;
  min-width:20px;
  color:var(--sc-ink-3);
}

/* row 4: DOI + Dimensions */
.obj_article_summary .article-doi{
  order:4;
  margin:0 !important;
  font-size:13px;
}
.obj_article_summary .article-doi strong{
  color:var(--sc-ink-3) !important;
  font-weight:600;
  margin-right:2px;
}
.obj_article_summary .article-dimensions-badge{
  order:5;
  margin:0 !important;
  line-height:0;
}

/* divider */
.obj_article_summary::after{
  order:6;
  content:"";
  flex:0 0 100%;
  height:0;
  border-top:1px solid var(--sc-line);
  margin:6px 0 2px;
}

/* row 5: actions + metrics */
.obj_article_summary .galleys_links{
  order:7;
  display:flex;
  gap:8px;
  margin:0;
  padding:0;
}
.obj_article_summary .galleys_links li{list-style:none;margin:0}

.obj_article_summary .article-metrics{
  order:8;
  margin-left:auto;
  font-size:12.5px;
  color:var(--sc-ink-3);
}
.obj_article_summary .article-metrics .fa{color:var(--sc-ink-3);margin-right:3px}

/* ---------- Galley (PDF) buttons - shared ---------- */
.obj_galley_link,
.cmp_manuscript_button{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#fff;
  color:var(--sc-accent-dark);
  border:1px solid var(--sc-accent);
  border-radius:4px;
  padding:3px 12px;
  font-size:13px;
  font-weight:700;
  line-height:1.6;
  text-align:center;
  transition:background .15s ease,color .15s ease;
}
.obj_galley_link:hover,
.obj_galley_link:focus,
.cmp_manuscript_button:hover{
  background:var(--sc-accent);
  border-color:var(--sc-accent);
  color:#fff;
}
.obj_galley_link.pdf::before{
  content:"";
  flex:0 0 14px;
  width:14px;
  height:14px;
  margin:0;
  background:currentColor;
  -webkit-mask:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 13h8v2H8v-2zm0 4h5v2H8v-2z'/%3E%3C/svg%3E");
          mask:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 13h8v2H8v-2zm0 4h5v2H8v-2z'/%3E%3C/svg%3E");
}

/* =====================================================
   ARTICLE DETAIL - Scopus document page style
===================================================== */
.page_article .cmp_breadcrumbs{
  font-size:12.5px;
  color:var(--sc-ink-3);
  margin-bottom:6px;
}
.page_article .cmp_breadcrumbs a{color:var(--sc-ink-2)}
.page_article .cmp_breadcrumbs a:hover{color:var(--sc-link)}

.obj_article_details{color:var(--sc-ink)}

/* document type line above the title */
.obj_article_details .page_title::before{
  content:"Article  \2022  Open Access";
  white-space:pre;
  display:block;
  margin-bottom:10px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--sc-oa);
}

.obj_article_details .page_title{
  font-size:28px;
  line-height:1.32;
  font-weight:600;
  color:var(--sc-ink);
  margin:4px 0 18px;
}

.obj_article_details .subtitle{
  font-size:18px;
  color:var(--sc-ink-2);
  margin-top:-10px;
}

/* two-column document layout */
.obj_article_details .row{
  border:0;
  margin:0;
}
.obj_article_details .main_entry,
.obj_article_details .entry_details{
  border:0 !important;
  padding:0;
}

@media(min-width:992px){
  .obj_article_details .row{
    display:grid;
    grid-template-columns:minmax(0,1fr) 250px;
    column-gap:32px;
    align-items:start;
  }
  .obj_article_details .main_entry,
  .obj_article_details .entry_details{
    float:none;
    width:auto;
    margin:0;
    grid-row:1;
  }
  .obj_article_details .main_entry{grid-column:1}
  .obj_article_details .entry_details{
    grid-column:2;
  }
}

/* section headings */
.obj_article_details .main_entry .item{
  padding:0;
  margin:0 0 26px;
}

.obj_article_details .main_entry .item>.label,
.obj_article_details .main_entry .item>h2.label{
  display:block;
  font-size:18px;
  font-weight:600;
  color:var(--sc-ink);
  margin:0 0 12px;
  padding-bottom:8px;
  border-bottom:1px solid var(--sc-line);
}

/* authors (inline list, like Scopus) */
.obj_article_details .item.authors{
  padding-bottom:18px;
  border-bottom:1px solid var(--sc-line);
}
.obj_article_details .item.authors ul.authors{
  display:flex;
  flex-wrap:wrap;
  gap:12px 28px;
  margin:0;
  padding:0;
}
.obj_article_details .item.authors li{
  list-style:none;
  margin:0;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.obj_article_details .item.authors .userGroup{display:none}

.item.authors .name{
  position:relative;
  padding-left:24px;
  font-size:15.5px;
  font-weight:600;
  color:var(--sc-link);
}
.item.authors .name::before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  width:16px;
  height:16px;
  background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230B6CF0' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 100-10 5 5 0 000 10zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/%3E%3C/svg%3E");
}

.item.authors .affiliation{
  position:relative;
  padding-left:24px;
  font-size:13.5px;
  line-height:1.5;
  color:var(--sc-ink-2);
}
.item.authors .affiliation::before{
  content:"";
  position:absolute;
  left:1px;
  top:2px;
  width:14px;
  height:14px;
  background:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237b8794' viewBox='0 0 24 24'%3E%3Cpath d='M12 3L2 8h20L12 3zm-8 7v2h2v6H4v2h16v-2h-2v-6h2v-2H4zm4 2h2v6H8v-6zm6 0h2v6h-2v-6z'/%3E%3C/svg%3E");
}
.item.authors .orcid{padding-left:24px;font-size:13px}
.item.authors .orcid a{color:var(--sc-ink-2)}

/* name + ORCID iD + e-mail icons on one line (article_details-authors.tpl) */
.jc_detail_head{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}
.jc_detail_head .jc_au_orcid{
  width:17px;
  height:17px;
  margin-left:2px;
  vertical-align:middle;
  background-size:17px;
}
.jc_au_email{
  display:inline-block;
  flex:0 0 17px;
  width:17px;
  height:17px;
  overflow:hidden;
  border-radius:50%;
  font-size:0;
  line-height:0;
  color:transparent !important;
  background:no-repeat center/17px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%230B6CF0'/%3E%3Cpath fill='%23fff' d='M6.5 7.5h11a.5.5 0 0 1 .5.5v.6l-6 3.9-6-3.9V8a.5.5 0 0 1 .5-.5zM6 10.1l6 3.9 6-3.9v6.4a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
  transition:transform .15s ease, filter .15s ease;
}
.jc_au_email:hover,
.jc_au_email:focus{transform:scale(1.15);filter:hue-rotate(-25deg)}
.jc_au_orcid:focus-visible,
.jc_au_email:focus-visible{outline:2px solid var(--sc-accent-2);outline-offset:2px}

/* CONTACT strip - corresponding author (article_details.tpl: .jc_contact) */
.jc_contact{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 16px;
  margin:16px 0 0;
  padding:10px 16px;
  background:#eef3f9;
  border-left:4px solid var(--sc-accent);
  border-radius:0 6px 6px 0;
  font-size:14px;
  line-height:1.5;
  color:var(--sc-ink);
}
.jc_contact_lbl{
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--sc-link);
}
.jc_contact_name,
.jc_contact_mail{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.jc_contact_name::before,
.jc_contact_mail::before{
  content:"";
  flex:0 0 15px;
  width:15px;
  height:15px;
  background:var(--sc-link);
  -webkit-mask:no-repeat center/contain var(--jc-icon);
          mask:no-repeat center/contain var(--jc-icon);
}
.jc_contact_name{--jc-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 100-10 5 5 0 000 10zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/%3E%3C/svg%3E")}
.jc_contact_mail{
  --jc-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18a1 1 0 0 1 1 1v.4l-10 6.2L2 6.4V6a1 1 0 0 1 1-1zm-1 3.7 10 6.2 10-6.2V18a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
  color:var(--sc-ink) !important;
  overflow-wrap:anywhere;
}
.jc_contact_mail:hover{color:var(--sc-link-hover) !important;text-decoration:underline}

/* DOI + Dimensions: compact metadata strip */
.obj_article_details .main_entry .item.doi,
.obj_article_details .main_entry .item.dimensions-badge{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 !important;
  padding:10px 14px;
  background:var(--sc-soft);
  border:1px solid var(--sc-line);
}
.obj_article_details .main_entry .item.doi{
  border-radius:6px 6px 0 0;
  border-bottom:0;
}
.obj_article_details .main_entry .item.dimensions-badge{
  border-radius:0 0 6px 6px;
  margin-bottom:26px !important;
}
.obj_article_details .main_entry .item.doi>.label,
.obj_article_details .main_entry .item.dimensions-badge>.label{
  flex:0 0 92px;
  margin:0;
  padding:0;
  border:0;
  font-size:12px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--sc-ink-3);
}
.obj_article_details .main_entry .item.doi .value{font-size:14px}

/* keywords -> "Author keywords" */
.obj_article_details .item.keywords>.label{
  font-size:0 !important;
}
.obj_article_details .item.keywords>.label::before{
  content:"Author keywords";
  font-size:18px;
}
.obj_article_details .item.keywords .value{
  display:block;
  font-size:14.5px;
  line-height:1.7;
  color:var(--sc-link);
}

/* abstract */
.obj_article_details .item.abstract p,
.item.abstract{
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  -webkit-hyphens:auto;
  font-size:15.5px;
  line-height:1.8;
  color:var(--sc-ink);
}
.obj_article_details .item.abstract p{margin:0 0 12px}

/* references: justified, number in its own gutter so line 2+ align with line 1.
   The template wraps the leading "[n]" in .jc_ref_no; references without it
   still get the same left gutter. */
.obj_article_details .item.references .value p{
  position:relative;
  margin:0;
  padding:10px 0 10px 2.9em;
  text-indent:0;
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  -webkit-hyphens:auto;
  font-size:13.5px;
  line-height:1.6;
  color:var(--sc-ink-2);
  border-bottom:1px solid #eef1f4;
  overflow-wrap:anywhere;
}
.obj_article_details .item.references .value p:last-child{border-bottom:0}
/* JUPEMBA uses APA (no "[n]"): hanging indent instead of an empty gutter */
.obj_article_details .item.references .value p:not(:has(.jc_ref_no)){
  padding-left:2em;
  text-indent:-2em;
}
.obj_article_details .item.references .jc_ref_no{
  position:absolute;
  left:0;
  top:10px;
  width:2.5em;
  color:var(--sc-ink-3);
  font-variant-numeric:tabular-nums;
}

/* ---------- right column: Scopus-like side panels ---------- */
.obj_article_details .entry_details .item{
  background:#fff;
  border:1px solid var(--sc-line);
  border-radius:6px;
  padding:14px 16px;
  margin:0 0 14px;
  font-size:13.5px;
  line-height:1.55;
}

.obj_article_details .entry_details .item.cover_image{padding:10px}
.obj_article_details .entry_details .cover_image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:4px;
}

.obj_article_details .entry_details .item.galleys{
  padding:12px;
  background:var(--sc-soft);
}
.obj_article_details .entry_details .galleys_links{display:block;margin:0;padding:0}
.obj_article_details .entry_details .galleys_links li{list-style:none;margin:0}
.obj_article_details .entry_details .galleys_links li+li{margin-top:8px}
/* .galleys_links also carries class "value", so ".value a" would win - keep the
   extra .galleys_links in these selectors so the button text stays white */
.obj_article_details .entry_details .galleys_links .obj_galley_link{
  display:flex;
  justify-content:center;
  width:100%;
  padding:9px 12px;
  font-size:14.5px;
  background:linear-gradient(135deg,var(--sc-accent),var(--sc-accent-2));
  border:0;
  color:#fff;
}
.obj_article_details .entry_details .galleys_links .obj_galley_link:hover,
.obj_article_details .entry_details .galleys_links .obj_galley_link:focus{
  background:var(--sc-accent-dark);
  color:#fff;
}

.obj_article_details .entry_details .sub_item{margin:0;padding:0}
.obj_article_details .entry_details .sub_item+.sub_item{margin-top:10px}

.obj_article_details .entry_details .label,
.obj_article_details .entry_details h2.label{
  display:block;
  margin:0 0 4px;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--sc-ink-3);
}
.obj_article_details .entry_details .value{
  color:var(--sc-ink);
  font-weight:600;
}
.obj_article_details .entry_details .value a{color:var(--sc-link)}

/* metrics panel (article_details.tpl: .jc_metrics) */
.obj_article_details .entry_details .item.jc_metrics{padding:12px}
.jc_metric_row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(90px,1fr));
  gap:8px;
}
.jc_metric{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  padding:10px 6px 9px;
  border-radius:6px;
  background:var(--sc-soft);
  border:1px solid var(--sc-line);
  text-align:center;
}
.jc_metric::before{
  content:"";
  width:18px;
  height:18px;
  margin-bottom:2px;
  background:linear-gradient(135deg,var(--sc-accent),var(--sc-accent-2));
  -webkit-mask:no-repeat center/contain var(--jc-icon);
          mask:no-repeat center/contain var(--jc-icon);
}
.jc_metric_views{--jc-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C6.5 5 2.7 8.6 1 12c1.7 3.4 5.5 7 11 7s9.3-3.6 11-7c-1.7-3.4-5.5-7-11-7zm0 11.5A4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 0 1 0 9zm0-7a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5z'/%3E%3C/svg%3E")}
.jc_metric_dl{--jc-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 3h2v9.2l3.3-3.3 1.4 1.4L12 16l-5.7-5.7 1.4-1.4 3.3 3.3V3zM4 18h16v2H4z'/%3E%3C/svg%3E")}
.obj_article_details .entry_details .jc_metric_num{
  font-size:20px;
  font-weight:700;
  line-height:1.2;
  color:var(--sc-link);
  font-variant-numeric:tabular-nums;
}
.obj_article_details .entry_details .jc_metric_lbl{
  font-size:11px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--sc-ink-3);
}

/* license */
.obj_article_details .entry_details .item.copyright p{
  margin:6px 0 0;
  font-size:12.5px;
  color:var(--sc-ink-2);
}

/* how to cite */
.obj_article_details .entry_details .citation_display .value{font-weight:400}
.obj_article_details .entry_details .csl-entry{
  font-size:13px;
  line-height:1.55;
  color:var(--sc-ink);
  overflow-wrap:anywhere;
}
.obj_article_details .citation_formats{
  margin-top:10px;
  border:1px solid var(--sc-line);
  border-radius:4px;
}
.obj_article_details .citation_formats_button{
  width:100%;
  margin:0 !important;
  padding:7px 10px !important;
  font-size:12.5px !important;
  font-weight:600;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:var(--sc-link) !important;
  background:#fff;
  border:0;
  text-align:left;
}
.obj_article_details .citation_formats_list a{font-size:13px}

/* other entry_details blocks (keywords plugin, stats, etc.) */
.obj_article_details .entry_details img{max-width:100%;height:auto}

/* ---------- Sidebar ---------- */
.pkp_structure_sidebar:before{border-left:1px solid #ddd}

.pkp_block{
  padding:0 3px 5px 5px;
  font-size:14px;
  line-height:20px;
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 4px 20px rgba(0,0,0,.08);
}
.pkp_block .title{
  width:100%;
  height:30px;
  margin-bottom:0;
  padding-top:.4em;
  border:0;
  background:linear-gradient(135deg,var(--jp-blue),var(--jp-blue-2));
  color:#ececec;
  font-size:13px;
  text-align:center;
}
.pkp_block .content{background:#fff}
.pkp_block li{
  position:relative;
  display:block;
  border-radius:0;
  background:#f1f1f1;
}
.pkp_block .content ul li{padding:0;background:#f4f4f2}
.pkp_block ul>li{border-bottom:1px solid rgba(0,0,0,.125)}
.pkp_block ul>li a{
  display:flex;
  padding:.75rem 1rem;
  color:#495464;
}
.pkp_block ul>li a:hover{
  text-decoration:none;
  background:#F5FAFF;
  color:var(--jp-blue);
}

/* ISSN Portal block: the content ends with an empty <p><br><br></p>
   between two <hr>, which showed as a blank box under the barcode */
#customblock-issn-portal .content>hr,
#customblock-issn-portal .content>p:not(:has(:not(br))){display:none}

/* ---------- About the Journal card (inline-styled journal description) ----------
   cover (24%, min 12rem) + info (72%, min 16rem) wrap on narrow columns and
   the info box then stayed 72% wide with an empty strip beside it */
.pkp_structure_main [style*="width: 72%"][style*="min-width: 16rem"]{flex:1 1 16rem}

/* ---------- Archive ---------- */
.obj_issue_summary{
  margin:0 3em 0 1.6em;
  padding-left:1em;
  border-left:4px solid var(--jp-blue);
}
.obj_issue_summary .description{text-align:justify}
.page_issue_archive .issues_archive>li{margin:0;padding:2em 0 0 .7em}
.page_issue_archive .cover{
  display:block !important;
  float:left;
  width:180px;
  margin-right:25px;
}
.page_issue_archive .cover img{
  width:100%;
  border-radius:12px;
  border:1px solid #D9E8FF;
  box-shadow:0 8px 24px rgba(0,0,0,.10);
}

/* ---------- Footer ---------- */
.pkp_brand_footer{display:none}

/* ---------- Responsive ---------- */
/* mobile header (OJS switches to the burger menu below 992px): the flex
   header squeezed the logo to ~117px and pushed the ISSN strip beside it */
@media(max-width:991px){
  .pkp_structure_head{display:block;height:auto}
  .pkp_head_wrapper{width:auto;padding:0}
  .pkp_site_name_wrapper{
    display:flex;
    align-items:center;
    gap:10px;
    height:auto;
    padding:8px 10px;
  }
  /* relative, not static: the burger lines (span) are absolutely placed */
  .pkp_site_nav_toggle{position:relative;flex:0 0 auto;margin:0}
  .pkp_site_name{
    position:static;
    flex:1 1 auto;
    min-width:0;
    width:auto;
    margin:0;
    padding:0;
  }
  .pkp_site_name .is_img img{width:100%;max-height:none}
  .pkp_site_nav_menu a{color:var(--jp-blue)}
  /* Register / Login sit on the blue menu background (were blue on blue) */
  .pkp_site_nav_menu .pkp_navigation_user>li>a{color:#fff}

  /* readable ISSN strip under the header logo (logo text is too small on phones) */
  .pkp_structure_head::after{
    content:"e-ISSN 3110-1437  \00b7  p-ISSN 3123-2477";
    display:block;
    padding:5px 10px 6px;
    background:var(--jp-blue-dark);
    font-size:12px;
    font-weight:600;
    letter-spacing:.3px;
    color:#fff;
    text-align:center;
    white-space:pre;
  }
}

@media(max-width:768px){
  .obj_issue_toc{padding:16px}
  .obj_issue_toc .cover,
  .page_issue_archive .cover{
    float:none;
    width:220px !important;
    margin:0 auto 20px;
  }

  .obj_article_summary{padding:14px 14px 12px}
  .obj_article_summary>.title{font-size:15.5px}
  .obj_article_summary .article-metrics{margin-left:0;flex:0 0 100%}

  .obj_article_details .page_title{
    font-size:22px;
  }

  .obj_article_details .main_entry .item.doi,
  .obj_article_details .main_entry .item.dimensions-badge{
    flex-wrap:wrap;
    gap:4px 10px;
  }

}