@charset "UTF-8";

/* =====================================================
   JUIKTI - Journal Stylesheet V6 (cleaned 2026-11-08)
   Jurnal Ilmu Komputer dan Teknik Informatika
   OJS 3.4 (default theme) - templates shared with JOCSAIC (.jc_* classes)

   1. Variables          6. Article detail
   2. Base / header      7. Article detail - side panels
   3. Issue TOC          8. Sidebar
   4. Article summary    9. Archive / footer
   5. Galley buttons    10. Responsive
===================================================== */

/* ---------- 1. Variables ---------- */
:root{
  /* JUIKTI identity: cover blue + orange */
  --jk-orange:#f58213;
  --jk-orange-dark:#d96b00;
  --jk-blue:#206393;
  --jk-navy:#16496f;
  --text:#1f4f72;
  --border:#b0c8da;
  --shadow:0 4px 14px rgba(32,99,147,.16);

  /* article list / detail tokens */
  --sc-ink:#1e293b;          /* body text */
  --sc-ink-2:#475569;        /* secondary text */
  --sc-ink-3:#64748b;        /* muted labels */
  --sc-link:#16496f;         /* links / titles (navy) */
  --sc-link-hover:#d96b00;   /* orange */
  --sc-accent:#206393;       /* primary accent (blue) */
  --sc-accent-2:#f58213;     /* secondary accent (orange) */
  --sc-line:#e2e8f0;
  --sc-soft:#f5f7fb;
  --sc-oa:#d96b00;           /* "Article • Open Access" label */
}

/* ---------- 2. Base / header / navigation ---------- */
body{font-size:15px;line-height:1.8;color:var(--text)}
a{color:var(--jk-blue);text-decoration:none}
a:hover{color:var(--jk-orange)}
.pkp_structure_page{margin:0 auto;box-shadow:none}
.pkp_structure_content{font-size:15px;line-height:1.8}

.pkp_structure_head{margin-bottom:.25rem}
.pkp_site_name .is_img img{display:block;width:auto;height:auto;max-height:none}

.pkp_navigation_primary_row{
  position:sticky;
  top:0;
  z-index:9999;
  padding:6px 10px;
  background:#fff;
  border-top:3px solid var(--jk-orange);
  box-shadow:var(--shadow);
}
#navigationPrimary>li>a{color:var(--text);font-weight:600}
#navigationPrimary>li>a:hover,
#navigationPrimary ul a:hover{color:var(--jk-orange)}

/* DOI links (default #ff9f00 had 2.1:1 contrast on white) */
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;
}

/* ---------- 3. Issue table of contents ---------- */
.obj_issue_toc{
  background:#fff;
  padding:24px;
  border-radius:12px;
  box-shadow:var(--shadow);
}
.obj_issue_toc .cover{
  display:block!important;
  float:left;
  width:220px;
  margin-right:24px;
}
.obj_issue_toc .cover img{
  width:100%;
  border-radius:8px;
  box-shadow:var(--shadow);
}
/* 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}

/* =====================================================
   4. ARTICLE SUMMARY - Scopus search-result style
   Markup (article_summary.tpl): .obj_article_summary > h4.title,
   .meta(.authors.jc_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;
  margin-bottom:14px;
  padding:16px 20px 14px;
  background:#fff;
  border:1px solid var(--sc-line);
  border-left:4px solid var(--sc-accent);
  border-radius:8px;
  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(32,99,147,.10);
}
.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: numbered authors (n) + one affiliation line per author */
.obj_article_summary .authors{
  order:3;
  flex:0 0 100%;
  margin:2px 0;
  font-size:14px;
  color:var(--sc-ink);
}
.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='%23f58213' 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:var(--jk-navy);
  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_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{
  margin-right:2px;
  font-weight:600;
  color:var(--sc-ink-3) !important;
}
.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;
  margin:6px 0 2px;
  border-top:1px solid var(--sc-line);
}

/* row 5: PDF button + 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}

/* ---------- ORCID iD + corresponding-author e-mail icons (list + detail) ---------- */
.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_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='%23206393'/%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_orcid:hover,
.jc_au_orcid:focus{transform:scale(1.15)}
.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}
/* smaller e-mail icon in the article list */
.jc_au_names .jc_au_email{
  width:15px;
  height:15px;
  margin-left:5px;
  vertical-align:-2px;
  background-size:15px;
}

/* ---------- 5. Galley (PDF) buttons ---------- */
.obj_galley_link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 12px;
  background:#fff;
  color:var(--jk-orange-dark);
  border:1px solid var(--jk-orange);
  border-radius:4px;
  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{
  background:var(--jk-orange);
  border-color:var(--jk-orange);
  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");
}

