@charset "UTF-8";

/* =====================================================================
   JOCSAIC - Journal stylesheet
   OJS 3.4.0.10, default theme
   Pairs with the custom templates article_summary.tpl and
   article_details.tpl (classes prefixed .jc_).

   1. Tokens          5. Article list (summary cards)
   2. Base & header   6. Article detail page
   3. Sidebar         7. Archive & footer
   4. Issue TOC       8. Mobile
   ===================================================================== */


/* =====================================================================
   1. TOKENS
   ===================================================================== */
:root{
  /* journal brand (header, navigation, sidebar links) */
  --jc-brand:#206393;
  --jc-orange:#f58213;
  --jc-text:#1f4f72;
  --jc-border:#b0c8da;
  --jc-shadow:0 4px 14px rgba(32,99,147,.16);

  /* article pages - indigo + cyan from the homepage hero */
  --jc-ink:#1e293b;          /* body text */
  --jc-ink-2:#475569;        /* secondary text */
  --jc-ink-3:#64748b;        /* muted labels */
  --jc-link:#1e3a8a;         /* titles and links */
  --jc-link-hover:#0e7490;
  --jc-accent:#4338ca;       /* indigo: buttons, bars */
  --jc-accent-dark:#3730a3;
  --jc-accent-2:#0891b2;     /* cyan */
  --jc-line:#e2e8f0;
  --jc-soft:#f5f7fb;
  --jc-oa:#0e7490;           /* "Open Access" label */
}


/* =====================================================================
   2. BASE & HEADER
   ===================================================================== */
