/* Journal of Advanced Microbiology — blue-accent stylesheet
   Apply only in JAM: Settings > Website > Appearance > Advanced. */

:root {
  --jam-blue: #1f6fb2;
  --jam-blue-2: #15558a;
  --jam-teal: #2f8b67;
  --jam-ink: #273746;
  --jam-muted: #617181;
  --jam-line: #d7e5f1;
  --jam-soft: #f3f8fc;
}

body,
.pkp_structure_page {
  color: var(--jam-ink);
  font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
}

/* Keep the entire outer canvas neutral, like JAM. */
html,
body { background: #fff !important; }

.pkp_structure_page {
  background: #fff;
  box-shadow: none;
}

.pkp_structure_head,
.pkp_structure_head .pkp_head_wrapper {
  background: #fff;
}

.pkp_structure_head {
  border-bottom: 3px solid var(--jam-blue);
  box-shadow: 0 2px 10px rgba(31, 111, 178, .06);
}

/* Use FPI's portrait cover as the journal logo. OJS wraps this image in a
   link to the journal home page, so the cover acts as a compact Home link. */
.pkp_site_name_wrapper {
  display: block !important;
  width: 62px;
  margin: 10px 0 8px !important;
}

.pkp_site_name,
.pkp_site_name > a,
.pkp_site_name .is_img {
  display: block;
  margin: 0 !important;
}

.pkp_site_name .is_img img {
  display: block;
  width: 62px !important;
  height: 82px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
  object-position: center;
  border: 1px solid var(--jam-line);
  border-radius: 4px;
  box-shadow: 0 2px 7px rgba(31, 111, 178, .14);
}

.pkp_navigation_primary_row {
  border-top: 1px solid var(--jam-line);
  background: #fff;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a {
  color: #33404c;
  font-size: .92rem;
  font-weight: 600;
  transition: color .16s ease, background-color .16s ease;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
  color: var(--jam-blue-2);
}

.pkp_navigation_primary .dropdown-menu {
  border: 1px solid var(--jam-line);
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(31, 111, 178, .14);
}

.pkp_navigation_primary li:hover > ul {
  display: block;
}

.pkp_structure_content {
  box-sizing: border-box;
  max-width: 1180px;
  margin: 0 auto !important;
  padding: 34px 30px 56px;
}

.pkp_structure_main {
  box-sizing: border-box;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.page_index_journal,
.pkp_page_issue .page {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.homepage_about,
.current_issue {
  margin: 0 0 34px;
  padding: 32px;
  border: 1px solid var(--jam-line);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(22, 51, 75, .05);
}

.homepage_about {
  border-left: 1px solid var(--jam-line);
}

.homepage_about h2,
.current_issue > h2,
.pkp_page_issue .page > h1 {
  margin: 0 0 18px;
  color: var(--jam-blue);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.15;
}

.homepage_about p,
.homepage_about li {
  color: #4b5865;
  line-height: 1.7;
}

.homepage_about a,
.pkp_page_issue .page a {
  color: var(--jam-blue-2);
  font-weight: 700;
}

.current_issue {
  background: var(--jam-soft);
}

.current_issue_title {
  margin: -4px 0 24px;
  color: #445363;
  font-size: 1.05rem;
  font-weight: 700;
}

.obj_issue_toc .heading {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--jam-line);
}

.obj_issue_toc .heading .cover {
  margin: 0;
}

.obj_issue_toc .heading .cover img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
  box-shadow: 0 10px 24px rgba(31, 111, 178, .16);
}

.obj_issue_toc .heading .description,
.obj_issue_toc .heading .published {
  grid-column: 2;
}

.obj_issue_toc .heading .description {
  color: #4f5c68;
  line-height: 1.7;
}

.obj_issue_toc .heading .published {
  color: var(--jam-muted);
  font-size: .9rem;
}

.obj_issue_toc .sections {
  margin-top: 28px;
}

.obj_issue_toc .section {
  margin-bottom: 30px;
}

.obj_issue_toc .section > h3,
.obj_issue_toc .section > h2 {
  margin: 0 0 14px;
  color: var(--jam-blue);
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.cmp_article_list.articles {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cmp_article_list.articles > li {
  margin-bottom: 12px;
}

.obj_article_summary {
  padding: 20px 22px;
  border: 1px solid var(--jam-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(22, 51, 75, .035);
  transition: transform .16s ease, box-shadow .16s ease;
}

.obj_article_summary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(31, 111, 178, .09);
}

.obj_article_summary .title {
  margin: 0 0 9px;
  font-size: 1.12rem;
  line-height: 1.38;
}

.obj_article_summary .title a {
  color: var(--jam-ink);
  font-weight: 700;
  text-decoration: none;
}

.obj_article_summary .title a:hover {
  color: var(--jam-blue-2);
}

.obj_article_summary .meta {
  color: var(--jam-muted);
  font-size: .92rem;
  line-height: 1.55;
}

.obj_article_summary .galleys_links {
  margin: 15px 0 0;
  padding: 0;
  list-style: none;
}

.obj_galley_link {
  display: inline-block;
  padding: 7px 12px;
  border: 1px solid var(--jam-blue);
  border-radius: 999px;
  color: var(--jam-blue) !important;
  font-size: .8rem;
  font-weight: 700;
  text-decoration: none;
}

.obj_galley_link:hover {
  background: var(--jam-blue);
  color: #fff !important;
}

.pkp_structure_sidebar .pkp_block {
  margin-bottom: 18px;
  padding: 20px;
  border: 1px solid var(--jam-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(22, 51, 75, .05);
}

/* Keep journal blocks in a clear right sidebar on every FPI page that
   contains blocks: home, issues, archives, articles, search, and About. */
@media (min-width: 960px) {
  .pkp_structure_content.has_sidebar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 28px;
    align-items: start;
  }

  .pkp_structure_content.has_sidebar .pkp_structure_main {
    grid-column: 1;
    grid-row: 1;
    float: none !important;
    width: auto !important;
  }

  .pkp_structure_content.has_sidebar .pkp_structure_sidebar {
    display: block !important;
    grid-column: 2;
    grid-row: 1;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

.pkp_structure_sidebar .title {
  margin: 0 0 12px;
  color: var(--jam-blue);
  font-size: 1rem;
}

.pkp_structure_sidebar a {
  color: var(--jam-blue-2);
  font-weight: 600;
}

.block_make_submission_link {
  display: block;
  padding: 11px 14px;
  border-radius: 6px;
  background: var(--jam-blue);
  color: #fff;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.pkp_page_issue .page {
  max-width: 980px;
}

.pkp_footer {
  border-top: 4px solid var(--jam-blue);
}

/* Make standalone pages feel as considered as the homepage. */
.pkp_page_article .article-details .title,
.pkp_page_search .page_title,
.pkp_page_about .page_title {
  color: var(--jam-blue);
  letter-spacing: -.018em;
}

.cmp_button {
  border-radius: 6px;
  font-weight: 700;
}

@media (min-width: 960px) {
  .pkp_page_article .pkp_structure_content,
  .pkp_page_issue .pkp_structure_content,
  .pkp_page_search .pkp_structure_content,
  .pkp_page_about .pkp_structure_content {
    padding-top: 30px;
  }
}

@media (max-width: 680px) {
  .pkp_site_name_wrapper { width: 52px; margin: 8px 0 6px !important; }
  .pkp_site_name .is_img img { width: 52px !important; height: 68px !important; }
  .pkp_structure_content {
    padding: 28px 16px 46px;
  }
  .homepage_about,
  .current_issue {
    padding: 22px;
  }
  .obj_issue_toc .heading {
    grid-template-columns: 1fr;
  }
  .obj_issue_toc .heading .cover {
    width: min(220px, 100%);
  }
  .obj_issue_toc .heading .description,
  .obj_issue_toc .heading .published {
    grid-column: 1;
  }
}

/* Compact pass: OJS Default Theme uses more generous spacing than needed for
   a scholarly journal. These selectors intentionally override it. */
.pkp_page_index .pkp_head_wrapper,
.pkp_page_issue .pkp_head_wrapper {
  padding: 0 !important;
}

.pkp_page_index .pkp_structure_content,
.pkp_page_issue .pkp_structure_content {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 26px 24px 40px !important;
}

.pkp_page_index .pkp_structure_main,
.pkp_page_issue .pkp_structure_main {
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove unused Default Theme layout helpers that create visible guide lines
   in some OJS installations. */
.pkp_structure_content::before,
.pkp_structure_content::after,
.pkp_structure_main::before,
.pkp_structure_main::after,
.pkp_structure_sidebar::before,
.pkp_structure_sidebar::after,
.pkp_structure_content.has_sidebar::before,
.pkp_structure_content.has_sidebar::after {
  display: none !important;
  content: none !important;
}

/* Remove OJS's structural divider only; individual cards keep their borders. */
.pkp_structure_main,
.pkp_structure_sidebar {
  border-left: 0 !important;
  border-right: 0 !important;
}

.pkp_page_index .homepage_about,
.pkp_page_index .current_issue {
  margin-bottom: 20px;
  padding: 22px 24px;
}

.pkp_page_index .homepage_about h2,
.pkp_page_index .current_issue > h2,
.pkp_page_issue .page > h1 {
  margin-bottom: 12px;
  font-size: 1.7rem;
}

.pkp_page_index .obj_issue_toc .heading,
.pkp_page_issue .obj_issue_toc .heading {
  gap: 18px;
  padding-bottom: 14px;
}

.pkp_page_index .obj_issue_toc .sections,
.pkp_page_issue .obj_issue_toc .sections {
  margin-top: 18px;
}

.pkp_page_index .obj_issue_toc .section,
.pkp_page_issue .obj_issue_toc .section {
  margin-bottom: 18px;
}

/* Some issues do not have a cover or description. Do not reserve an empty
   cover column for those records. */
.obj_issue_toc .heading:not(:has(.cover)) {
  display: block;
  padding-bottom: 10px;
}

.obj_issue_toc .heading:not(:has(.cover)) .description,
.obj_issue_toc .heading:not(:has(.cover)) .published {
  grid-column: auto;
}

@media (max-width: 680px) {
  .pkp_page_index .pkp_structure_content,
  .pkp_page_issue .pkp_structure_content { padding: 20px 16px 32px !important; }
  .pkp_page_index .homepage_about,
  .pkp_page_index .current_issue { padding: 18px; }
}

/* OJS adds 30px padding and negative margins around every article section.
   Remove that inherited spacing so adjacent sections stay compact. */
.pkp_page_index .obj_issue_toc .sections > .section,
.pkp_page_issue .obj_issue_toc .sections > .section {
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_page_index .obj_issue_toc .sections > .section + .section,
.pkp_page_issue .obj_issue_toc .sections > .section + .section {
  margin-top: 22px !important;
  padding-top: 0 !important;
}

.pkp_page_index .obj_issue_toc .sections > .section > h3,
.pkp_page_issue .obj_issue_toc .sections > .section > h3 {
  margin: 0 0 10px !important;
}

/* FPI has a legacy logo wrapper in its older appearance settings.
   Remove it so the header matches JAM's compact cover treatment. */
.pkp_site_name_wrapper {
  height: 82px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  line-height: 0;
}

.pkp_site_name,
.pkp_site_name > a {
  line-height: 0;
}

.pkp_site_name .is_img img {
  margin: 0 !important;
  vertical-align: top;
}

/* Hiding the search control prevents Contact Us from dropping onto a second
   row in this compact navigation. */
.pkp_navigation_search_wrapper {
  display: none !important;
}

.pkp_navigation_primary_wrapper,
.pkp_navigation_primary {
  min-height: 48px !important;
}

.pkp_navigation_primary {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_navigation_primary > li {
  float: none !important;
  flex: 0 0 auto;
}

.pkp_navigation_primary > li > a {
  padding: 14px 17px !important;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .pkp_site_name_wrapper { height: 68px !important; }
  .pkp_navigation_primary { flex-wrap: wrap !important; }
  .pkp_navigation_primary > li > a { padding: 11px 10px !important; }
}

/* OJS initially assigns the cover to column two. Put it back in column one
   so the issue image and description form a balanced two-column introduction. */
.obj_issue_toc .heading .cover {
  grid-column: 1 !important;
  grid-row: 1 / span 3 !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

.obj_issue_toc .heading .cover img {
  width: 100% !important;
  height: auto !important;
}

.obj_issue_toc .heading .description,
.obj_issue_toc .heading .published {
  grid-column: 2 !important;
  width: auto !important;
  margin-left: 0 !important;
}

.obj_issue_toc .heading .description {
  grid-row: 1;
}

.obj_issue_toc .heading .published {
  grid-row: 2;
  margin-top: 16px !important;
}

@media (max-width: 680px) {
  .obj_issue_toc .heading .cover {
    max-width: 360px;
    margin-bottom: 18px !important;
  }
}

/* Give the header a clear identity while keeping the cover itself clickable. */
.pkp_structure_head .pkp_head_wrapper {
  position: relative;
}

.pkp_structure_head .pkp_head_wrapper::before {
  content: "Journal of Advanced Microbiology";
  position: absolute;
  top: 34px;
  left: 94px;
  color: var(--jam-blue);
  font-size: 1.28rem;
  font-weight: 700;
  letter-spacing: -.018em;
  line-height: 1.2;
  pointer-events: none;
}

.pkp_structure_head .pkp_head_wrapper::after {
  content: "Food science and pharmaceutical research";
  position: absolute;
  top: 62px;
  left: 94px;
  color: var(--jam-muted);
  font-size: .82rem;
  line-height: 1.2;
  pointer-events: none;
}

@media (max-width: 680px) {
  .pkp_structure_head .pkp_head_wrapper::before {
    display: none !important;
  }
  .pkp_structure_head .pkp_head_wrapper::after {
    display: none !important;
  }

  /* Match JAM's compact, top-left mobile cover placement. */
  .pkp_site_name_wrapper {
    display: block !important;
    width: 52px !important;
    height: auto !important;
    margin: 8px 0 6px !important;
    padding: 0 !important;
    position: static !important;
    overflow: visible !important;
  }

  .pkp_site_name,
  .pkp_site_name > a,
  .pkp_site_name .is_img {
    display: block !important;
    margin: 0 !important;
    line-height: 0;
  }

  .pkp_site_name .is_img img {
    display: block !important;
    width: 52px !important;
    height: 68px !important;
    margin: 0 !important;
  }

  /* Keep the journal navigation visible on phones. */
  .pkp_navigation_primary_row {
    display: block !important;
    padding: 0 12px !important;
  }

  .pkp_navigation_primary_wrapper {
    display: block !important;
    min-height: 0 !important;
  }

  .pkp_navigation_primary {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .pkp_navigation_primary > li {
    display: block !important;
    float: none !important;
  }

  .pkp_navigation_primary > li > a {
    display: block !important;
    padding: 10px 8px !important;
    font-size: .74rem;
    white-space: nowrap;
  }
}

/* FPI uses a simple logo placement: a compact cover directly above
   the Home tab, without a separate desktop title block. */
.pkp_structure_head .pkp_head_wrapper::before,
.pkp_structure_head .pkp_head_wrapper::after {
  display: none !important;
  content: none !important;
}

.pkp_site_name_wrapper {
  height: auto !important;
  margin: 10px 0 8px !important;
}

@media (max-width: 680px) {
  /* Override all Default Theme collapse rules for the primary menu. */
  .pkp_site_nav_menu,
  .pkp_navigation_primary_row,
  .pkp_navigation_primary_wrapper,
  .pkp_navigation_primary {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .pkp_navigation_primary {
    display: flex !important;
    flex-wrap: wrap !important;
  }
}

/* Article pages: presentation only.  Keep OJS's own article layout intact
   because it correctly accommodates optional cover images, galleys and
   metadata for every article type. */
.pkp_page_article .obj_article_details > .title,
.pkp_page_article .obj_article_details > h1 {
  max-width: 1050px;
  margin: 0 0 26px;
  color: var(--jam-ink);
  font-size: clamp(1.7rem, 2.45vw, 2.18rem);
  font-weight: 750;
  line-height: 1.14;
  letter-spacing: -.025em;
}

/* Align the title exactly with the author list. Default OJS gives only the
   title an additional inset on some article records. */
.pkp_page_article .obj_article_details > .page_title,
.pkp_page_article .obj_article_details > h1.page_title {
  /* OJS pulls the article body 30px left with .row's negative margin. */
  margin-left: -30px !important;
  width: calc(100% + 30px);
  padding-left: 0 !important;
}

.pkp_page_article .obj_article_details .main_entry > .item {
  margin: 0 0 24px;
  padding: 0 0 22px;
  border-bottom: 1px solid var(--jam-line);
}

.pkp_page_article .obj_article_details .main_entry > .item:last-child {
  border-bottom: 0;
}

.pkp_page_article .obj_article_details .authors .name {
  color: var(--jam-ink);
  font-weight: 700;
}

.pkp_page_article .obj_article_details .authors .affiliation {
  color: var(--jam-muted);
  line-height: 1.55;
}

.pkp_page_article .obj_article_details .authors .author {
  margin-bottom: 20px;
}

.pkp_page_article .obj_article_details .main_entry h2,
.pkp_page_article .obj_article_details .main_entry .label {
  margin: 0 0 10px;
  color: var(--jam-blue);
  font-size: .84rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.pkp_page_article .obj_article_details .entry_details > .item {
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 10px;
  padding: 14px;
  border: 1px solid var(--jam-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(31, 111, 178, .045);
}

.pkp_page_article .obj_article_details .entry_details .cover_image {
  padding: 0;
  overflow: hidden;
}

.pkp_page_article .obj_article_details .entry_details > .item > .value {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.48;
}

.pkp_page_article .obj_article_details .entry_details .cover_image img {
  display: block;
  width: 100%;
  height: auto;
}

.pkp_page_article .obj_article_details .entry_details .galleys {
  background: var(--jam-soft);
}

.pkp_page_article .obj_article_details .entry_details .galleys .obj_galley_link {
  background: var(--jam-blue);
  color: #fff !important;
}

.pkp_page_article .obj_article_details .entry_details .galleys .obj_galley_link:hover {
  background: var(--jam-blue-2);
}

.pkp_page_article .obj_article_details .entry_details .label {
  display: block;
  margin-bottom: 7px;
  color: var(--jam-muted);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* The Default Theme gives these labels a heavy grey bar. Use a quieter
   academic treatment that keeps the cover and information cards aligned. */
.pkp_page_article .obj_article_details .entry_details .published .label,
.pkp_page_article .obj_article_details .entry_details .issue .label,
.pkp_page_article .obj_article_details .entry_details .copyright .label,
.pkp_page_article .obj_article_details .entry_details .citation .label {
  margin: -14px -14px 11px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--jam-line);
  background: var(--jam-soft);
  color: var(--jam-blue);
}

.pkp_page_article .obj_article_details .entry_details .published,
.pkp_page_article .obj_article_details .entry_details .issue {
  color: var(--jam-ink);
  line-height: 1.55;
}

/* An issue contains a second, internal label for its section name. It should
   read as a small subheading rather than as a second detached card header. */
.pkp_page_article .obj_article_details .entry_details .issue .label:not(:first-child) {
  margin: 14px 0 6px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--jam-blue) !important;
  font-size: .72rem;
}

.pkp_page_article .obj_article_details .entry_details .citation .value,
.pkp_page_article .obj_article_details .entry_details .copyright .value {
  font-size: .9rem;
  line-height: 1.48;
}

/* Citation Style Language uses an extra .sub_item wrapper, unlike the other
   metadata panels. Reset that wrapper so it follows the same compact rhythm. */
.pkp_page_article .obj_article_details .entry_details .citation .citation_display {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.pkp_page_article .obj_article_details .entry_details .citation .citation_display > .label {
  margin: -14px -14px 12px !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid var(--jam-line) !important;
  background: var(--jam-soft) !important;
  color: var(--jam-blue) !important;
  font-size: .74rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}

.pkp_page_article .obj_article_details .entry_details .citation .citation_display > .value {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--jam-ink);
  font-size: .9rem;
  line-height: 1.48;
}

.pkp_page_article .obj_article_details .citation_formats {
  margin-top: 14px;
}

.pkp_page_article .obj_article_details .citation_formats_button {
  display: block;
  width: 100%;
  padding: 9px 12px;
  border: 1px solid var(--jam-line);
  border-radius: 5px;
  background: #fff;
  color: var(--jam-blue);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-align: left;
  text-transform: uppercase;
}

/* The citation-format selector is supplied by an outdated AddThis-era widget
   and renders an empty outlined control in this OJS installation. The full
   citation remains visible; only this broken optional selector is removed. */
.pkp_page_article .obj_article_details .citation_formats {
  display: none !important;
}

/* The format list is closed by default. OJS's default positioning can leave
   an empty outlined rectangle visible even while it is marked aria-hidden. */
.pkp_page_article .obj_article_details .citation_formats_list[aria-hidden="true"] {
  display: none !important;
}

/* OJS may render an empty AddThis container even when sharing is not enabled.
   Removing that empty card keeps the right-hand information stack compact. */
.pkp_page_article .obj_article_details .entry_details .addthis {
  display: none !important;
}

.pkp_page_article .obj_article_details .entry_details a,
.pkp_page_article .obj_article_details .doi a {
  color: var(--jam-blue-2);
}

@media (max-width: 680px) {
  .pkp_page_article .obj_article_details > .title,
  .pkp_page_article .obj_article_details > h1 {
    margin-bottom: 20px;
    font-size: 1.65rem;
  }

  .pkp_page_article .obj_article_details > .page_title,
  .pkp_page_article .obj_article_details > h1.page_title {
    width: auto;
    margin-left: 0 !important;
  }

  .pkp_page_article .obj_article_details .entry_details > .item {
    padding: 14px;
  }
}

/* FPI final layout: full-width frame and a compact article rhythm. */
html, body, .pkp_structure_page { width:100% !important; max-width:none !important; }
.pkp_structure_page { margin:0 !important; }
.pkp_structure_head, .pkp_structure_footer_wrapper { width:100% !important; max-width:none !important; }
.pkp_structure_head .pkp_head_wrapper { width:100% !important; max-width:none !important; box-sizing:border-box; padding-left:clamp(18px, 5vw, 96px) !important; padding-right:clamp(18px, 5vw, 96px) !important; }
.pkp_structure_footer_wrapper { box-sizing:border-box; padding-left:clamp(18px, 5vw, 96px); padding-right:clamp(18px, 5vw, 96px); }
.pkp_structure_content { max-width:1500px !important; padding:24px clamp(18px, 5vw, 96px) 38px !important; }

/* Keep the important actions legible. */
.block_make_submission_link, .pkp_structure_sidebar .block_make_submission_link {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  background:#1f6fb2 !important;
  color:#fff !important;
  text-shadow:none !important;
  box-shadow:0 8px 18px rgba(31,111,178,.22) !important;
}
.block_make_submission_link:hover, .block_make_submission_link:focus { background:#15558a !important; color:#fff !important; }
.obj_galley_link, .obj_galley_link:visited {
  display:inline-flex !important;
  align-items:center;
  gap:5px;
  background:#1f6fb2 !important;
  border-color:#1f6fb2 !important;
  color:#fff !important;
  text-shadow:none !important;
}
.obj_galley_link:hover, .obj_galley_link:focus { background:#15558a !important; border-color:#15558a !important; color:#fff !important; }

/* Article types read as compact, coloured section labels. */
.obj_issue_toc .section > h2, .obj_issue_toc .section > h3,
.pkp_page_index .obj_issue_toc .section > h3, .pkp_page_issue .obj_issue_toc .section > h3 {
  display:inline-block;
  margin:0 0 9px !important;
  padding:6px 10px;
  border-left:3px solid #1f6fb2;
  background:#f3f8fc;
  color:#15558a !important;
  font-size:.76rem !important;
  line-height:1.2;
  letter-spacing:.08em;
}
.obj_issue_toc .section { margin-bottom:16px !important; }

/* Compact article cards for the homepage, issues, archive and latest-articles views. */
.obj_article_summary, .pkp_page_index .obj_article_summary, .pkp_page_issue .obj_article_summary {
  min-height:0 !important;
  margin:0 0 10px !important;
  padding:15px 17px !important;
  border-radius:8px;
}
.obj_article_summary .title, .pkp_page_index .obj_article_summary .title, .pkp_page_issue .obj_article_summary .title {
  margin:0 0 6px !important;
  font-size:1.03rem !important;
  line-height:1.34 !important;
}
.obj_article_summary .meta, .pkp_page_index .obj_article_summary .meta, .pkp_page_issue .obj_article_summary .meta {
  margin:0 !important;
  color:var(--jam-muted) !important;
  font-size:.87rem !important;
  line-height:1.45 !important;
}
.obj_article_summary .galleys_links, .pkp_page_index .obj_article_summary .galleys_links, .pkp_page_issue .obj_article_summary .galleys_links {
  margin:9px 0 0 !important;
}
.obj_article_summary .galleys_links > li { margin:0 !important; }
.obj_article_summary .obj_galley_link { padding:6px 10px !important; font-size:.75rem !important; }

/* Tighter current-issue and sidebar cards on every FPI route. */
.homepage_about, .current_issue { padding:22px 24px !important; margin-bottom:20px !important; }
.current_issue > h2, .homepage_about h2 { margin-bottom:10px !important; }
.pkp_structure_sidebar .pkp_block { padding:17px !important; margin-bottom:14px !important; }
.pkp_structure_footer_wrapper { border-top:4px solid #1f6fb2; }

@media (max-width:680px) {
  .pkp_structure_content { padding:20px 16px 30px !important; }
  .obj_article_summary, .pkp_page_index .obj_article_summary, .pkp_page_issue .obj_article_summary { padding:14px 15px !important; }
}

/* Final JAM phone header: keep Submit Now visible without opening the menu. */
@media (max-width:680px) {
  .pkp_structure_head .pkp_head_wrapper {
    position:relative !important;
    height:84px !important;
    min-height:84px !important;
    overflow:visible !important;
  }
  .pkp_structure_head .pkp_site_name_wrapper {
    position:absolute !important;
    top:7px !important;
    left:48px !important;
    width:54px !important;
    height:70px !important;
    margin:0 !important;
    overflow:visible !important;
  }
  .pkp_structure_head .pkp_site_nav_toggle {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:absolute !important;
    top:25px !important;
    left:12px !important;
    width:28px !important;
    height:32px !important;
    padding:0 !important;
    z-index:10 !important;
  }
  /* Show only Submit Now in the closed header; the hamburger opens all links. */
  .pkp_structure_head .pkp_navigation_primary {
    display:block !important;
    position:absolute !important;
    top:22px !important;
    right:112px !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    visibility:visible !important;
    overflow:visible !important;
  }
  .pkp_structure_head .pkp_navigation_primary > li {
    display:none !important;
  }
  .pkp_structure_head .pkp_navigation_primary > li:last-child {
    display:block !important;
    width:auto !important;
    margin:0 !important;
  }
  .pkp_structure_head .pkp_navigation_primary > li:last-child > a {
    display:inline-flex !important;
    width:auto !important;
    min-height:31px !important;
    margin:0 !important;
    padding:8px 10px !important;
    border:1px solid #15558a !important;
    border-radius:5px !important;
    background:#15558a !important;
    color:#fff !important;
    font-size:.70rem !important;
    white-space:nowrap !important;
    box-shadow:none !important;
  }
  /* When opened, return the navigation to one vertical menu. */
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary {
    display:block !important;
    position:static !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary > li,
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary > li:last-child {
    display:block !important;
    width:100% !important;
    margin:0 !important;
  }
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary > li:last-child > a {
    display:block !important;
    width:calc(100% - 32px) !important;
    min-height:0 !important;
    margin:10px 16px 14px !important;
    padding:12px 16px !important;
    border-radius:7px !important;
    font-size:.9rem !important;
    text-align:center !important;
  }
}

/* The article now has more width without the sidebar. Keep the reading area
   comfortably broad and the download graph informative rather than oversized. */
.pkp_page_article .pkp_structure_main {
  max-width:1280px !important;
}
.pkp_page_article .item.downloads,
.pkp_page_article .downloads,
.pkp_page_article [class*="usage"] {
  max-width:980px !important;
}
.pkp_page_article .item.downloads canvas,
.pkp_page_article .downloads canvas,
.pkp_page_article [class*="usage"] canvas,
.pkp_page_article .item.downloads svg,
.pkp_page_article .downloads svg,
.pkp_page_article [class*="usage"] svg {
  display:block !important;
  width:100% !important;
  max-width:980px !important;
  max-height:300px !important;
  margin:0 !important;
}

/* Preserve true italics for scientific names, journal titles and citations. */
.pkp_structure_content em,
.pkp_structure_content i,
.pkp_structure_content cite,
.pkp_structure_content .italic {
  font-family:Georgia, "Times New Roman", serif !important;
  font-style:italic !important;
  font-weight:inherit !important;
}

/* Article page: keep the article on the left and its PDF/metadata beside it. */
@media (min-width:960px) {
  .pkp_page_article .obj_article_details {
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 290px;
    gap:28px;
    align-items:start;
  }
  .pkp_page_article .obj_article_details > .title,
  .pkp_page_article .obj_article_details > h1,
  .pkp_page_article .obj_article_details > .page_title,
  .pkp_page_article .obj_article_details > h1.page_title {
    grid-column:1 / -1;
    width:auto !important;
    max-width:none !important;
    margin:0 0 4px !important;
  }
  .pkp_page_article .obj_article_details .main_entry {
    grid-column:1;
    min-width:0;
  }
  .pkp_page_article .obj_article_details .entry_details {
    grid-column:2;
    grid-row:2 / span 2;
    min-width:0;
    margin:0 !important;
    padding:0 !important;
  }
}

/* Author details remain available but take a concise single-line form. */
.pkp_page_article .obj_article_details .authors .author {
  margin:0 0 9px !important;
  line-height:1.42;
}
.pkp_page_article .obj_article_details .authors .name {
  display:inline;
  font-size:1rem;
}
.pkp_page_article .obj_article_details .authors .affiliation {
  display:inline;
  margin:0 !important;
  font-size:.86rem;
  line-height:1.42;
}
.pkp_page_article .obj_article_details .authors .affiliation::before {
  content:" — ";
  color:#1f6fb2;
}
.pkp_page_article .obj_article_details .authors .author .role {
  display:none !important;
}
.pkp_page_article .obj_article_details .main_entry > .item {
  margin-bottom:16px;
  padding-bottom:14px;
}
.pkp_page_article .obj_article_details .entry_details > .item {
  margin-bottom:8px;
  padding:12px;
}
.pkp_page_article .obj_article_details .entry_details .published .label,
.pkp_page_article .obj_article_details .entry_details .issue .label,
.pkp_page_article .obj_article_details .entry_details .copyright .label,
.pkp_page_article .obj_article_details .entry_details .citation .label {
  margin:-12px -12px 9px;
  padding:8px 12px;
}
@media (max-width:959px) {
  .pkp_page_article .obj_article_details .entry_details { margin-top:20px; }
}

/* OJS places main_entry and entry_details inside .row; grid that real wrapper. */
@media (min-width:960px) {
  .pkp_page_article .obj_article_details > .row {
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 290px !important;
    gap:28px !important;
    align-items:start !important;
    width:100% !important;
    margin:0 !important;
  }
  .pkp_page_article .obj_article_details > .row > .main_entry {
    grid-column:1 !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }
  .pkp_page_article .obj_article_details > .row > .entry_details {
    grid-column:2 !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }
}

/* The actual OJS author markup is ul.authors > li. */
.pkp_page_article .obj_article_details ul.authors { margin:0 !important; padding:0 !important; list-style:none !important; }
.pkp_page_article .obj_article_details ul.authors > li { margin:0 0 8px !important; padding:0 !important; line-height:1.4; }
.pkp_page_article .obj_article_details ul.authors .name { display:inline !important; font-size:1rem; font-weight:700; }
.pkp_page_article .obj_article_details ul.authors .affiliation { display:inline !important; margin:0 !important; font-size:.86rem; line-height:1.4; }
.pkp_page_article .obj_article_details ul.authors .affiliation::before { content:" — "; color:#1f6fb2; }
.pkp_page_article .obj_article_details ul.authors .userGroup { display:none !important; }

/* Correct the article grid: only the inner .row is two-column. */
@media (min-width:960px) {
  .pkp_page_article .obj_article_details {
    display:block !important;
    width:100% !important;
    max-width:none !important;
  }
  .pkp_page_article .obj_article_details > .row {
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 280px !important;
    gap:30px !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }
  .pkp_page_article .obj_article_details > .row > .main_entry {
    display:block !important;
    grid-column:1 !important;
    width:auto !important;
    min-width:0 !important;
  }
  .pkp_page_article .obj_article_details > .row > .entry_details {
    display:block !important;
    grid-column:2 !important;
    width:auto !important;
    min-width:0 !important;
  }
}

.pkp_page_article .obj_article_details ul.authors .userGroup,
.pkp_page_article .obj_article_details .authors .userGroup {
  display:none !important;
}

/* All FPI routes share one wide, logo-aligned content grid. */
.pkp_structure_content .page,
.pkp_structure_main > .page,
.pkp_page_index .page_index_journal,
.pkp_page_issue .page,
.pkp_page_archive .page,
.pkp_page_about .page,
.pkp_page_search .page,
.pkp_page_static .page,
.pkp_page_contact .page {
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

@media (min-width:960px) {
  .pkp_structure_content.has_sidebar {
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 320px !important;
    gap:34px !important;
    align-items:start !important;
    width:100% !important;
    max-width:none !important;
  }
  .pkp_structure_content.has_sidebar .pkp_structure_main {
    grid-column:1 !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar {
    grid-column:2 !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }
}

/* Use the same left edge as the FPI cover and take advantage of the page width. */
.pkp_structure_content,
.pkp_page_article .pkp_structure_content {
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:26px clamp(18px, 5vw, 96px) 40px !important;
}

/* Section is metadata, not a button. */
.pkp_page_article .obj_article_details .entry_details .issue .sub_item + .sub_item .label,
.pkp_page_article .obj_article_details .entry_details .issue .label:not(:first-child) {
  display:block !important;
  margin:14px 0 5px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#15558a !important;
  font-size:.72rem !important;
  letter-spacing:.08em !important;
}

.pkp_page_article .obj_article_details .entry_details .issue .sub_item + .sub_item .value {
  padding-top:0 !important;
}

/* Metadata labels stay compact: no coloured band or dividing rule inside
   Published, Issue, Citation and Copyright cards. */
.pkp_page_article .obj_article_details .entry_details .published .label,
.pkp_page_article .obj_article_details .entry_details .issue > .label:first-child,
.pkp_page_article .obj_article_details .entry_details .copyright .label,
.pkp_page_article .obj_article_details .entry_details .citation .label,
.pkp_page_article .obj_article_details .entry_details .citation .citation_display > .label {
  margin:0 0 8px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--jam-blue) !important;
}

/* Keep the journal cover and account controls on one clean header row. */
.pkp_structure_head .pkp_head_wrapper {
  display:flex !important;
  align-items:center !important;
  min-height:126px !important;
}
.pkp_structure_head .pkp_site_name_wrapper {
  flex:0 0 auto !important;
  align-self:center !important;
  margin:0 !important;
}
.pkp_structure_head .pkp_navigation_user_wrapper {
  margin-left:auto !important;
  align-self:center !important;
}

/* Latest-article cards: the graphical abstract sits neatly beside the text,
   instead of creating an oversized empty card. */
@media (min-width:760px) {
  .obj_article_summary {
    display:grid !important;
    grid-template-columns:360px minmax(0, 1fr) auto !important;
    column-gap:18px !important;
    align-items:start !important;
  }
  .obj_article_summary .cover {
    grid-column:1 !important;
    grid-row:1 / span 3 !important;
    float:none !important;
    width:100% !important;
    margin:0 !important;
  }
  .obj_article_summary .cover img {
    display:block !important;
    width:100% !important;
    max-height:190px !important;
    object-fit:contain !important;
    object-position:left top !important;
  }
  .obj_article_summary .title,
  .obj_article_summary .meta,
  .obj_article_summary .galleys_links {
    grid-column:2 !important;
  }
  .obj_article_summary .pages {
    grid-column:3 !important;
    grid-row:1 !important;
    white-space:nowrap;
  }

  /* Articles without a graphical image must not retain a blank image column. */
  .obj_article_summary:not(:has(.cover)),
  .obj_article_summary:not(:has(.cover img)) {
    grid-template-columns:minmax(0, 1fr) auto !important;
  }
  .obj_article_summary:not(:has(.cover)) .title,
  .obj_article_summary:not(:has(.cover)) .meta,
  .obj_article_summary:not(:has(.cover)) .galleys_links,
  .obj_article_summary:not(:has(.cover img)) .title,
  .obj_article_summary:not(:has(.cover img)) .meta,
  .obj_article_summary:not(:has(.cover img)) .galleys_links {
    grid-column:1 !important;
  }
  .obj_article_summary:not(:has(.cover)) .pages,
  .obj_article_summary:not(:has(.cover img)) .pages {
    grid-column:2 !important;
  }
}

/* Some older records include a legacy divider inside their first summary. */
.obj_article_summary hr,
.obj_article_summary .separator {
  display:none !important;
}

/* PDF and Graphical Abstract are equal compact actions on article pages. */
.pkp_page_article .obj_article_details .entry_details .galleys {
  display:inline-flex !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 8px 10px 0 !important;
  padding:10px 14px !important;
  vertical-align:top !important;
  background:var(--jam-soft) !important;
}
.pkp_page_article .obj_article_details .entry_details .galleys .obj_galley_link {
  min-height:42px !important;
  margin:0 !important;
  padding:9px 14px !important;
  border-radius:999px !important;
}

/* The footer is part of JAM's blue identity, not a grey block. */
.pkp_structure_footer_wrapper,
.pkp_footer {
  background:var(--jam-blue) !important;
  color:#fff !important;
}
.pkp_footer a,
.pkp_structure_footer_wrapper a {
  color:#fff !important;
}
.pkp_footer .pkp_brand_footer img {
  filter:grayscale(1) brightness(0) invert(1) !important;
}

/* Keep the account controls in the same top line as the journal cover. */
.pkp_structure_head .pkp_head_wrapper,
.pkp_structure_head .pkp_head_wrapper .pkp_navigation_user_wrapper,
.pkp_structure_head .pkp_head_wrapper #navigationUserWrapper {
  display:flex !important;
  align-items:center !important;
}
.pkp_structure_head .pkp_head_wrapper .pkp_navigation_user_wrapper,
.pkp_structure_head .pkp_head_wrapper #navigationUserWrapper {
  position:static !important;
  top:auto !important;
  right:auto !important;
  margin:0 0 0 auto !important;
}

/* Article download area: remove Default Theme's vertical rule and lay the
   two download actions side by side. */
.pkp_page_article .obj_article_details .entry_details {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-start !important;
  border:0 !important;
  border-left:0 !important;
  box-shadow:none !important;
  padding-left:0 !important;
}
.pkp_page_article .obj_article_details .entry_details > .cover_image,
.pkp_page_article .obj_article_details .entry_details > .item:not(.galleys) {
  flex:0 0 100% !important;
}
.pkp_page_article .obj_article_details .entry_details > .galleys {
  flex:0 0 auto !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
.pkp_page_article .obj_article_details .entry_details .galleys .galleys_links {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.pkp_page_article .obj_article_details .entry_details .galleys .galleys_links > li {
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

/* A calm pale-blue footer with readable navy text. */
.pkp_structure_footer_wrapper,
.pkp_footer {
  background:#eef7fd !important;
  color:#29465f !important;
}
.pkp_footer a,
.pkp_structure_footer_wrapper a {
  color:#1f6fb2 !important;
}
.pkp_footer .pkp_brand_footer img {
  filter:none !important;
}

/* Header correction: account navigation is a compact control at the top
   right, never a full-width coloured strip. */
.pkp_structure_head .pkp_head_wrapper {
  display:block !important;
  min-height:0 !important;
}
.pkp_structure_head .pkp_head_wrapper .pkp_site_name_wrapper {
  display:block !important;
  position:relative !important;
  top:auto !important;
  left:auto !important;
  margin:10px 0 8px !important;
}
.pkp_structure_head .pkp_head_wrapper .pkp_navigation_user_wrapper,
.pkp_structure_head .pkp_head_wrapper #navigationUserWrapper {
  display:block !important;
  position:absolute !important;
  top:20px !important;
  right:clamp(18px, 5vw, 96px) !important;
  left:auto !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.pkp_structure_head .pkp_head_wrapper .pkp_navigation_user,
.pkp_structure_head .pkp_head_wrapper #navigationUser {
  display:flex !important;
  align-items:center !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
}

/* Article-list alignment: use separate, predictable layouts for records
   with and without a graphical abstract. */
@media (min-width:760px) {
  .obj_article_summary:not(:has(.cover img)) {
    display:block !important;
    position:relative !important;
    min-height:0 !important;
    height:auto !important;
    padding:16px 22px !important;
  }
  .obj_article_summary:not(:has(.cover img)) .title,
  .obj_article_summary:not(:has(.cover img)) .meta,
  .obj_article_summary:not(:has(.cover img)) .galleys_links {
    display:block !important;
    margin-left:0 !important;
  }
  .obj_article_summary:not(:has(.cover img)) .pages {
    position:absolute !important;
    top:18px !important;
    right:22px !important;
  }

  .obj_article_summary:has(.cover img) {
    display:block !important;
    position:relative !important;
    min-height:210px !important;
    height:auto !important;
    padding:18px 22px 18px 342px !important;
  }
  .obj_article_summary:has(.cover img) .cover {
    position:absolute !important;
    top:18px !important;
    left:22px !important;
    width:296px !important;
    margin:0 !important;
    float:none !important;
  }
  .obj_article_summary:has(.cover img) .cover img {
    display:block !important;
    width:296px !important;
    height:174px !important;
    max-height:174px !important;
    object-fit:contain !important;
    object-position:left top !important;
  }
  .obj_article_summary:has(.cover img) .title,
  .obj_article_summary:has(.cover img) .meta,
  .obj_article_summary:has(.cover img) .galleys_links {
    display:block !important;
    margin-left:0 !important;
  }
  .obj_article_summary:has(.cover img) .title {
    margin-top:0 !important;
  }
.obj_article_summary:has(.cover img) .pages {
    position:absolute !important;
    top:18px !important;
    right:22px !important;
  }
}

/* Section labels align exactly with the article cards below them. */
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3,
.pkp_page_index .obj_issue_toc .section > h3,
.pkp_page_issue .obj_issue_toc .section > h3 {
  margin-left:20px !important;
}

/* Final mobile overrides — deliberately last, after legacy JAM rules. */
@media (max-width:680px) {
  .pkp_structure_head .pkp_head_wrapper {
    position:relative !important;
    display:block !important;
    height:84px !important;
    min-height:84px !important;
    padding:8px 12px 0 !important;
    overflow:visible !important;
  }
  .pkp_structure_head .pkp_site_name_wrapper {
    position:absolute !important;
    top:7px !important;
    left:48px !important;
    display:block !important;
    width:54px !important;
    height:70px !important;
    margin:0 !important;
    overflow:visible !important;
  }
  .pkp_structure_head .pkp_site_name .is_img img {
    display:block !important;
    width:54px !important;
    height:70px !important;
    max-width:54px !important;
    max-height:70px !important;
  }
  .pkp_structure_head .pkp_site_nav_toggle {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:absolute !important;
    top:25px !important;
    left:12px !important;
    z-index:10 !important;
  }
  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper {
    display:block !important;
    position:absolute !important;
    top:22px !important;
    right:12px !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
  }
  .pkp_structure_head .pkp_navigation_user,
  .pkp_structure_head #navigationUser { display:flex !important; gap:8px !important; margin:0 !important; padding:0 !important; }
  .pkp_structure_head .pkp_navigation_user > li > a,
  .pkp_structure_head #navigationUser > li > a { display:block !important; padding:6px 8px !important; border:1px solid #cfe0ef !important; border-radius:5px !important; color:#15558a !important; font-size:.71rem !important; font-weight:700 !important; line-height:1 !important; }
  .pkp_structure_head .pkp_navigation_user > li:last-child > a,
  .pkp_structure_head #navigationUser > li:last-child > a { border-color:#15558a !important; background:#15558a !important; color:#fff !important; }
  .pkp_structure_head .pkp_navigation_primary_row,
  .pkp_structure_head .pkp_navigation_primary_wrapper { display:block !important; position:static !important; width:100% !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; }
  .pkp_structure_head .pkp_navigation_primary { display:block !important; position:absolute !important; top:22px !important; right:112px !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; visibility:visible !important; overflow:visible !important; }
  .pkp_structure_head .pkp_navigation_primary > li { display:none !important; }
  .pkp_structure_head .pkp_navigation_primary > li:last-child { display:block !important; width:auto !important; margin:0 !important; }
  .pkp_structure_head .pkp_navigation_primary > li:last-child > a { display:inline-flex !important; width:auto !important; min-height:31px !important; margin:0 !important; padding:8px 10px !important; border:1px solid #15558a !important; border-radius:5px !important; background:#15558a !important; color:#fff !important; font-size:.70rem !important; white-space:nowrap !important; box-shadow:none !important; }
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary { display:block !important; position:static !important; width:100% !important; margin:0 !important; padding:0 !important; }
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary > li,
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary > li:last-child { display:block !important; width:100% !important; margin:0 !important; }
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary > li > a { display:block !important; box-sizing:border-box !important; width:100% !important; min-height:0 !important; margin:0 !important; padding:13px 18px !important; border:0 !important; border-bottom:1px solid #e7eff6 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; color:#263f54 !important; font-size:.92rem !important; line-height:1.3 !important; text-align:left !important; }
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary > li:last-child > a { width:calc(100% - 32px) !important; min-height:0 !important; margin:10px 16px 14px !important; padding:12px 16px !important; border:1px solid #15558a !important; border-radius:7px !important; background:#15558a !important; color:#fff !important; font-size:.9rem !important; text-align:center !important; }
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary ul,
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary .dropdown-menu { display:none !important; }
}

/* Restore italic scientific names and citations, and contain download charts. */
.pkp_structure_content em, .pkp_structure_content i, .pkp_structure_content cite, .pkp_structure_content .italic { font-family:Georgia, "Times New Roman", serif !important; font-style:italic !important; font-weight:inherit !important; }
.pkp_page_article .pkp_structure_main { max-width:1280px !important; }
.pkp_page_article .item.downloads, .pkp_page_article .downloads, .pkp_page_article [class*="usage"] { max-width:980px !important; }
.pkp_page_article .item.downloads canvas, .pkp_page_article .downloads canvas, .pkp_page_article [class*="usage"] canvas, .pkp_page_article .item.downloads svg, .pkp_page_article .downloads svg, .pkp_page_article [class*="usage"] svg { display:block !important; width:100% !important; max-width:980px !important; max-height:300px !important; margin:0 !important; }

/* ========================================================================== 
   JAM ARTICLE PAGES ONLY — refined desktop reading layout and usage chart
   ========================================================================== */
.pkp_page_article .pkp_structure_content {
  max-width: 1540px !important;
  padding-top: 42px !important;
  padding-bottom: 64px !important;
}

@media (min-width: 960px) {
  .pkp_page_article .obj_article_details > .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 56px !important;
    align-items: start !important;
  }

  .pkp_page_article .obj_article_details > .row > .main_entry {
    width: 100% !important;
    max-width: 1040px !important;
    min-width: 0 !important;
  }

  /* Article information remains available as a calm, compact reference rail. */
  .pkp_page_article .obj_article_details > .row > .entry_details {
    position: sticky !important;
    top: 24px !important;
    width: auto !important;
    max-width: 340px !important;
    margin: 0 !important;
    padding: 20px !important;
    border: 1px solid var(--jam-line) !important;
    border-radius: 12px !important;
    background: #f8fbfe !important;
    box-shadow: 0 12px 30px rgba(31, 111, 178, .07) !important;
  }

  /* The monthly Downloads chart should read as a compact data panel, not a banner. */
  .pkp_page_article .item.downloads,
  .pkp_page_article .downloads,
  .pkp_page_article #usageStats,
  .pkp_page_article .usageStats,
  .pkp_page_article .usage-stats,
  .pkp_page_article .usage_stats {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 820px !important;
  }

  .pkp_page_article .item.downloads,
  .pkp_page_article .downloads {
    margin: 32px 0 !important;
    padding: 22px 24px 24px !important;
    overflow: hidden !important;
    border: 1px solid var(--jam-line) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f5faff 100%) !important;
    box-shadow: 0 8px 22px rgba(31, 111, 178, .05) !important;
  }

  .pkp_page_article .item.downloads [id*="usage"],
  .pkp_page_article .item.downloads [class*="usage"],
  .pkp_page_article .item.downloads [id*="chart"],
  .pkp_page_article .item.downloads [class*="chart"],
  .pkp_page_article .downloads [id*="usage"],
  .pkp_page_article .downloads [class*="usage"],
  .pkp_page_article .downloads [id*="chart"],
  .pkp_page_article .downloads [class*="chart"] {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 772px !important;
    height: 260px !important;
    max-height: 260px !important;
    margin: 0 auto !important;
  }

  .pkp_page_article .item.downloads canvas,
  .pkp_page_article .downloads canvas,
  .pkp_page_article .item.downloads svg,
  .pkp_page_article .downloads svg,
  .pkp_page_article #usageStats canvas,
  .pkp_page_article .usageStats canvas,
  .pkp_page_article .usage-stats canvas,
  .pkp_page_article .usage_stats canvas {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 260px !important;
    max-width: 772px !important;
    max-height: 260px !important;
    margin: 0 auto !important;
  }

  .pkp_page_article .item.downloads iframe,
  .pkp_page_article .downloads iframe,
  .pkp_page_article #usageStats iframe,
  .pkp_page_article .usageStats iframe,
  .pkp_page_article .usage-stats iframe,
  .pkp_page_article .usage_stats iframe {
    display: block !important;
    width: 100% !important;
    height: 260px !important;
    max-width: 772px !important;
    margin: 0 auto !important;
    border: 0 !important;
  }

  /* Related reading is grouped as a concise two-column resource section. */
  .pkp_page_article .related_items,
  .pkp_page_article .item.related_items {
    max-width: 1040px !important;
    margin-top: 34px !important;
    padding: 26px 28px !important;
    border: 1px solid var(--jam-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
  }

  .pkp_page_article .related_items ul,
  .pkp_page_article .item.related_items ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 30px !important;
    margin: 0 !important;
    padding-left: 18px !important;
  }
}

@media (max-width: 959px) {
  .pkp_page_article .obj_article_details > .row > .entry_details {
    margin-top: 28px !important;
  }

  .pkp_page_article .item.downloads,
  .pkp_page_article .downloads {
    padding: 18px !important;
    overflow-x: auto !important;
    border: 1px solid var(--jam-line) !important;
    border-radius: 10px !important;
    background: #f8fbfe !important;
  }

  .pkp_page_article .item.downloads canvas,
  .pkp_page_article .downloads canvas,
  .pkp_page_article .item.downloads svg,
  .pkp_page_article .downloads svg {
    max-height: 230px !important;
  }
}

/* JAM submission call-to-action — applies to the header link on every page. */
.pkp_navigation_primary > li:last-child > a,
.pkp_navigation_primary a[href*="submission"] {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:9px 17px !important;
  border:1px solid #15558a !important;
  border-radius:7px !important;
  background:linear-gradient(135deg, #1f6fb2, #15558a) !important;
  color:#fff !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 7px 16px rgb(31 111 178 / .22) !important;
}
.pkp_navigation_primary > li:last-child > a:hover,
.pkp_navigation_primary > li:last-child > a:focus,
.pkp_navigation_primary a[href*="submission"]:hover,
.pkp_navigation_primary a[href*="submission"]:focus {
  background:#0f4b7d !important;
  color:#fff !important;
  transform:translateY(-1px);
}

/* Phone layout: compact header plus one clean, vertical hamburger menu. */
@media (max-width:680px) {
  .pkp_structure_head .pkp_head_wrapper {
    position:relative !important;
    display:block !important;
    min-height:82px !important;
    padding:8px 12px 0 !important;
  }
  .pkp_structure_head .pkp_site_name_wrapper {
    display:block !important;
    width:54px !important;
    height:70px !important;
    margin:0 0 0 42px !important;
    padding:0 !important;
    line-height:0 !important;
  }
  .pkp_structure_head .pkp_site_name .is_img img {
    width:54px !important;
    height:70px !important;
    max-width:54px !important;
    max-height:70px !important;
    object-fit:cover !important;
  }
  .pkp_structure_head .pkp_site_nav_toggle {
    display:block !important;
    position:absolute !important;
    top:26px !important;
    left:12px !important;
    z-index:3 !important;
  }
  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper {
    display:block !important;
    position:absolute !important;
    top:22px !important;
    right:12px !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
  }
  .pkp_structure_head .pkp_navigation_user,
  .pkp_structure_head #navigationUser {
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
  }
  .pkp_structure_head .pkp_navigation_user > li > a,
  .pkp_structure_head #navigationUser > li > a {
    display:block !important;
    padding:6px 8px !important;
    border:1px solid #cfe0ef !important;
    border-radius:5px !important;
    color:#15558a !important;
    font-size:.71rem !important;
    font-weight:700 !important;
    line-height:1 !important;
  }
  .pkp_structure_head .pkp_navigation_user > li:last-child > a,
  .pkp_structure_head #navigationUser > li:last-child > a {
    border-color:#15558a !important;
    background:#15558a !important;
    color:#fff !important;
  }
  .pkp_structure_head .pkp_navigation_primary_row,
  .pkp_structure_head .pkp_navigation_primary_wrapper,
  .pkp_structure_head .pkp_navigation_primary {
    display:none !important;
  }
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary_row,
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary_wrapper,
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary {
    display:block !important;
    position:static !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    visibility:visible !important;
    overflow:visible !important;
  }
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary > li {
    display:block !important;
    float:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary > li > a {
    display:block !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:13px 18px !important;
    border:0 !important;
    border-radius:0 !important;
    border-bottom:1px solid #e7eff6 !important;
    background:#fff !important;
    box-shadow:none !important;
    color:#263f54 !important;
    font-size:.92rem !important;
    font-weight:650 !important;
    line-height:1.3 !important;
    text-align:left !important;
    transform:none !important;
  }
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary > li:last-child > a {
    margin:10px 16px 14px !important;
    width:calc(100% - 32px) !important;
    padding:12px 16px !important;
    border:1px solid #15558a !important;
    border-radius:7px !important;
    background:#15558a !important;
    color:#fff !important;
    text-align:center !important;
    box-shadow:0 7px 16px rgb(31 111 178 / .20) !important;
  }
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary ul,
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary .dropdown-menu {
    display:none !important;
  }
  .pkp_page_index .homepage_about,
  .pkp_page_index .current_issue { padding:18px !important; }
  .pkp_page_index .homepage_about .cover,
  .pkp_page_index .homepage_about img,
  .pkp_page_index .current_issue .cover {
    float:none !important;
    display:block !important;
    width:min(190px, 100%) !important;
    height:auto !important;
    margin:0 auto 16px !important;
  }
  .pkp_page_index .homepage_about .description,
  .pkp_page_index .current_issue .description {
    display:block !important;
    width:100% !important;
    margin:0 !important;
  }
}

/* Absolute final mobile priority. */
@media (max-width:680px) {
  .pkp_structure_head .pkp_head_wrapper { position:relative !important; display:block !important; height:84px !important; min-height:84px !important; padding:8px 12px 0 !important; overflow:visible !important; }
  .pkp_structure_head .pkp_site_name_wrapper { position:absolute !important; top:7px !important; left:48px !important; display:block !important; width:54px !important; height:70px !important; margin:0 !important; overflow:visible !important; }
  .pkp_structure_head .pkp_site_name .is_img img { display:block !important; width:54px !important; height:70px !important; max-width:54px !important; max-height:70px !important; }
  .pkp_structure_head .pkp_site_nav_toggle { display:block !important; visibility:visible !important; opacity:1 !important; position:absolute !important; top:25px !important; left:12px !important; z-index:10 !important; }
  .pkp_structure_head .pkp_navigation_user_wrapper, .pkp_structure_head #navigationUserWrapper { display:block !important; position:absolute !important; top:22px !important; right:12px !important; width:auto !important; margin:0 !important; padding:0 !important; }
  .pkp_structure_head .pkp_navigation_user, .pkp_structure_head #navigationUser { display:flex !important; gap:8px !important; margin:0 !important; padding:0 !important; }
  .pkp_structure_head .pkp_navigation_user > li > a, .pkp_structure_head #navigationUser > li > a { display:block !important; padding:6px 8px !important; border:1px solid #cfe0ef !important; border-radius:5px !important; color:#15558a !important; font-size:.71rem !important; font-weight:700 !important; line-height:1 !important; }
  .pkp_structure_head .pkp_navigation_user > li:last-child > a, .pkp_structure_head #navigationUser > li:last-child > a { border-color:#15558a !important; background:#15558a !important; color:#fff !important; }
  .pkp_structure_head .pkp_navigation_primary { display:block !important; position:absolute !important; top:22px !important; right:112px !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; visibility:visible !important; overflow:visible !important; }
  .pkp_structure_head .pkp_navigation_primary > li { display:none !important; }
  .pkp_structure_head .pkp_navigation_primary > li:last-child { display:block !important; width:auto !important; margin:0 !important; }
  .pkp_structure_head .pkp_navigation_primary > li:last-child > a { display:inline-flex !important; width:auto !important; min-height:31px !important; margin:0 !important; padding:8px 10px !important; border:1px solid #15558a !important; border-radius:5px !important; background:#15558a !important; color:#fff !important; font-size:.70rem !important; white-space:nowrap !important; box-shadow:none !important; }
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary { display:block !important; position:static !important; width:100% !important; margin:0 !important; padding:0 !important; }
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary > li, .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary > li:last-child { display:block !important; width:100% !important; margin:0 !important; }
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary > li > a { display:block !important; box-sizing:border-box !important; width:100% !important; min-height:0 !important; margin:0 !important; padding:13px 18px !important; border:0 !important; border-bottom:1px solid #e7eff6 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; color:#263f54 !important; font-size:.92rem !important; line-height:1.3 !important; text-align:left !important; }
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary > li:last-child > a { width:calc(100% - 32px) !important; min-height:0 !important; margin:10px 16px 14px !important; padding:12px 16px !important; border:1px solid #15558a !important; border-radius:7px !important; background:#15558a !important; color:#fff !important; font-size:.9rem !important; text-align:center !important; }
  .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary ul, .pkp_structure_head .pkp_site_nav_menu--isOpen .pkp_navigation_primary .dropdown-menu { display:none !important; }
}

.pkp_structure_content em, .pkp_structure_content i, .pkp_structure_content cite, .pkp_structure_content .italic { font-family:Georgia, "Times New Roman", serif !important; font-style:italic !important; font-weight:inherit !important; }
.pkp_page_article .pkp_structure_main { max-width:1280px !important; }
.pkp_page_article .item.downloads, .pkp_page_article .downloads, .pkp_page_article [class*="usage"] { max-width:980px !important; }
.pkp_page_article .item.downloads canvas, .pkp_page_article .downloads canvas, .pkp_page_article [class*="usage"] canvas, .pkp_page_article .item.downloads svg, .pkp_page_article .downloads svg, .pkp_page_article [class*="usage"] svg { display:block !important; width:100% !important; max-width:980px !important; max-height:300px !important; margin:0 !important; }

/* FINAL JAM ARTICLE-ONLY DESKTOP OVERRIDE: compact Downloads chart and balanced reading rail. */
@media (min-width:960px) {
  .pkp_page_article .pkp_structure_content { max-width:1540px !important; padding-top:42px !important; padding-bottom:64px !important; }
  .pkp_page_article .obj_article_details > .row { display:grid !important; grid-template-columns:minmax(0, 1fr) 340px !important; gap:56px !important; align-items:start !important; }
  .pkp_page_article .obj_article_details > .row > .main_entry { width:100% !important; max-width:1040px !important; min-width:0 !important; }
  .pkp_page_article .obj_article_details > .row > .entry_details { position:sticky !important; top:24px !important; width:auto !important; max-width:340px !important; margin:0 !important; padding:20px !important; border:1px solid var(--jam-line) !important; border-radius:12px !important; background:#f8fbfe !important; box-shadow:0 12px 30px rgba(31,111,178,.07) !important; }
  .pkp_page_article .item.downloads, .pkp_page_article .downloads, .pkp_page_article #usageStats, .pkp_page_article .usageStats, .pkp_page_article .usage-stats, .pkp_page_article .usage_stats { box-sizing:border-box !important; width:100% !important; max-width:820px !important; }
  .pkp_page_article .item.downloads, .pkp_page_article .downloads { margin:32px 0 !important; padding:22px 24px 24px !important; overflow:hidden !important; border:1px solid var(--jam-line) !important; border-radius:12px !important; background:linear-gradient(180deg,#fff 0%,#f5faff 100%) !important; box-shadow:0 8px 22px rgba(31,111,178,.05) !important; }
  .pkp_page_article .item.downloads [id*="usage"], .pkp_page_article .item.downloads [class*="usage"], .pkp_page_article .item.downloads [id*="chart"], .pkp_page_article .item.downloads [class*="chart"], .pkp_page_article .downloads [id*="usage"], .pkp_page_article .downloads [class*="usage"], .pkp_page_article .downloads [id*="chart"], .pkp_page_article .downloads [class*="chart"] { box-sizing:border-box !important; width:100% !important; max-width:772px !important; height:260px !important; max-height:260px !important; margin:0 auto !important; }
  .pkp_page_article .item.downloads canvas, .pkp_page_article .downloads canvas, .pkp_page_article .item.downloads svg, .pkp_page_article .downloads svg, .pkp_page_article #usageStats canvas, .pkp_page_article .usageStats canvas, .pkp_page_article .usage-stats canvas, .pkp_page_article .usage_stats canvas { display:block !important; box-sizing:border-box !important; width:100% !important; height:260px !important; max-width:772px !important; max-height:260px !important; margin:0 auto !important; }
  .pkp_page_article .item.downloads iframe, .pkp_page_article .downloads iframe, .pkp_page_article #usageStats iframe, .pkp_page_article .usageStats iframe, .pkp_page_article .usage-stats iframe, .pkp_page_article .usage_stats iframe { display:block !important; width:100% !important; height:260px !important; max-width:772px !important; margin:0 auto !important; border:0 !important; }
  .pkp_page_article .related_items, .pkp_page_article .item.related_items { max-width:1040px !important; margin-top:34px !important; padding:26px 28px !important; border:1px solid var(--jam-line) !important; border-radius:12px !important; background:#fff !important; }
  .pkp_page_article .related_items ul, .pkp_page_article .item.related_items ul { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px 30px !important; margin:0 !important; padding-left:18px !important; }
}
@media (max-width:959px) {
  .pkp_page_article .obj_article_details > .row > .entry_details { margin-top:28px !important; }
  .pkp_page_article .item.downloads, .pkp_page_article .downloads { padding:18px !important; overflow-x:auto !important; border:1px solid var(--jam-line) !important; border-radius:10px !important; background:#f8fbfe !important; }
  .pkp_page_article .item.downloads canvas, .pkp_page_article .downloads canvas, .pkp_page_article .item.downloads svg, .pkp_page_article .downloads svg { max-height:230px !important; }
}

/* Remove only the divider directly below JAM article titles. */
.pkp_page_article .obj_article_details > .title,
.pkp_page_article .obj_article_details > h1,
.pkp_page_article .obj_article_details > .page_title,
.pkp_page_article .obj_article_details > h1.page_title {
  border-bottom:0 !important;
}

.pkp_page_article .obj_article_details > .title + .row,
.pkp_page_article .obj_article_details > h1 + .row,
.pkp_page_article .obj_article_details > .page_title + .row,
.pkp_page_article .obj_article_details > h1.page_title + .row {
  border-top:0 !important;
}

.pkp_page_article .obj_article_details > .title::after,
.pkp_page_article .obj_article_details > h1::after,
.pkp_page_article .obj_article_details > .page_title::after {
  display:none !important;
  border:0 !important;
}

/* Responsive refinement — September 2026.
   Header IDs deliberately outrank legacy journal and global site rules.
   CSS only: keeps OJS links, forms and native dropdown behaviour intact. */
#headerNavigationContainer {
  background: #fff !important;
  border-bottom: 1px solid #d7e5f1 !important;
}
#headerNavigationContainer .pkp_head_wrapper {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: 1440px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 24px 32px 0 !important;
  overflow: visible !important;
}
#headerNavigationContainer .pkp_site_name_wrapper {
  display: grid !important;
  grid-template-columns: 60px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 200px 22px 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  line-height: 1.3 !important;
}
/* Expose the real journal title already present in the OJS template. */
#headerNavigationContainer .pkp_site_name_wrapper > h1.pkp_screen_reader {
  display: block !important;
  position: static !important;
  grid-column: 2;
  grid-row: 1;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
  color: #173c60 !important;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(24px, 2.2vw, 32px) !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em;
}
#headerNavigationContainer .pkp_site_name {
  grid-column: 1;
  grid-row: 1;
}
#headerNavigationContainer .pkp_site_name,
#headerNavigationContainer .pkp_site_name > a {
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  overflow: visible !important;
}
#headerNavigationContainer .pkp_site_name .is_img img {
  display: block !important;
  width: 60px !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: contain !important;
  border-radius: 2px !important;
}
/* The compact navigation remains visible; a toggle is unnecessary. */
#headerNavigationContainer .pkp_site_nav_toggle { display: none !important; }
#headerNavigationContainer .pkp_site_nav_menu,
#headerNavigationContainer .pkp_navigation_primary_row,
#headerNavigationContainer .pkp_navigation_primary_wrapper {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
}
#headerNavigationContainer .pkp_navigation_primary_wrapper {
  display: flex !important;
  align-items: center;
  gap: 8px;
  border-top: 1px solid #d7e5f1 !important;
  padding: 8px 0 !important;
}
#headerNavigationContainer #navigationPrimary {
  display: flex !important;
  flex: 1 1 auto;
  flex-wrap: wrap !important;
  align-items: center !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  gap: 4px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  list-style: none;
}
#headerNavigationContainer #navigationPrimary > li {
  display: block !important;
  position: relative !important;
  float: none !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
#headerNavigationContainer #navigationPrimary > li > a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box !important;
  width: auto !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #173c60 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  text-align: center !important;
  text-decoration: none !important;
  transform: none !important;
}
#headerNavigationContainer #navigationPrimary > li > a:hover,
#headerNavigationContainer #navigationPrimary > li > a:focus-visible {
  background: #edf5fb !important;
}
#headerNavigationContainer #navigationPrimary > li > a[href*='/about/submissions'] {
  background: #15558a !important;
  color: #fff !important;
}
#headerNavigationContainer .pkp_navigation_search_wrapper {
  display: block !important;
  position: static !important;
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
}
#headerNavigationContainer .pkp_navigation_search_wrapper .pkp_search {
  display: flex !important;
  align-items: center;
  gap: 7px;
  position: static !important;
  min-height: 44px;
  padding: 8px 10px !important;
  border: 0 !important;
  color: #15558a !important;
  font-size: 14px;
  line-height: 1.3;
}
#headerNavigationContainer #navigationUserWrapper {
  display: block !important;
  position: absolute !important;
  top: 40px !important;
  right: 32px !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
#headerNavigationContainer #navigationUser {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
#headerNavigationContainer #navigationUser > li { margin: 0 !important; }
#headerNavigationContainer #navigationUser > li > a {
  display: flex !important;
  align-items: center;
  min-height: 44px !important;
  box-sizing: border-box;
  padding: 10px 14px !important;
  border: 1px solid #d7e5f1 !important;
  border-radius: 6px !important;
  color: #15558a !important;
  background: #fff !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
}
#headerNavigationContainer #navigationUser > li > a[href$='/login'] {
  color: #fff !important;
  background: #15558a !important;
  border-color: #15558a !important;
}
/* Bootstrap supplies .show and aria state; hover/focus also supports keyboard access. */
#headerNavigationContainer #navigationPrimary > li > ul {
  display: none !important;
  position: absolute !important;
  z-index: 1000;
  top: 100% !important;
  left: 0 !important;
  right: auto !important;
  width: 300px !important;
  max-width: calc(100vw - 40px) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 8px !important;
  border: 1px solid #d7e5f1;
  border-radius: 8px;
  background: #fff !important;
  box-shadow: 0 12px 28px rgb(20 49 74 / 14%);
  transform: none !important;
  list-style: none;
}
#headerNavigationContainer #navigationPrimary > li:hover > ul,
#headerNavigationContainer #navigationPrimary > li:focus-within > ul,
#headerNavigationContainer #navigationPrimary > li > ul.show {
  display: block !important;
}
#headerNavigationContainer #navigationPrimary > li > ul a {
  display: block !important;
  padding: 11px 12px !important;
  min-height: 44px;
  box-sizing: border-box;
  color: #173c60 !important;
  background: #fff !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  white-space: normal !important;
}
#headerNavigationContainer #navigationPrimary > li > ul a:hover,
#headerNavigationContainer #navigationPrimary > li > ul a:focus-visible { background: #edf5fb !important; }
.pkp_structure_page *, .pkp_structure_page *::before, .pkp_structure_page *::after { box-sizing: border-box; }
.pkp_structure_main, .pkp_structure_sidebar, .obj_article_summary, .obj_article_details { min-width: 0; }
.pkp_structure_content { overflow-wrap: anywhere; }
.pkp_structure_content img { max-width: 100%; height: auto; }
.pkp_structure_page a:focus-visible, .pkp_structure_page button:focus-visible {
  outline: 3px solid #1f6fb2;
  outline-offset: 3px;
}
/* Natural image proportions, including the inline-styled introductory cover. */
.pkp_page_index .homepage_about > p:first-of-type > img:first-child { height: auto !important; object-fit: contain; }
.obj_article_summary .pages { position: static !important; margin: 8px 0 !important; white-space: normal !important; }
@media (min-width: 960px) {
  .obj_issue_toc .heading .cover { max-width: 180px !important; }
  .obj_issue_toc .heading { grid-template-columns: 180px minmax(0, 1fr); }
  .pkp_page_article .obj_article_details > .row > .entry_details { grid-row: 1 !important; }
}
@media (max-width: 959px) {
  #headerNavigationContainer .pkp_head_wrapper { padding: 20px 18px 0 !important; }
  #headerNavigationContainer .pkp_site_name_wrapper {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 14px !important;
    margin: 0 0 12px !important;
  }
  #headerNavigationContainer .pkp_site_name .is_img img { width: 46px !important; }
  #headerNavigationContainer .pkp_site_name_wrapper > h1.pkp_screen_reader { font-size: 25px !important; }
  #headerNavigationContainer .pkp_site_nav_menu { display: flex !important; flex-direction: column-reverse; }
  #headerNavigationContainer #navigationUserWrapper {
    position: static !important;
    width: 100% !important;
    margin: 0 0 12px !important;
  }
  #headerNavigationContainer #navigationUser { gap: 8px; }
  #headerNavigationContainer #navigationUser > li > a { min-height: 44px !important; padding: 8px 14px !important; }
  #headerNavigationContainer .pkp_navigation_primary_wrapper {
    flex-wrap: wrap;
    gap: 0;
    padding: 8px !important;
    border: 0 !important;
    border-radius: 8px 8px 0 0;
    background: #173c60 !important;
  }
  #headerNavigationContainer #navigationPrimary { gap: 2px; }
  #headerNavigationContainer #navigationPrimary > li > a {
    color: #fff !important;
    font-size: 13px !important;
    padding: 10px !important;
  }
  #headerNavigationContainer #navigationPrimary > li > a:hover,
  #headerNavigationContainer #navigationPrimary > li > a:focus-visible { background: #285778 !important; }
  #headerNavigationContainer #navigationPrimary > li > a[href*='/about/submissions'] { background: #fff !important; color: #173c60 !important; }
  #headerNavigationContainer .pkp_navigation_search_wrapper .pkp_search { color: #fff !important; }
  /* Anchor the dropdown to the full row, so its long labels fit small phones. */
  #headerNavigationContainer .pkp_navigation_primary_wrapper { position: relative !important; }
  #headerNavigationContainer #navigationPrimary > li { position: static !important; }
  #headerNavigationContainer #navigationPrimary > li > ul {
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body .pkp_structure_content,
  body.pkp_page_index .pkp_structure_content,
  body.pkp_page_issue .pkp_structure_content,
  body.pkp_page_article .pkp_structure_content {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 24px 18px 40px !important;
  }
  body .pkp_structure_content .pkp_structure_main,
  body .pkp_structure_content .pkp_structure_sidebar {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body .pkp_structure_content .pkp_structure_sidebar { margin-top: 28px !important; }
  body.pkp_page_index .homepage_about,
  body.pkp_page_index .current_issue { padding: 20px 16px !important; margin: 0 0 24px !important; }
  body.pkp_page_index .homepage_about {
    padding: 4px 0 24px !important;
    border: 0 !important;
    border-bottom: 1px solid #d7e5f1 !important;
    border-radius: 0;
    box-shadow: none;
  }
  body.pkp_page_index .homepage_about h2 { text-align: center; font-size: 23px; margin: 0 0 20px !important; }
  body.pkp_page_index .homepage_about p { font-size: 16px; line-height: 1.65; text-align: left; }
  body.pkp_page_index .homepage_about > p:first-of-type > img:first-child {
    display: block !important;
    float: none !important;
    width: 106px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto 24px !important;
  }
  .obj_issue_toc .heading { display: flex !important; flex-direction: column; gap: 16px !important; }
  .obj_issue_toc .heading .cover {
    width: 126px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
  .obj_issue_toc .heading .description,
  .obj_issue_toc .heading .published {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    margin: 0 !important;
  }
  body .obj_article_summary,
  body.pkp_page_index .obj_article_summary,
  body.pkp_page_issue .obj_article_summary {
    display: block !important;
    min-height: 0 !important;
    padding: 16px !important;
  }
  body .obj_article_summary .cover {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 100% !important;
    margin: 0 0 16px !important;
  }
  body .obj_article_summary .cover img { width: 100% !important; height: auto !important; max-height: 220px !important; object-fit: contain !important; }
  body .obj_article_summary .title { font-size: 17px !important; line-height: 1.4 !important; }
  body .obj_article_summary .meta { font-size: 14px !important; line-height: 1.55 !important; }
  body .obj_article_summary .obj_galley_link { min-height: 44px; padding: 10px 14px !important; font-size: 14px !important; }
  body.pkp_page_article .obj_article_details > .row {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }
  body.pkp_page_article .obj_article_details > .row > .main_entry,
  body.pkp_page_article .obj_article_details > .row > .entry_details {
    position: static !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.pkp_page_article .obj_article_details > .row > .entry_details { margin-top: 24px !important; }
  body.pkp_page_article .obj_article_details > h1.page_title { width: auto !important; margin-left: 0 !important; font-size: 27px !important; line-height: 1.25 !important; }
  .pkp_structure_main input:not([type='checkbox']):not([type='radio']),
  .pkp_structure_main select, .pkp_structure_main textarea { max-width: 100%; font-size: 16px; }
  .pkp_structure_main table { display: block; max-width: 100%; overflow-x: auto; }
  .pkp_structure_footer_wrapper { padding: 24px 18px !important; overflow-wrap: anywhere; }
  .pkp_structure_footer_wrapper img { max-width: 100%; height: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .obj_article_summary, .obj_galley_link, #headerNavigationContainer a { transition: none !important; transform: none !important; }
}
/* Reset the Default Theme's absolutely positioned mobile site-name container. */
#headerNavigationContainer .pkp_site_name {
  position: static !important;
  inset: auto !important;
  transform: none !important;
}
@media (max-width: 959px) {
  #headerNavigationContainer #navigationPrimary {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100% !important;
  }
  #headerNavigationContainer #navigationPrimary > li > a { height: 100%; }
  #headerNavigationContainer .pkp_navigation_search_wrapper {
    position: absolute !important;
    bottom: 8px;
    right: 8px;
    width: calc((100% - 20px) / 3);
  }
  #headerNavigationContainer .pkp_navigation_search_wrapper .pkp_search { justify-content: center; font-size: 13px; }
}
/* Inner OJS pages omit the homepage's journal-name heading. */
#headerNavigationContainer .pkp_site_name_wrapper:has(.is_img):not(:has(h1))::after {
  content: 'Journal of Advanced Microbiology';
  grid-column: 2; grid-row: 1;
  color: #173c60;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(24px, 2.2vw, 32px);
  font-weight: 700; line-height: 1.2; letter-spacing: -.025em;
}
@media (max-width: 959px) {
  .pkp_page_index .additional_content { width: auto !important; max-width: 100% !important; margin: 24px 0 0 !important; padding: 0 !important; }
  #headerNavigationContainer .pkp_site_name_wrapper:has(.is_img):not(:has(h1))::after { font-size: 25px; }
  #headerNavigationContainer #navigationPrimary > li:has(ul) > a::after {
    content: ''; display: inline-block; flex: 0 0 auto;
    width: 5px; height: 5px; margin-left: 7px;
    border: 0; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
  }
  body.pkp_page_article .obj_article_details .authors .affiliation { font-size: 14px !important; line-height: 1.5 !important; }
  body.pkp_page_article .obj_article_details .main_entry { font-size: 16px; line-height: 1.65; border: 0 !important; }
}
@media (min-width: 960px) {
  .pkp_page_article .obj_article_details > .row::before,
  .pkp_page_article .obj_article_details > .row::after { display: none !important; content: none !important; }
  .pkp_page_article .obj_article_details > .row > .main_entry { grid-row: 1 !important; }
}
@media (max-width: 959px) {
  #headerNavigationContainer #navigationPrimary > li > a { padding-left: 6px !important; padding-right: 6px !important; }
}

/* JAM visual polish — same responsive structure, content and navigation.
   Upload this complete file in the JAM journal stylesheet slot only. */
:root {
  --jam-blue: #226ca6;
  --jam-blue-2: #164f7b;
  --jam-ink: #20364b;
  --jam-muted: #5b6e80;
  --jam-line: #dce6ef;
  --jam-soft: #f1f6fb;
}
html, body { background: #f5f8fb !important; }
body .pkp_structure_page {
  background: linear-gradient(180deg, #f8fbfe 0, #f5f8fb 800px, #fff 1800px) !important;
  -webkit-font-smoothing: antialiased;
}
#headerNavigationContainer {
  background: linear-gradient(110deg, #fff 38%, #f1f7fc 100%) !important;
  border-top: 4px solid #164f7b;
  border-bottom: 1px solid #dce6ef !important;
  box-shadow: 0 4px 24px rgb(25 60 91 / 5%) !important;
}
#headerNavigationContainer .pkp_head_wrapper { background: transparent !important; }
#headerNavigationContainer .pkp_site_name_wrapper > h1.pkp_screen_reader,
#headerNavigationContainer .pkp_site_name_wrapper:has(.is_img):not(:has(h1))::after {
  color: #153b5c !important;
  letter-spacing: -.025em;
}
#headerNavigationContainer .pkp_site_name .is_img img {
  border-color: #e0e7ee !important;
  box-shadow: 0 4px 10px rgb(26 50 73 / 14%) !important;
}
#headerNavigationContainer #navigationUser > li > a {
  border-radius: 7px !important;
  border-color: #d4e1eb !important;
  box-shadow: 0 2px 4px rgb(26 50 73 / 3%);
}
#headerNavigationContainer #navigationUser > li > a[href$='/login'],
#headerNavigationContainer #navigationPrimary > li > a[href*='/about/submissions'] {
  background: linear-gradient(130deg, #226ca6, #164f7b) !important;
  border-color: #164f7b !important;
  color: #fff !important;
  box-shadow: 0 4px 10px rgb(22 79 123 / 14%) !important;
}
#headerNavigationContainer #navigationPrimary > li > a { border-radius: 7px !important; }
/* A restrained editorial panel, with a fine blue edge and soft depth. */
body.pkp_page_index .homepage_about {
  border: 1px solid #dce6ef !important;
  border-top: 3px solid #226ca6 !important;
  border-radius: 14px !important;
  background: linear-gradient(125deg, #fff 62%, #f1f7fc 100%) !important;
  box-shadow: 0 8px 26px rgb(25 60 91 / 5%) !important;
}
body.pkp_page_index .homepage_about h2,
body.pkp_page_index .current_issue > h2,
body.pkp_page_issue .page > h1 {
  color: #153b5c !important;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.2;
}
body.pkp_page_index .homepage_about p { color: #435a6d; }
body.pkp_page_index .homepage_about > p:first-of-type > img:first-child {
  filter: drop-shadow(0 5px 7px rgb(26 50 73 / 12%));
}
body.pkp_page_index .homepage_about > p:last-child > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid #c9dceb;
  border-radius: 7px;
  background: #eaf3fa;
  color: #164f7b !important;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}
body.pkp_page_index .homepage_about > p:last-child > a:hover { background: #dcecf7; border-color: #a8c8df; }
body.pkp_page_index .current_issue {
  border: 1px solid #dce6ef !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #edf5fc, #f8fbfe 280px) !important;
  box-shadow: 0 8px 26px rgb(25 60 91 / 4%) !important;
}
body.pkp_page_index .current_issue_title { color: #526b80; font-size: 15px; line-height: 1.5; }
body .obj_article_summary,
body.pkp_page_index .obj_article_summary,
body.pkp_page_issue .obj_article_summary {
  border: 1px solid #dce6ef !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 3px 12px rgb(25 60 91 / 4%) !important;
  transition: border-color .18s ease, box-shadow .18s ease;
}
body .obj_article_summary:hover {
  transform: none !important;
  border-color: #a7c8e1 !important;
  box-shadow: 0 7px 20px rgb(25 60 91 / 8%) !important;
}
body .obj_article_summary .title a { color: #203f5c !important; }
body .obj_article_summary .title a:hover { color: #226ca6 !important; text-decoration: underline; text-underline-offset: 3px; }
body .obj_article_summary .meta { color: #5b6e80 !important; }
body .obj_galley_link,
body .obj_galley_link:visited {
  border-radius: 7px !important;
  border-color: #226ca6 !important;
  background: #226ca6 !important;
  color: #fff !important;
}
body .obj_galley_link:hover { background: #164f7b !important; }
body .pkp_structure_sidebar .pkp_block {
  border-color: #dce6ef;
  border-radius: 10px;
  box-shadow: 0 5px 18px rgb(25 60 91 / 4%);
}
body.pkp_page_article .obj_article_details > h1.page_title { color: #153b5c !important; }
body.pkp_page_article .obj_article_details .entry_details > .item {
  border-color: #dce6ef;
  border-radius: 10px;
  box-shadow: 0 3px 12px rgb(25 60 91 / 3%);
}
body .pkp_structure_footer_wrapper,
body .pkp_footer {
  background: #edf4f9 !important;
  color: #3c556b !important;
}
body .pkp_structure_footer_wrapper { border-top: 3px solid #226ca6; }
@media (max-width: 959px) {
  #headerNavigationContainer .pkp_navigation_primary_wrapper {
    background: linear-gradient(120deg, #153b5c, #205578) !important;
    border-radius: 10px 10px 0 0;
  }
  #headerNavigationContainer #navigationPrimary > li > a[href*='/about/submissions'] {
    background: #fff !important;
    color: #153b5c !important;
    box-shadow: 0 3px 8px rgb(0 0 0 / 10%) !important;
  }
  body.pkp_page_index .homepage_about { padding: 22px 16px !important; }
  body.pkp_page_index .homepage_about h2 { font-size: 25px !important; }
  body.pkp_page_index .homepage_about p { line-height: 1.7; }
  body.pkp_page_index .homepage_about > p:last-child { margin-bottom: 0; }
  body.pkp_page_index .current_issue > h2 { font-size: 25px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body .obj_article_summary { transition: none !important; }
}
/* Richer blue palette, with restrained sky-blue and aqua accents. */
#headerNavigationContainer {
  border-top-color: #246fbc;
  background: linear-gradient(110deg, #fff 25%, #edf5ff 72%, #e9f8fa 100%) !important;
}
body.pkp_page_index .homepage_about {
  border-top-color: #2b80c7 !important;
  background: linear-gradient(135deg, #fff 36%, #eef6ff 77%, #eaf8fa 100%) !important;
}
body.pkp_page_index .homepage_about h2::after,
body.pkp_page_index .current_issue > h2::after {
  content: '';
  display: block;
  width: 52px;
  height: 3px;
  margin-top: 12px;
  border-radius: 3px;
  background: linear-gradient(90deg, #246fbc, #36a5bb);
}
body.pkp_page_index .current_issue {
  background: linear-gradient(135deg, #e7f1ff, #eff9fc 360px, #f6f9fe 850px) !important;
}
body .obj_issue_toc .section > h2,
body .obj_issue_toc .section > h3,
body.pkp_page_index .obj_issue_toc .section > h3,
body.pkp_page_issue .obj_issue_toc .section > h3 {
  border-left-color: #258da9 !important;
  background: #e1eefb !important;
  color: #174e7d !important;
  border-radius: 0 5px 5px 0;
}
body .obj_galley_link,
body .obj_galley_link:visited {
  background: linear-gradient(120deg, #277ab9, #1b5b99) !important;
}
body .obj_galley_link:hover { background: #164f7b !important; }
body .pkp_structure_sidebar .title { color: #1a679f; }
body .pkp_structure_footer_wrapper,
body .pkp_footer {
  background: linear-gradient(110deg, #e7f0fa, #eef8fa) !important;
}
@media (max-width: 959px) {
  #headerNavigationContainer .pkp_navigation_primary_wrapper {
    background: linear-gradient(115deg, #153b65, #1e6094 70%, #23768f) !important;
  }
  body.pkp_page_index .homepage_about h2::after { margin-left: auto; margin-right: auto; }
}

/* JAM article presentation — article pages only.
   Keeps the polished homepage and all OJS article data, links and actions. */
body.pkp_page_article .pkp_structure_content {
  max-width: 1440px !important;
  margin: 0 auto !important;
}
body.pkp_page_article .cmp_breadcrumbs {
  margin: 0 0 24px;
  color: #62798b;
  font-size: 13px;
  line-height: 1.6;
}
body.pkp_page_article .cmp_breadcrumbs a { color: #285f89; text-decoration: none; }
body.pkp_page_article .cmp_breadcrumbs a:hover { text-decoration: underline; }
body.pkp_page_article .obj_article_details > h1.page_title {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 32px !important;
  padding: 32px 36px !important;
  border: 1px solid #244f75 !important;
  border-radius: 14px !important;
  background: radial-gradient(ellipse at 100% 0, rgb(74 176 202 / 25%), transparent 56%), linear-gradient(115deg, #112f50, #1e527e 75%, #1d637f) !important;
  box-shadow: 0 12px 28px rgb(17 47 80 / 12%);
  color: #fff !important;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(30px, 2.8vw, 40px) !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  letter-spacing: -.02em !important;
  text-wrap: pretty;
}
body.pkp_page_article .obj_article_details > .row > .main_entry { border: 0 !important; }
body.pkp_page_article .obj_article_details .main_entry > .item {
  margin: 0 0 22px !important;
  padding: 24px !important;
  border: 1px solid #dce6ef !important;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 18px rgb(22 60 91 / 3%);
}
/* Author names and their supplied affiliations remain paired and fully visible. */
body.pkp_page_article .obj_article_details .main_entry > .authors {
  padding: 10px 24px !important;
  background: linear-gradient(130deg, #fff, #f6faff);
}
body.pkp_page_article .obj_article_details ul.authors > li {
  display: grid;
  grid-template-columns: minmax(125px, .7fr) minmax(0, 2fr);
  gap: 16px;
  align-items: baseline;
  margin: 0 !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid #e7eef5;
  line-height: 1.55;
}
body.pkp_page_article .obj_article_details ul.authors > li:last-child { border-bottom: 0; }
body.pkp_page_article .obj_article_details ul.authors .name { font-size: 16px !important; color: #174f7b; }
body.pkp_page_article .obj_article_details ul.authors .affiliation {
  display: block !important;
  color: #5b7082;
  font-size: 14px !important;
  line-height: 1.55 !important;
}
body.pkp_page_article .obj_article_details ul.authors .affiliation::before { content: none !important; }
body.pkp_page_article .obj_article_details .main_entry > .doi {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 14px;
  padding: 14px 20px !important;
  border-color: #cadfed !important;
  background: #eaf3fb;
}
body.pkp_page_article .obj_article_details .main_entry > .doi .label { margin: 0 !important; }
body.pkp_page_article .obj_article_details .doi .value { min-width: 0; }
body.pkp_page_article .obj_article_details .doi a { color: #175886 !important; font-size: 15px; text-underline-offset: 3px; }
body.pkp_page_article .obj_article_details .main_entry > .keywords {
  padding: 16px 20px !important;
  background: #edf8fa;
  border-color: #d4e9ed !important;
  color: #3c6373;
  font-size: 14px;
  line-height: 1.65;
}
body.pkp_page_article .obj_article_details .main_entry .label {
  color: #226a9d !important;
  font-size: 12px !important;
  letter-spacing: .09em;
  line-height: 1.5;
}
body.pkp_page_article .obj_article_details .main_entry > .abstract {
  padding: 28px !important;
  border-top: 3px solid #2c82bb !important;
}
body.pkp_page_article .obj_article_details .main_entry > .abstract > h2,
body.pkp_page_article .obj_article_details .main_entry > .downloads_chart > h2,
body.pkp_page_article .obj_article_details .main_entry > .references > h2 {
  margin: 0 0 18px !important;
  color: #153b5c !important;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 27px !important;
  font-weight: 700;
  letter-spacing: -.02em !important;
  line-height: 1.25;
  text-transform: none !important;
}
body.pkp_page_article .obj_article_details .abstract,
body.pkp_page_article .obj_article_details .abstract p {
  color: #344c60;
  font-size: 17px;
  line-height: 1.8;
  text-align: left;
}
body.pkp_page_article .obj_article_details .abstract p:last-child { margin-bottom: 0; }
/* A coherent information rail with the existing PDF/galley action first. */
body.pkp_page_article .obj_article_details > .row > .entry_details {
  display: flex !important;
  flex-direction: column;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  position: static !important;
  max-width: 100% !important;
  padding: 20px !important;
  border: 1px solid #d3e2ef !important;
  border-top: 4px solid #2478b3 !important;
  border-radius: 14px !important;
  background: linear-gradient(155deg, #ecf4fd, #f3fafb) !important;
  box-shadow: 0 8px 24px rgb(22 60 91 / 5%) !important;
}
body.pkp_page_article .obj_article_details .entry_details > .item {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0;
  margin: 0 0 12px !important;
  padding: 18px !important;
  border: 1px solid #dce6ef !important;
  border-radius: 9px;
  background: #fff;
  box-shadow: none !important;
  color: #405b70;
  font-size: 14px;
  line-height: 1.6;
}
body.pkp_page_article .obj_article_details .entry_details > .item:last-child { margin-bottom: 0 !important; }
body.pkp_page_article .obj_article_details .entry_details > .galleys {
  order: -1;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.pkp_page_article .obj_article_details .entry_details .galleys_links > li { flex: 1 1 100%; }
body.pkp_page_article .obj_article_details .entry_details .galleys .obj_galley_link {
  display: flex !important;
  justify-content: center;
  gap: 10px;
  width: 100% !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 13px 18px !important;
  border: 1px solid #1b619a !important;
  border-radius: 8px !important;
  background: linear-gradient(115deg, #226eaf, #164e82) !important;
  box-shadow: 0 5px 12px rgb(24 86 137 / 17%);
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.4;
}
body.pkp_page_article .obj_article_details .entry_details .galleys .obj_galley_link:hover { background: #123f69 !important; }
body.pkp_page_article .obj_article_details .entry_details > .cover_image { padding: 12px !important; }
body.pkp_page_article .obj_article_details .entry_details > .cover_image img {
  width: 100%; height: auto; object-fit: contain; border-radius: 4px;
}
body.pkp_page_article .obj_article_details .entry_details .item .label,
body.pkp_page_article .obj_article_details .entry_details .citation .citation_display > .label {
  margin: 0 0 9px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #226a9d !important;
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.5;
}
body.pkp_page_article .obj_article_details .entry_details .issue .sub_item + .sub_item { margin-top: 16px; }
body.pkp_page_article .obj_article_details .entry_details .value,
body.pkp_page_article .obj_article_details .entry_details .citation .value { font-size: 14px !important; line-height: 1.6 !important; }
body.pkp_page_article .obj_article_details .entry_details a { text-underline-offset: 3px; }
body.pkp_page_article .obj_article_details .entry_details .copyright p { font-size: 13px; line-height: 1.6; }
body.pkp_page_article .obj_article_details .main_entry > .downloads_chart { background: #f0f6fc; }
body.pkp_page_article .obj_article_details .downloads_chart .value { min-width: 0; max-width: 100%; }
body.pkp_page_article .obj_article_details .downloads_chart canvas { max-width: 100% !important; max-height: 280px !important; }
@media (min-width: 960px) {
  body.pkp_page_article .obj_article_details > .row {
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 32px !important;
  }
}
@media (max-width: 959px) {
  body.pkp_page_article .obj_article_details > h1.page_title {
    padding: 24px 20px !important;
    margin-bottom: 24px !important;
    border-radius: 12px !important;
    font-size: 29px !important;
    line-height: 1.25 !important;
  }
  body.pkp_page_article .obj_article_details .main_entry > .item { padding: 20px 16px !important; }
  body.pkp_page_article .obj_article_details .main_entry > .authors { padding: 4px 16px !important; }
  body.pkp_page_article .obj_article_details ul.authors > li { grid-template-columns: 1fr; gap: 4px; padding: 13px 0 !important; }
  body.pkp_page_article .obj_article_details .main_entry > .abstract { padding: 22px 18px !important; }
  body.pkp_page_article .obj_article_details .abstract,
  body.pkp_page_article .obj_article_details .abstract p { font-size: 16px; line-height: 1.75; }
  body.pkp_page_article .obj_article_details > .row > .entry_details { padding: 16px !important; }
}
@media (max-width: 359px) {
  body.pkp_page_article .obj_article_details > h1.page_title { font-size: 26px !important; padding: 22px 16px !important; }
}
/* Keep chart proportions natural instead of squeezing its axis labels. */
body.pkp_page_article .obj_article_details .downloads_chart .value { width: 100%; max-width: 600px !important; margin: 0 auto; }
body.pkp_page_article .obj_article_details .downloads_chart canvas {
  display: block !important; width: 100% !important; height: auto !important; max-height: none !important;
}
body.pkp_page_article #articlesBySameAuthorList,
body.pkp_page_article #articlesBySimilarityList {
  margin: 28px 0 0 !important;
  padding: 24px;
  border: 1px solid #dce6ef;
  border-radius: 12px;
  background: #f4f8fc;
}
body.pkp_page_article #articlesBySameAuthorList > h3,
body.pkp_page_article #articlesBySimilarityList > h3 {
  margin: 0 0 18px;
  color: #153b5c;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 24px;
  line-height: 1.3;
}
body.pkp_page_article #articlesBySameAuthorList > ul,
body.pkp_page_article #articlesBySimilarityList > ul {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px; margin: 0; padding: 0; list-style: none;
}
body.pkp_page_article #articlesBySameAuthorList > ul > li,
body.pkp_page_article #articlesBySimilarityList > ul > li {
  min-width: 0; margin: 0; padding: 18px;
  border: 1px solid #e0e9f1; border-radius: 8px; background: #fff;
  color: #61768a; font-size: 14px; line-height: 1.6;
}
body.pkp_page_article #articlesBySameAuthorList > ul > li > a:first-of-type,
body.pkp_page_article #articlesBySimilarityList > ul > li > a:first-of-type {
  display: block; margin-top: 8px; color: #174f7b; font-size: 16px; font-weight: 700;
  text-decoration: none;
}
body.pkp_page_article #articlesBySameAuthorList a:hover,
body.pkp_page_article #articlesBySimilarityList a:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 959px) {
  body.pkp_page_article #articlesBySameAuthorList,
  body.pkp_page_article #articlesBySimilarityList { padding: 20px 16px; }
  body.pkp_page_article #articlesBySameAuthorList > ul,
  body.pkp_page_article #articlesBySimilarityList > ul { grid-template-columns: 1fr; }
}

/* Compact author rows. ORCID destinations and full link text remain in the
   document; only the visible long URL becomes a small labelled badge. */
body.pkp_page_article .obj_article_details .main_entry > .authors {
  padding: 4px 20px !important;
}
body.pkp_page_article .obj_article_details ul.authors > li {
  grid-template-columns: minmax(120px, .7fr) 50px minmax(0, 2fr) !important;
  gap: 3px 10px !important;
  align-items: center !important;
  padding: 9px 0 !important;
}
body.pkp_page_article .obj_article_details ul.authors > li > .name {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  font-size: 15px !important;
  line-height: 1.4;
}
body.pkp_page_article .obj_article_details ul.authors > li > .affiliation {
  grid-column: 3;
  grid-row: 1;
  min-width: 0;
  font-size: 13px !important;
  line-height: 1.5 !important;
}
body.pkp_page_article .obj_article_details ul.authors > li > .orcid {
  display: block;
  grid-column: 2;
  grid-row: 1;
  width: auto;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1;
}
body.pkp_page_article .obj_article_details ul.authors .orcid a[href*='orcid.org/'] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  min-height: 28px;
  margin: 0;
  padding: 4px 5px;
  border: 1px solid #c7deb1;
  border-radius: 5px;
  background: #f0f7e9;
  color: #41661d !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
  white-space: nowrap;
}
body.pkp_page_article .obj_article_details ul.authors .orcid a[href*='orcid.org/']::after {
  content: 'ORCID';
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .025em;
  line-height: 1.2;
}
body.pkp_page_article .obj_article_details ul.authors .orcid a:hover { background: #e1efcf; border-color: #8eb66c; }
body.pkp_page_article .obj_article_details ul.authors .orcid a:focus-visible { outline: 3px solid #226ca6; outline-offset: 3px; }
@media (max-width: 959px) {
  body.pkp_page_article .obj_article_details .main_entry > .authors { padding: 4px 16px !important; }
  body.pkp_page_article .obj_article_details ul.authors > li {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 3px 8px !important;
    padding: 9px 0 !important;
  }
  body.pkp_page_article .obj_article_details ul.authors > li > .affiliation {
    grid-column: 1 / -1;
    grid-row: 2;
  }
  body.pkp_page_article .obj_article_details ul.authors .orcid a[href*='orcid.org/'] { min-height: 44px; }
}