/* Food & Pharma International — orange-accent stylesheet
   Apply only in FPI: Settings > Website > Appearance > Advanced. */

:root {
  --fpi-blue: #b86119;
  --fpi-blue-2: #8f4910;
  --fpi-teal: #2f8b67;
  --fpi-ink: #473526;
  --fpi-muted: #617181;
  --fpi-line: #f2e3d6;
  --fpi-soft: #fcf7f3;
}

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

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

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

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

.pkp_structure_head {
  border-bottom: 3px solid var(--fpi-blue);
  box-shadow: 0 2px 10px rgba(184, 97, 25, .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(--fpi-line);
  border-radius: 4px;
  box-shadow: 0 2px 7px rgba(184, 97, 25, .14);
}

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

.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(--fpi-blue-2);
}

.pkp_navigation_primary .dropdown-menu {
  border: 1px solid var(--fpi-line);
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(184, 97, 25, .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(--fpi-line);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(77, 46, 20, .05);
}

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

.homepage_about h2,
.current_issue > h2,
.pkp_page_issue .page > h1 {
  margin: 0 0 18px;
  color: var(--fpi-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(--fpi-blue-2);
  font-weight: 700;
}

.current_issue {
  background: var(--fpi-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(--fpi-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(184, 97, 25, .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(--fpi-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(--fpi-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(--fpi-line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 4px 14px rgba(77, 46, 20, .035);
  transition: transform .16s ease, box-shadow .16s ease;
}

.obj_article_summary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(184, 97, 25, .09);
}

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

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

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

.obj_article_summary .meta {
  color: var(--fpi-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(--fpi-blue);
  border-radius: 999px;
  color: var(--fpi-blue) !important;
  font-size: .8rem;
  font-weight: 700;
  text-decoration: none;
}

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

.pkp_structure_sidebar .pkp_block {
  margin-bottom: 18px;
  padding: 20px;
  border: 1px solid var(--fpi-line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(77, 46, 20, .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(--fpi-blue);
  font-size: 1rem;
}

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

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

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

.pkp_footer {
  border-top: 4px solid var(--fpi-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(--fpi-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 FPI'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: "Food & Pharma International";
  position: absolute;
  top: 34px;
  left: 94px;
  color: var(--fpi-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(--fpi-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 FPI'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(--fpi-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(--fpi-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(--fpi-ink);
  font-weight: 700;
}

.pkp_page_article .obj_article_details .authors .affiliation {
  color: var(--fpi-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(--fpi-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(--fpi-line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 5px 18px rgba(184, 97, 25, .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(--fpi-soft);
}

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

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

.pkp_page_article .obj_article_details .entry_details .label {
  display: block;
  margin-bottom: 7px;
  color: var(--fpi-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(--fpi-line);
  background: var(--fpi-soft);
  color: var(--fpi-blue);
}

.pkp_page_article .obj_article_details .entry_details .published,
.pkp_page_article .obj_article_details .entry_details .issue {
  color: var(--fpi-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(--fpi-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(--fpi-line) !important;
  background: var(--fpi-soft) !important;
  color: var(--fpi-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(--fpi-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(--fpi-line);
  border-radius: 5px;
  background: #ffffff;
  color: var(--fpi-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(--fpi-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:#b86119 !important;
  color:#ffffff !important;
  text-shadow:none !important;
  box-shadow:0 8px 18px rgba(184,97,25,.22) !important;
}
.block_make_submission_link:hover, .block_make_submission_link:focus { background:#8f4910 !important; color:#ffffff !important; }
.obj_galley_link, .obj_galley_link:visited {
  display:inline-flex !important;
  align-items:center;
  gap:5px;
  background:#b86119 !important;
  border-color:#b86119 !important;
  color:#ffffff !important;
  text-shadow:none !important;
}
.obj_galley_link:hover, .obj_galley_link:focus { background:#8f4910 !important; border-color:#8f4910 !important; color:#ffffff !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 #b86119;
  background:#fcf7f3;
  color:#8f4910 !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(--fpi-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 #b86119; }

@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 FPI 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 #8f4910 !important;
    border-radius:5px !important;
    background:#8f4910 !important;
    color:#ffffff !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:#b86119;
}
.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:#b86119; }
.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:#8f4910 !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(--fpi-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(--fpi-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 FPI's red identity, not a grey block. */
.pkp_structure_footer_wrapper,
.pkp_footer {
  background:var(--fpi-blue) !important;
  color:#ffffff !important;
}
.pkp_footer a,
.pkp_structure_footer_wrapper a {
  color:#ffffff !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:#fef5ed !important;
  color:#614127 !important;
}
.pkp_footer a,
.pkp_structure_footer_wrapper a {
  color:#b86119 !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 FPI 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 #f0ddce !important; border-radius:5px !important; color:#8f4910 !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:#8f4910 !important; background:#8f4910 !important; color:#ffffff !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 #8f4910 !important; border-radius:5px !important; background:#8f4910 !important; color:#ffffff !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 #f7eee6 !important; border-radius:0 !important; background:#ffffff !important; box-shadow:none !important; color:#563b24 !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 #8f4910 !important; border-radius:7px !important; background:#8f4910 !important; color:#ffffff !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; }

/* ========================================================================== 
   FPI 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(--fpi-line) !important;
    border-radius: 12px !important;
    background: #fefbf8 !important;
    box-shadow: 0 12px 30px rgba(184, 97, 25, .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(--fpi-line) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fefaf6 100%) !important;
    box-shadow: 0 8px 22px rgba(184, 97, 25, .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(--fpi-line) !important;
    border-radius: 12px !important;
    background: #ffffff !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(--fpi-line) !important;
    border-radius: 10px !important;
    background: #fefbf8 !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;
  }
}

/* FPI 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 #8f4910 !important;
  border-radius:7px !important;
  background:linear-gradient(135deg, #b86119, #8f4910) !important;
  color:#ffffff !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 7px 16px rgb(184 97 25 / .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:#81400b !important;
  color:#ffffff !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 #f0ddce !important;
    border-radius:5px !important;
    color:#8f4910 !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:#8f4910 !important;
    background:#8f4910 !important;
    color:#ffffff !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 #f7eee6 !important;
    background:#ffffff !important;
    box-shadow:none !important;
    color:#563b24 !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 #8f4910 !important;
    border-radius:7px !important;
    background:#8f4910 !important;
    color:#ffffff !important;
    text-align:center !important;
    box-shadow:0 7px 16px rgb(184 97 25 / .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 #f0ddce !important; border-radius:5px !important; color:#8f4910 !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:#8f4910 !important; background:#8f4910 !important; color:#ffffff !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 #8f4910 !important; border-radius:5px !important; background:#8f4910 !important; color:#ffffff !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 #f7eee6 !important; border-radius:0 !important; background:#ffffff !important; box-shadow:none !important; color:#563b24 !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 #8f4910 !important; border-radius:7px !important; background:#8f4910 !important; color:#ffffff !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 FPI 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(--fpi-line) !important; border-radius:12px !important; background:#fefbf8 !important; box-shadow:0 12px 30px rgba(184,97,25,.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(--fpi-line) !important; border-radius:12px !important; background:linear-gradient(180deg,#ffffff 0%,#fefaf6 100%) !important; box-shadow:0 8px 22px rgba(184,97,25,.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(--fpi-line) !important; border-radius:12px !important; background:#ffffff !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(--fpi-line) !important; border-radius:10px !important; background:#fefbf8 !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 FPI 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: #ffffff !important;
  border-bottom: 1px solid #f2e3d6 !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: #633814 !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 #f2e3d6 !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: #633814 !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: #fcf3ec !important;
}
#headerNavigationContainer #navigationPrimary > li > a[href*='/about/submissions'] {
  background: #8f4910 !important;
  color: #ffffff !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: #8f4910 !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 #f2e3d6 !important;
  border-radius: 6px !important;
  color: #8f4910 !important;
  background: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
}
#headerNavigationContainer #navigationUser > li > a[href$='/login'] {
  color: #ffffff !important;
  background: #8f4910 !important;
  border-color: #8f4910 !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 #f2e3d6;
  border-radius: 8px;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgb(76 44 18 / 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: #633814 !important;
  background: #ffffff !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: #fcf3ec !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 #b86119;
  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: #633814 !important;
  }
  #headerNavigationContainer #navigationPrimary { gap: 2px; }
  #headerNavigationContainer #navigationPrimary > li > a {
    color: #ffffff !important;
    font-size: 13px !important;
    padding: 10px !important;
  }
  #headerNavigationContainer #navigationPrimary > li > a:hover,
  #headerNavigationContainer #navigationPrimary > li > a:focus-visible { background: #7b4c25 !important; }
  #headerNavigationContainer #navigationPrimary > li > a[href*='/about/submissions'] { background: #ffffff !important; color: #633814 !important; }
  #headerNavigationContainer .pkp_navigation_search_wrapper .pkp_search { color: #ffffff !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 #f2e3d6 !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: 'Food & Pharma International';
  grid-column: 2; grid-row: 1;
  color: #633814;
  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; }
}

/* FPI visual polish — same responsive structure, content and navigation.
   Upload this complete file in the FPI journal stylesheet slot only. */
:root {
  --fpi-blue: #ab5d1d;
  --fpi-blue-2: #7f4312;
  --fpi-ink: #4d331e;
  --fpi-muted: #5b6e80;
  --fpi-line: #f0e4db;
  --fpi-soft: #fbf5f1;
}
html, body { background: #fbf8f5 !important; }
body .pkp_structure_page {
  background: linear-gradient(180deg, #fefbf8 0, #fbf8f5 800px, #ffffff 1800px) !important;
  -webkit-font-smoothing: antialiased;
}
#headerNavigationContainer {
  background: linear-gradient(110deg, #ffffff 38%, #fcf6f1 100%) !important;
  border-top: 4px solid #7f4312;
  border-bottom: 1px solid #f0e4db !important;
  box-shadow: 0 4px 24px rgb(94 54 22 / 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: #5f3512 !important;
  letter-spacing: -.025em;
}
#headerNavigationContainer .pkp_site_name .is_img img {
  border-color: #efe6df !important;
  box-shadow: 0 4px 10px rgb(75 47 24 / 14%) !important;
}
#headerNavigationContainer #navigationUser > li > a {
  border-radius: 7px !important;
  border-color: #ecded3 !important;
  box-shadow: 0 2px 4px rgb(75 47 24 / 3%);
}
#headerNavigationContainer #navigationUser > li > a[href$='/login'],
#headerNavigationContainer #navigationPrimary > li > a[href*='/about/submissions'] {
  background: linear-gradient(130deg, #ab5d1d, #7f4312) !important;
  border-color: #7f4312 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 10px rgb(127 67 18 / 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 #f0e4db !important;
  border-top: 3px solid #ab5d1d !important;
  border-radius: 14px !important;
  background: linear-gradient(125deg, #ffffff 62%, #fcf6f1 100%) !important;
  box-shadow: 0 8px 26px rgb(94 54 22 / 5%) !important;
}
body.pkp_page_index .homepage_about h2,
body.pkp_page_index .current_issue > h2,
body.pkp_page_issue .page > h1 {
  color: #5f3512 !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(75 47 24 / 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 #ecd8c8;
  border-radius: 7px;
  background: #fbf1e9;
  color: #7f4312 !important;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}
body.pkp_page_index .homepage_about > p:last-child > a:hover { background: #f8e8db; border-color: #e1c1a6; }
body.pkp_page_index .current_issue {
  border: 1px solid #f0e4db !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #fdf4ec, #fefbf8 280px) !important;
  box-shadow: 0 8px 26px rgb(94 54 22 / 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 #f0e4db !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 3px 12px rgb(94 54 22 / 4%) !important;
  transition: border-color .18s ease, box-shadow .18s ease;
}
body .obj_article_summary:hover {
  transform: none !important;
  border-color: #e3c1a5 !important;
  box-shadow: 0 7px 20px rgb(94 54 22 / 8%) !important;
}
body .obj_article_summary .title a { color: #5e3b1e !important; }
body .obj_article_summary .title a:hover { color: #ab5d1d !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: #ab5d1d !important;
  background: #ab5d1d !important;
  color: #ffffff !important;
}
body .obj_galley_link:hover { background: #7f4312 !important; }
body .pkp_structure_sidebar .pkp_block {
  border-color: #f0e4db;
  border-radius: 10px;
  box-shadow: 0 5px 18px rgb(94 54 22 / 4%);
}
body.pkp_page_article .obj_article_details > h1.page_title { color: #5f3512 !important; }
body.pkp_page_article .obj_article_details .entry_details > .item {
  border-color: #f0e4db;
  border-radius: 10px;
  box-shadow: 0 3px 12px rgb(94 54 22 / 3%);
}
body .pkp_structure_footer_wrapper,
body .pkp_footer {
  background: #f9f2ed !important;
  color: #6d513a !important;
}
body .pkp_structure_footer_wrapper { border-top: 3px solid #ab5d1d; }
@media (max-width: 959px) {
  #headerNavigationContainer .pkp_navigation_primary_wrapper {
    background: linear-gradient(120deg, #5f3512, #7c471c) !important;
    border-radius: 10px 10px 0 0;
  }
  #headerNavigationContainer #navigationPrimary > li > a[href*='/about/submissions'] {
    background: #ffffff !important;
    color: #5f3512 !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: #c2681e;
  background: linear-gradient(110deg, #ffffff 25%, #fef5ee 72%, #fbf1e8 100%) !important;
}
body.pkp_page_index .homepage_about {
  border-top-color: #cd7125 !important;
  background: linear-gradient(135deg, #ffffff 36%, #fef6ef 77%, #fbf1e9 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, #c2681e, #c07131);
}
body.pkp_page_index .current_issue {
  background: linear-gradient(135deg, #fdf2e9, #fdf5ee 360px, #fefaf6 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: #ae6020 !important;
  background: #fcede0 !important;
  color: #814413 !important;
  border-radius: 0 5px 5px 0;
}
body .obj_galley_link,
body .obj_galley_link:visited {
  background: linear-gradient(120deg, #bf6821, #9e5316) !important;
}
body .obj_galley_link:hover { background: #7f4312 !important; }
body .pkp_structure_sidebar .title { color: #a45515; }
body .pkp_structure_footer_wrapper,
body .pkp_footer {
  background: linear-gradient(110deg, #fbefe6, #faf3ee) !important;
}
@media (max-width: 959px) {
  #headerNavigationContainer .pkp_navigation_primary_wrapper {
    background: linear-gradient(115deg, #683912, #995319 70%, #93531f) !important;
  }
  body.pkp_page_index .homepage_about h2::after { margin-left: auto; margin-right: auto; }
}

/* FPI 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: #8d5324; 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 #784821 !important;
  border-radius: 14px !important;
  background: radial-gradient(ellipse at 100% 0, rgb(207 131 69 / 25%), transparent 56%), linear-gradient(115deg, #532d0e, #82491a 75%, #834919) !important;
  box-shadow: 0 12px 28px rgb(83 45 14 / 12%);
  color: #ffffff !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 #f0e4db !important;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 4px 18px rgb(94 53 19 / 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, #ffffff, #fefaf7);
}
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 #f6ede6;
  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: #7f4413; }
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: #eedac9 !important;
  background: #fcf2e9;
}
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: #8a4913 !important; font-size: 15px; text-underline-offset: 3px; }
body.pkp_page_article .obj_article_details .main_entry > .keywords {
  padding: 16px 20px !important;
  background: #fbf3ec;
  border-color: #eedfd3 !important;
  color: #75553a;
  font-size: 14px;
  line-height: 1.65;
}
body.pkp_page_article .obj_article_details .main_entry .label {
  color: #a2591d !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 #c16c26 !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: #5f3512 !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: #624832;
  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 #f0dfd2 !important;
  border-top: 4px solid #b9641e !important;
  border-radius: 14px !important;
  background: linear-gradient(155deg, #fdf4ec, #fbf7f3) !important;
  box-shadow: 0 8px 24px rgb(94 53 19 / 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 #f0e4db !important;
  border-radius: 9px;
  background: #ffffff;
  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 #9f5416 !important;
  border-radius: 8px !important;
  background: linear-gradient(115deg, #b5611c, #864612) !important;
  box-shadow: 0 5px 12px rgb(142 74 19 / 17%);
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.4;
}
body.pkp_page_article .obj_article_details .entry_details .galleys .obj_galley_link:hover { background: #6c390f !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: #a2591d !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: #fcf5f0; }
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 #f0e4db;
  border-radius: 12px;
  background: #fcf8f4;
}
body.pkp_page_article #articlesBySameAuthorList > h3,
body.pkp_page_article #articlesBySimilarityList > h3 {
  margin: 0 0 18px;
  color: #5f3512;
  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 #f2e8df; border-radius: 8px; background: #ffffff;
  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: #7f4413; 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 #ab5d1d; 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; }
}

/* FPI: override blue interaction accents inherited from the OJS base theme. */
#headerNavigationContainer .pkp_nav_list ul a:hover,
#headerNavigationContainer .pkp_nav_list ul a:focus,
#headerNavigationContainer .pkp_nav_list ul a:focus-visible,
#headerNavigationContainer .pkp_navigation_primary .dropdown-menu a:hover,
#headerNavigationContainer .pkp_navigation_primary .dropdown-menu a:focus {
  border-color: #ab5d1d !important;
  color: #7f4312 !important;
  background-color: #fcf3ec !important;
}
.pkp_structure_page .cmp_notification { border-left-color: #ab5d1d; }
.pkp_structure_page .page_search .submit button::after,
.header_view { background-color: #ab5d1d; }
.header_view .return { color: #ab5d1d; }
.pkp_structure_page .pkp_help_link,
.pkp_structure_page .obj_announcement_summary .read_more,
.pkp_structure_page .obj_galley_link_supplementary { color: #ab5d1d; }
.pkp_structure_page .pkp_help_link:focus { box-shadow: 0 0 0 3px #ab5d1d; }
.pkp_structure_page .pkp_button:hover,
.pkp_structure_page .pkp_button:focus,
.pkp_structure_page .pkp_button_offset:hover,
.pkp_structure_page .pkp_button_offset:focus,
.pkp_structure_page .pkp_button_link:hover,
.pkp_structure_page .pkp_button_link:focus { color: #7f4312; border-color: #ab5d1d; }
.pkp_structure_page input[type='checkbox'],
.pkp_structure_page input[type='radio'] { accent-color: #ab5d1d; }

/* FPI theme defaults: orange accents and readable burnt-orange actions. */
.pkp_page_index .current_issue h2 {border-bottom:0!important;text-transform:none!important;}
.obj_issue_toc>.galleys h2,.obj_issue_toc .section h2 {border-bottom-color:#c66620!important;}
#headerNavigationContainer #navigationPrimary>li>a,
#headerNavigationContainer .pkp_search {text-transform:none!important;}
body.pkp_page_article .obj_article_details>.page_title {background:linear-gradient(115deg,#74370e,#ac531a)!important;}
#headerNavigationContainer #navigationPrimary>li:last-child>a,
.pkp_structure_page .obj_galley_link {background:linear-gradient(120deg,#a84b10,#843b10)!important;border-color:#9b4611!important;color:#fff!important;}
.pkp_block .title,
.obj_article_details .main_entry .label,
.obj_article_details .entry_details .sub_item:not(:first-child) .label {border-bottom-color:#c66620!important;}
.cmp_manuscript_button:hover,.cmp_manuscript_button:focus,
.block_make_submission a:hover,.block_make_submission a:focus {background:#a84b10!important;}
.cmp_announcements .date::before {color:#a84b10!important;}
body.pkp_page_article .pkp_structure_main .obj_article_details h1.page_title {background:linear-gradient(115deg,#74370e,#ac531a)!important;}