body{font-size:15px;line-height:1.8;color:var(--jc-text)}
a{color:var(--jc-brand);text-decoration:none}
a:hover{color:var(--jc-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}

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

/* DOI links everywhere: the templates hard-code an inline #ff9f00
   (2.1:1 contrast on white), so !important is needed to override it */
a[href*="doi.org"]{
  color:var(--jc-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(--jc-link-hover) !important;
  text-decoration:underline !important;
}


/* =====================================================================
   3. SIDEBAR
   ===================================================================== */
.pkp_structure_sidebar:before{border-left:1px solid var(--jc-border)}

.pkp_block{margin-bottom:20px;font-size:14px}
.pkp_block .title{
  padding:12px;
  border-radius:8px 8px 0 0;
  background:linear-gradient(135deg,var(--jc-accent),var(--jc-accent-2)); /* = PDF button */
  color:#fff;
  font-weight:700;
  text-align:center;
}
.pkp_block .content{
  background:#fff;
  border:1px solid var(--jc-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(--jc-text)}
.pkp_block li a:hover{padding-left:20px;background:#eef7fc;color:var(--jc-brand)}


/* =====================================================================
   4. ISSUE TABLE OF CONTENTS (homepage current issue, issue pages)
   ===================================================================== */
.obj_issue_toc{
  padding:24px;
  background:#fff;
  border-radius:12px;
  box-shadow:var(--jc-shadow);
}
.obj_issue_toc .heading{overflow:hidden;margin-bottom:0}  /* contains the floated cover */
.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(--jc-shadow)}
.obj_issue_toc .sections{clear:both}

/* the default theme pulls .section 30px outside the box and adds a rule */
.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(--jc-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(--jc-accent),var(--jc-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}


/* =====================================================================
   5. ARTICLE LIST - summary cards (article_summary.tpl)
   Order inside the card (flex, .meta is display:contents):
     0 type label | 1 pages | 2 title | 3 authors | 4 DOI | 5 Dimensions
     6 divider   | 7 PDF button | 8 views/downloads
   ===================================================================== */
.obj_article_summary{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 14px;
  margin-bottom:14px;
  padding:16px 20px 14px;
  background:#fff;
  border:1px solid var(--jc-line);
  border-left:4px solid var(--jc-accent);
  border-radius:8px;
  font-size:14px;
  line-height:1.55;
  color:var(--jc-ink-2);
  transition:border-color .2s ease, box-shadow .2s ease;
}
.obj_article_summary:hover,
.obj_article_summary:focus-within{
  border-left-color:var(--jc-accent-2);
  box-shadow:0 4px 14px rgba(30,58,138,.10);
}
.obj_article_summary>script{display:none}
.obj_article_summary .meta{display:contents}

/* 0 - type label */
.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(--jc-oa);
}

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

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

/* 3 - authors: names (n) [iD] [mail], then one affiliation line per author */
.obj_article_summary .authors{
  order:3;
  flex:0 0 100%;
  margin:2px 0;
  font-size:14px;
  color:var(--jc-ink);
}
.jc_au_names{position:relative;padding-left:26px;line-height:1.6}
.jc_au_names::before{  /* two-person icon */
  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='%233b4ba8' 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;
  line-height:0;
  vertical-align:super;
  color:var(--jc-ink-2);
}
.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(--jc-ink-2);
}
.jc_aff_no{flex:0 0 auto;min-width:20px;color:var(--jc-ink-3)}

/* 4, 5 - DOI + Dimensions badge (the template sets inline margins) */
.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(--jc-ink-3) !important}
.obj_article_summary .article-dimensions-badge{order:5;margin:0 !important;line-height:0}

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

/* 7 - PDF button, 8 - views/downloads */
.obj_article_summary .galleys_links{order:7;display:flex;gap:8px;margin:0;padding:0}
.obj_article_summary .galleys_links li{margin:0;list-style:none}
.obj_article_summary .article-metrics{
  order:8;
  margin-left:auto;
  font-size:12.5px;
  color:var(--jc-ink-3);
}
.obj_article_summary .article-metrics .fa{margin-right:3px;color:var(--jc-ink-3)}


/* ---------- shared: galley button, ORCID iD and e-mail icons ---------- */
.obj_galley_link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 12px;
  background:#fff;
  border:1px solid var(--jc-accent);
  border-radius:4px;
  font-size:13px;
  font-weight:700;
  line-height:1.6;
  text-align:center;
  color:var(--jc-accent-dark);
  transition:background .15s ease, color .15s ease;
}
.obj_galley_link:hover,
.obj_galley_link:focus{background:var(--jc-accent);border-color:var(--jc-accent);color:#fff}
.obj_galley_link.pdf::before{  /* document icon, follows the text colour */
  content:"";
  flex:0 0 14px;
  width:14px;
  height:14px;
  margin:0;
  background:currentColor;
  -webkit-mask:no-repeat center/contain var(--jc-icon-doc);
          mask:no-repeat center/contain var(--jc-icon-doc);
}
.obj_galley_link{--jc-icon-doc: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")}

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

/* e-mail icon (corresponding author); the hex-encoded address text is hidden */
.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='%234338ca'/%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(--jc-accent-2);outline-offset:2px}


/* =====================================================================
   6. ARTICLE DETAIL PAGE (article_details.tpl)
   ===================================================================== */
.page_article .cmp_breadcrumbs{margin-bottom:6px;font-size:12.5px;color:var(--jc-ink-3)}
.page_article .cmp_breadcrumbs a{color:var(--jc-ink-2)}
.page_article .cmp_breadcrumbs a:hover{color:var(--jc-link)}

.obj_article_details{color:var(--jc-ink)}
.obj_article_details .page_title{
  margin:4px 0 18px;
  font-size:28px;
  font-weight:600;
  line-height:1.32;
  color:var(--jc-ink);
}
.obj_article_details .page_title::before{  /* type label above the title */
  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(--jc-oa);
}
.obj_article_details .subtitle{margin-top:-10px;font-size:18px;color:var(--jc-ink-2)}

/* two-column layout: content | 250px side panels */
.obj_article_details .row{margin:0;border:0}
.obj_article_details .main_entry,
.obj_article_details .entry_details{padding:0;border:0 !important}
@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}     /* default theme reverses the order */
  .obj_article_details .entry_details{grid-column:2}
}

/* section headings in the main column */
.obj_article_details .main_entry .item{margin:0 0 26px;padding:0}
.obj_article_details .main_entry .item>.label{
  display:block;
  margin:0 0 12px;
  padding-bottom:8px;
  border-bottom:1px solid var(--jc-line);
  font-size:18px;
  font-weight:600;
  color:var(--jc-ink);
}

/* ---------- authors ---------- */
.obj_article_details .item.authors{padding-bottom:18px;border-bottom:1px solid var(--jc-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{
  display:flex;
  flex-direction:column;
  min-width:0;
  margin:0;
  list-style:none;
}
.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;
}
.obj_article_details .item.authors .name{
  position:relative;
  padding-left:24px;
  font-size:15.5px;
  font-weight:600;
  color:var(--jc-link);
}
.obj_article_details .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='%234338ca' 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");
}
.obj_article_details .item.authors .affiliation{
  position:relative;
  padding-left:24px;
  font-size:13.5px;
  line-height:1.5;
  color:var(--jc-ink-2);
}
.obj_article_details .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");
}