/* =====================================================
   6. ARTICLE DETAIL - Scopus document page style
===================================================== */
.page_article .cmp_breadcrumbs{
  margin-bottom:6px;
  font-size:12.5px;
  color:var(--sc-ink-3);
}
.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{
  margin:4px 0 18px;
  font-size:28px;
  line-height:1.32;
  font-weight:600;
  color:var(--sc-ink);
}
.obj_article_details .subtitle{
  margin-top:-10px;
  font-size:18px;
  color:var(--sc-ink-2);
}

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

/* authors: names on one line with (1), (2)...; affiliations listed below
   with the same numbers (like the article list). CSS only - each li is
   display:contents, names get flex order 1, affiliations order 2. */
.obj_article_details .item.authors{
  padding-bottom:18px;
  border-bottom:1px solid var(--sc-line);
}
.obj_article_details .item.authors ul.authors{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:2px 0;
  margin:0;
  padding:0 0 0 26px;
  counter-reset:jkau jkaff;
}
.obj_article_details .item.authors ul.authors::before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  width:18px;
  height:18px;
  background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f58213' 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");
}
.obj_article_details .item.authors li{display:contents;list-style:none;margin:0}

/* names row: name (n) + ORCID / e-mail icons */
.jc_detail_head{
  order:1;
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  margin-right:6px;
  counter-increment:jkau;
}
.obj_article_details .item.authors li:not(:last-child) .jc_detail_head::after{
  content:",";
  margin-left:-5px;
  font-weight:600;
  color:var(--sc-link);
}
.jc_detail_head .jc_au_orcid{
  width:17px;
  height:17px;
  margin-left:2px;
  background-size:17px;
}
.obj_article_details .item.authors .name{
  position:relative;
  font-size:15.5px;
  font-weight:700;
  color:var(--sc-link);
}
.obj_article_details .item.authors .name::after{
  content:"(" counter(jkau) ")";
  margin-left:2px;
  font-size:10.5px;
  font-weight:500;
  color:var(--sc-ink-2);
  vertical-align:super;
  line-height:0;
}

/* affiliations list */
.obj_article_details .item.authors .affiliation{
  order:2;
  flex:0 0 100%;
  display:flex;
  gap:10px;
  position:relative;
  font-size:13.5px;
  line-height:1.55;
  color:var(--sc-ink-2);
  counter-increment:jkaff;
}
.obj_article_details .item.authors li:first-child .affiliation{margin-top:8px}
.obj_article_details .item.authors .affiliation::before{
  content:"(" counter(jkaff) ")";
  flex:0 0 auto;
  min-width:20px;
  color:var(--sc-ink-3);
}

/* CONTACT strip - corresponding author (.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, "[n]" (.jc_ref_no) in its own gutter so
   line 2+ align with line 1 */
.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}
.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;
}

/* ---------- 7. Article detail - right column panels ---------- */
.obj_article_details .entry_details .item{
  margin:0 0 14px;
  padding:14px 16px;
  background:#fff;
  border:1px solid var(--sc-line);
  border-radius:6px;
  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
   .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(--jk-orange),var(--jk-orange-dark));
  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(--jk-orange-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 (.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;
  background:var(--sc-soft);
  border:1px solid var(--sc-line);
  border-radius:6px;
  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;
  background:#fff;
  border:0;
  font-size:12.5px !important;
  font-weight:600;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-align:left;
  color:var(--sc-link) !important;
}
.obj_article_details .citation_formats_list a{font-size:13px}

.obj_article_details .entry_details img{max-width:100%;height:auto}

/* ---------- 8. Sidebar ---------- */
.pkp_structure_sidebar:before{border-left:1px solid var(--border)}
.pkp_block{margin-bottom:20px;font-size:14px}
/* title: cover blue + orange line (colour of "JUIKTI" on the cover) */
.pkp_block .title{
  padding:12px;
  background:linear-gradient(135deg,#2c6c9e,#1b4b78);
  border-bottom:3px solid var(--jk-orange);
  border-radius:8px 8px 0 0;
  font-weight:700;
  text-align:center;
  color:#fff;
}
.pkp_block .content{
  background:#fff;
  border:1px solid var(--border);
  border-top:none;
  border-radius:0 0 8px 8px;
}
.pkp_block ul{margin:0;padding:0}
.pkp_block li{list-style:none;border-bottom:1px solid #d8e8f2}
.pkp_block li a{
  display:block;
  padding:12px 15px;
  color:var(--text);
}
.pkp_block li a:hover{
  padding-left:20px;
  background:#eef7fc;
  color:var(--jk-blue);
}

/* ---------- 9. Archive / footer ---------- */
.page_issue_archive .cover{display:block!important;width:180px}
.page_issue_archive .cover img{
  width:100%;
  border-radius:8px;
  box-shadow:var(--shadow);
}
.pkp_brand_footer{display:none}

/* ---------- 10. Responsive ---------- */
@media(max-width:768px){
  .obj_issue_toc{padding:16px}
  .obj_issue_toc .cover{
    float:none;
    width:140px;
    margin:0 auto 15px;
  }

  .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;
  }

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