/* CONTACT strip: corresponding author name + e-mail */
.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(--jc-accent);
  border-radius:0 6px 6px 0;
  font-size:14px;
  line-height:1.5;
  color:var(--jc-ink);
}
.jc_contact_lbl{
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--jc-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(--jc-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");
  overflow-wrap:anywhere;
  color:var(--jc-ink) !important;
}
.jc_contact_mail:hover{color:var(--jc-link-hover) !important;text-decoration:underline}

/* ---------- DOI + Dimensions: one metadata box ---------- */
.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;            /* template sets an inline margin-top */
  padding:10px 14px;
  background:var(--jc-soft);
  border:1px solid var(--jc-line);
}
.obj_article_details .main_entry .item.doi{border-bottom:0;border-radius:6px 6px 0 0}
.obj_article_details .main_entry .item.dimensions-badge{margin-bottom:26px !important;border-radius:0 0 6px 6px}
.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(--jc-ink-3);
}
.obj_article_details .main_entry .item.doi .value{font-size:14px}

/* ---------- keywords: label shown as "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(--jc-link);
}

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

/* ---------- references: justified, "[n]" in its own gutter ---------- */
.obj_article_details .item.references .value p{
  position:relative;
  margin:0;
  padding:10px 0 10px 2.9em;
  border-bottom:1px solid #eef1f4;
  font-size:13.5px;
  line-height:1.6;
  text-indent:0;
  text-align:justify;
  text-justify:inter-word;
  -webkit-hyphens:auto;
          hyphens:auto;
  overflow-wrap:anywhere;
  color:var(--jc-ink-2);
}
.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;
  font-variant-numeric:tabular-nums;
  color:var(--jc-ink-3);
}

/* ---------- right column: side panels ---------- */
.obj_article_details .entry_details .item{
  margin:0 0 14px;
  padding:14px 16px;
  background:#fff;
  border:1px solid var(--jc-line);
  border-radius:6px;
  font-size:13.5px;
  line-height:1.55;
}
.obj_article_details .entry_details img{max-width:100%;height:auto}
.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 .label{
  display:block;
  margin:0 0 4px;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--jc-ink-3);
}
.obj_article_details .entry_details .value{font-weight:600;color:var(--jc-ink)}
.obj_article_details .entry_details .value a{color:var(--jc-link)}
.obj_article_details .entry_details .sub_item{margin:0;padding:0}
.obj_article_details .entry_details .sub_item+.sub_item{margin-top:10px}

/* PDF button. The <ul> also has class "value", so the extra .galleys_links
   is needed to beat ".value a" and keep the text white. */
.obj_article_details .entry_details .item.galleys{padding:12px;background:var(--jc-soft)}
.obj_article_details .entry_details .galleys_links{display:block;margin:0;padding:0}
.obj_article_details .entry_details .galleys_links li{margin:0;list-style:none}
.obj_article_details .entry_details .galleys_links li+li{margin-top:8px}
.obj_article_details .entry_details .galleys_links .obj_galley_link{
  display:flex;
  justify-content:center;
  width:100%;
  padding:9px 12px;
  background:linear-gradient(135deg,var(--jc-accent),var(--jc-accent-2));
  border:0;
  font-size:14.5px;
  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(--jc-accent-dark);color:#fff}
.obj_article_details .entry_details .obj_galley_link.pdf::after{content:" \00b7  Full text";white-space:pre;font-weight:500}

/* metrics panel: abstract views + downloads */
.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(--jc-soft);
  border:1px solid var(--jc-line);
  border-radius:6px;
  text-align:center;
}
.jc_metric::before{
  content:"";
  width:18px;
  height:18px;
  margin-bottom:2px;
  background:linear-gradient(135deg,var(--jc-accent),var(--jc-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;
  font-variant-numeric:tabular-nums;
  color:var(--jc-link);
}
.obj_article_details .entry_details .jc_metric_lbl{
  font-size:11px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--jc-ink-3);
}

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

/* how to cite (citationStyleLanguage plugin; its own CSS needs the !important) */
.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;
  overflow-wrap:anywhere;
  color:var(--jc-ink);
}
.obj_article_details .citation_formats{margin-top:10px;border:1px solid var(--jc-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(--jc-link) !important;
}
.obj_article_details .citation_formats_list a{font-size:13px}


/* =====================================================================
   7. ARCHIVE & FOOTER
   ===================================================================== */
.page_issue_archive .cover{display:block !important;width:180px}
.page_issue_archive .cover img{width:100%;border-radius:8px;box-shadow:var(--jc-shadow)}

.pkp_brand_footer{display:none}


/* =====================================================================
   8. MOBILE (max 768px)
   ===================================================================== */
@media(max-width:768px){
  /* readable ISSN strip under the logo (the logo text is too small) */
  .pkp_structure_head::after{
    content:"e-ISSN 3108-9828  \00b7  p-ISSN 3109-3981";
    display:block;
    padding:5px 10px 6px;
    background:#16496f;
    font-size:12px;
    font-weight:600;
    letter-spacing:.3px;
    text-align:center;
    white-space:pre;
    color:#fff;
  }

  .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{flex:0 0 100%;margin-left:0}

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