:root{--ijbr-navy:#000046;--ijbr-blue:#005b86;--ijbr-gold:#f7bc4a;--ijbr-ink:#263238;--ijbr-muted:#5f6b73;--ijbr-border:#dfe6ea;--ijbr-surface:#fff;--ijbr-soft:#f6f9fb}body{color:var(--ijbr-ink)}body.index-page #starter-section{padding-top:2rem;padding-bottom:1.25rem}body.index-page #starter-section>.container{max-width:1120px;padding:clamp(1.25rem,3vw,2.5rem);background:#fff;border:1px solid var(--ijbr-border);border-top:5px solid var(--ijbr-gold);border-radius:16px;box-shadow:0 12px 32px rgba(0,0,70,.08)}.ijbr-welcome h1{max-width:900px;margin:0 0 .75rem;color:var(--ijbr-navy);font-size:clamp(1.75rem,4vw,2.65rem);line-height:1.15}.ijbr-welcome .ijbr-lead{max-width:900px;margin-bottom:1rem;color:var(--ijbr-ink);font-size:1.08rem;line-height:1.75}.ijbr-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.35rem 0}.ijbr-actions a,.view-all-btn,.obj_galley_link.pdf,.view-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.68rem 1rem;border-radius:8px;font-weight:700;line-height:1.25;text-decoration:none}.ijbr-actions .ijbr-primary,.obj_galley_link.pdf{color:#fff!important;background:var(--ijbr-navy);border:1px solid var(--ijbr-navy)}.ijbr-actions .ijbr-secondary,.view-btn,.view-all-btn{color:var(--ijbr-navy)!important;background:#fff;border:1px solid var(--ijbr-navy)}.ijbr-actions a:hover,.ijbr-actions a:focus,.obj_galley_link.pdf:hover,.obj_galley_link.pdf:focus,.view-btn:hover,.view-btn:focus,.view-all-btn:hover,.view-all-btn:focus{color:var(--ijbr-navy)!important;background:var(--ijbr-gold);border-color:var(--ijbr-gold)}.ijbr-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.25rem 0 0;padding:0;list-style:none}.ijbr-facts li{padding:.9rem 1rem;background:var(--ijbr-soft);border:1px solid var(--ijbr-border);border-radius:10px;line-height:1.45}.faq-container .faq-item,.page_about .description,.page_submissions .submission_checklist,.page_submissions .author_guidelines,.ijbr-masthead{margin-bottom:1rem;padding:clamp(1rem,2vw,1.35rem);background:#fff;border:1px solid var(--ijbr-border);border-radius:12px;box-shadow:0 6px 20px rgba(0,0,70,.05)}.faq-container .faq-item h3,.faq-container .faq-item h3 a,.page_about h2,.page_about h3,.page_submissions h2,.page_submissions h3,.ijbr-masthead h2,.ijbr-masthead h3{color:var(--ijbr-navy);line-height:1.35}.faq-container .faq-item p,.page_about p,.page_about li,.page_submissions p,.page_submissions li,.ijbr-masthead p,.ijbr-masthead li{line-height:1.7}.ijbr-masthead ul{margin:0;padding-left:1.3rem}.ijbr-masthead li{margin-bottom:.75rem}#why-us .faq-container:has(>h1)>h2.text-left,#why-us .faq-container:has(>h1)>ul.user_listing{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--ijbr-gold);outline-offset:3px}@media(max-width:760px){.ijbr-facts{grid-template-columns:1fr}.ijbr-actions a{width:100%}.faq-container .faq-item,.ijbr-masthead{padding:1rem}}
/* IJBAS journal-level refinements for the Manuscript child theme.
   Scoped to the journal pages and intentionally avoids global layout resets. */

:root {
  --ijbas-navy: #000046;
  --ijbas-blue: #004f7c;
  --ijbas-gold: #f7bc4a;
  --ijbas-text: #263238;
  --ijbas-muted: #5f6b73;
  --ijbas-border: #dfe6ea;
  --ijbas-surface: #ffffff;
}


body {
  color: var(--ijbas-text);
}

body.index-page #starter-section {
  padding-top: 2rem;
  padding-bottom: 1.25rem;
}

body.index-page #starter-section > .container {
  max-width: 1120px;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  color: var(--ijbas-text);
  background: var(--ijbas-surface);
  border: 1px solid var(--ijbas-border);
  border-top: 5px solid var(--ijbas-gold);
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(0, 0, 70, 0.08);
}

.ijbas-welcome h1 {
  max-width: 900px;
  margin: 0 0 0.75rem;
  color: var(--ijbas-navy);
  font-size: clamp(1.75rem, 4vw, 2.65rem);
  line-height: 1.15;
}

.ijbas-welcome > p {
  max-width: 850px;
  margin-bottom: 1rem;
  color: var(--ijbas-text);
  font-size: 1.05rem;
  line-height: 1.75;
}

.ijbas-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 1.25rem 0;
}

.ijbas-actions a,
.view-all-btn,
.obj_galley_link.pdf,
.view-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.65rem 1rem;
  border-radius: 8px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
}

.ijbas-actions .ijbas-primary,
.obj_galley_link.pdf {
  color: #fff !important;
  background: var(--ijbas-navy);
  border: 1px solid var(--ijbas-navy);
}

.ijbas-actions .ijbas-secondary,
.view-btn,
.view-all-btn {
  color: var(--ijbas-navy) !important;
  background: #fff;
  border: 1px solid var(--ijbas-navy);
}

.ijbas-actions a:hover,
.ijbas-actions a:focus,
.obj_galley_link.pdf:hover,
.obj_galley_link.pdf:focus,
.view-btn:hover,
.view-btn:focus,
.view-all-btn:hover,
.view-all-btn:focus {
  color: var(--ijbas-navy) !important;
  background: var(--ijbas-gold);
  border-color: var(--ijbas-gold);
}

.ijbas-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
}

.ijbas-facts li {
  padding: 0.85rem 1rem;
  color: var(--ijbas-text);
  background: #f7fafc;
  border: 1px solid var(--ijbas-border);
  border-radius: 10px;
}

.faq-container .faq-item {
  margin-bottom: 1rem;
  padding: clamp(1rem, 2vw, 1.35rem);
  background: #fff;
  border: 1px solid var(--ijbas-border);
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 70, 0.05);
}

.faq-container .faq-item h3,
.faq-container .faq-item h3 a {
  color: var(--ijbas-navy);
  line-height: 1.35;
}

.faq-container .faq-item p {
  color: var(--ijbas-text);
  line-height: 1.7;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid var(--ijbas-gold);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .ijbas-facts {
    grid-template-columns: 1fr;
  }

  .ijbas-actions a {
    width: 100%;
  }

  .faq-container .faq-item {
    padding: 1rem;
  }
}

/* IJBAS final visual normalization and responsive repair — 2026-09-19 */
:root {
  --ijbas-content-max: 1344px;
  --ijbas-heading: #37517e;
}

/* Never expose the OJS task counter in the public header. */
#header .task_count,
#navigationUser .task_count {
  display: none !important;
}

/* One centered width system for public page shells and breadcrumbs. */
body.index-page .page-title,
body.index-page .page.page_issue,
body.index-page .page.page_issue_archive,
body.index-page .page.page_article,
body.index-page .page.page_about,
body.index-page .page.page_submissions,
body.index-page .page.page_contact,
body.index-page .page.page_indexing,
body.index-page .page.page_ethics,
body.index-page main > .container,
body.index-page main > .container-fluid {
  box-sizing: border-box !important;
  width: calc(100% - 3rem) !important;
  max-width: var(--ijbas-content-max) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
body.index-page .page-title {
  min-height: 0 !important;
  margin-top: .75rem !important;
  margin-bottom: 1rem !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.index-page .page-title .breadcrumbs {
  min-height: 46px !important;
  padding: .65rem 1rem !important;
  background: #fafbfc !important;
  border: 1px solid #e3e9ed !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 70, .035) !important;
}

/* Consistent editorial typography and left alignment. */
body.index-page .page h1,
body.index-page .page h2,
body.index-page .page h3,
body.index-page .page h4,
.page_article .related-articles-block .related-title_ {
  color: var(--ijbas-heading) !important;
  text-align: left !important;
}
body.index-page .page h1 {
  font-size: 1.75rem !important;
  line-height: 1.25 !important;
}
body.index-page .page h2 {
  font-size: 1.45rem !important;
  line-height: 1.32 !important;
}
body.index-page .page h3,
body.index-page .page h4,
.page.page_ethics h3,
.page.page_contact h3 {
  font-size: 1.25rem !important;
  line-height: 1.35 !important;
}
.page_article .authors,
.page_article .affiliation,
.page_article .affiliations,
.page_article .author_bios,
.page_article .main_entry p,
.page_article .main_entry li,
.page_article .obj_article_details p,
.page_article .obj_article_details li,
.page.page_contact p,
.page.page_contact li {
  font-family: Raleway, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
}
.page_article .title,
.page_article .main_entry .title,
.page_issue .title,
.page_issue .journal-info h1,
.page_issue .journal-info h2,
.page_issue .journal-info h3 {
  text-align: left !important;
}

/* Keep submission-policy text fully visible on narrow screens. */
.page_submissions .section_policy p,
.page_submissions .faq-content p,
.page_submissions .submission_checklist p,
.page_submissions .copyright_notice p {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Current issue: aligned cards, typography and actions. */
.page_issue .why-us .container-fluid {
  width: 100% !important;
  max-width: none !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.page_issue .why-us .row {
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.page_issue .why-us .row > [class*="col-"] {
  width: 100% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.page_issue .faq-container {
  width: 100% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.page_issue .faq-item {
  box-sizing: border-box !important;
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  border-radius: 12px !important;
}
.page_issue .faq-item h3,
.page_issue .faq-item h3 a,
body.index-page .obj_issue_toc .title a,
body.index-page .obj_issue_toc .title a:visited {
  color: var(--ijbas-heading) !important;
  text-align: left !important;
}
.page_issue .download-btn,
.page_issue .view-btn,
.page_issue .download-btn .obj_galley_link.pdf {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .45rem !important;
  min-height: 44px !important;
  padding: .65rem 1rem !important;
  border-radius: 8px !important;
  font-family: Raleway, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #fff !important;
  white-space: normal !important;
}
.page_issue .download-btn {
  padding: 0 !important;
}
.page_issue .download-btn .obj_galley_link.pdf {
  width: 100% !important;
  margin: 0 !important;
}

/* Article page: consistent citations, related content and action control. */
.page_article .related-articles-block .related-title_,
.page_article .related-articles-block h2,
.page_article .related-articles-block h3 {
  color: var(--ijbas-heading) !important;
}
.page_article .item:has(.citation_formats) .value,
.page_article .citation .value {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}
.page_article .citation_formats {
  display: block !important;
  width: min(100%, 460px) !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
.page_article .citation_formats_button {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  font-family: Raleway, sans-serif !important;
  font-size: 1rem !important;
}

/* Archive cards: readable titles/counts and restrained heading scale. */
.page_issue_archive > h1 {
  font-size: 1.75rem !important;
  line-height: 1.25 !important;
}
.page_issue_archive #services .service-item p,
.page_issue_archive #services .service-item p i,
.page_issue_archive #services .service-item .article-count {
  font-size: .9375rem !important;
  line-height: 1.45 !important;
}

/* Contact page follows the same card and type system as policy pages. */
.page.page_contact .page_content,
.page.page_contact > .contact_section,
.page.page_contact > section {
  box-sizing: border-box !important;
  padding: clamp(1.25rem, 2.5vw, 2rem) !important;
  background: #fff !important;
  border: 1px solid var(--ijbas-border, #dfe6ea) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 70, .06) !important;
}

/* Mobile navigation and issue/article repairs. */
@media (max-width: 1199.98px) {
  #header {
    min-height: 92px !important;
    height: auto !important;
    overflow: visible !important;
  }
  #header #navigationUserWrapper {
    position: absolute !important;
    top: .6rem !important;
    right: .75rem !important;
    z-index: 1002 !important;
    width: auto !important;
    margin: 0 !important;
  }
  #header #navigationUser > li > .dropdown-menu {
    display: none !important;
    position: absolute !important;
    top: calc(100% + .35rem) !important;
    right: 0 !important;
    left: auto !important;
    min-width: 190px !important;
    padding: .45rem !important;
    background: var(--ijbas-navy, #000046) !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 70, .24) !important;
  }
  #header #navigationUser > li:focus-within > .dropdown-menu,
  #header #pkpDropdown1[aria-expanded="true"] + .dropdown-menu {
    display: block !important;
  }
  #header #navigationUser > li > .dropdown-menu a {
    color: #fff !important;
  }
}

@media (max-width: 767.98px) {
  body.index-page .page-title,
  body.index-page .page.page_issue,
  body.index-page .page.page_issue_archive,
  body.index-page .page.page_article,
  body.index-page .page.page_about,
  body.index-page .page.page_submissions,
  body.index-page .page.page_contact,
  body.index-page .page.page_indexing,
  body.index-page .page.page_ethics,
  body.index-page main > .container,
  body.index-page main > .container-fluid {
    width: calc(100% - 1.25rem) !important;
  }
  body.index-page .page h1,
  .page_issue_archive > h1 {
    font-size: 1.55rem !important;
  }
  body.index-page .page h2 {
    font-size: 1.3rem !important;
  }
  .page_issue .journal-latest-issue {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 1rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .page_issue .journal-latest-issue .journal-cover,
  .page_issue .journal-latest-issue .journal-info {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  .page_issue .journal-latest-issue .journal-cover img {
    display: block !important;
    max-width: min(100%, 220px) !important;
    height: auto !important;
    margin: 0 auto !important;
  }
  .page_issue .journal-latest-issue .view-all-btn {
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }
  .page_issue .faq-item {
    padding: 1rem !important;
  }
  .page_issue .faq-item .download-btn,
  .page_issue .faq-item .view-btn,
  .page_issue .faq-item .download-btn .obj_galley_link.pdf {
    float: none !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: .45rem 0 0 !important;
  }
  .page_article .item:has(.citation_formats),
  .page_article .item:has(.citation_formats) .value,
  .page_article .citation .value,
  .page_article .citation_formats,
  .page_article .citation_formats_button {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .page_article .citation_formats_button {
    display: flex !important;
  }
}

/* Keep the homepage title clear of the fixed header — 2026-09-19 */
:root body.index-page #starter-section {
  padding-top: calc(94px + 2rem) !important;
}
@media (max-width: 1199.98px) {
  :root body.index-page #starter-section {
    padding-top: calc(164px + 1.5rem) !important;
  }
}


/* SPC IJBAS design pilot — typography layer 2026-09-18 */
body.index-page .page p,
body.index-page .page li,
body.index-page .page td,
body.index-page .page th,
body.index-page .obj_article_details p,
body.index-page .obj_article_details li,
body.index-page .obj_issue_toc,
body.index-page .page_issue_archive,
body.index-page .ijbas-facts,
body.index-page .why-us {
  font-size: 16px !important;
  line-height: 1.7 !important;
}

body.index-page .page p,
body.index-page .page li,
body.index-page .obj_article_details p,
body.index-page .obj_article_details li {
  text-align: left !important;
}

body.index-page .page h1,
body.index-page .page h2,
body.index-page .page h3,
body.index-page .obj_issue_toc h2,
body.index-page .obj_issue_toc h3,
body.index-page .obj_article_details h1,
body.index-page .obj_article_details h2,
body.index-page .obj_article_details h3,
body.index-page .why-us h3 {
  font-family: Jost, Raleway, Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

body.index-page .page h1,
body.index-page .obj_article_details h1 {
  line-height: 1.25 !important;
}

body.index-page .page h2,
body.index-page .obj_issue_toc h2,
body.index-page .obj_article_details h2 {
  line-height: 1.3 !important;
}

body.index-page .page h3,
body.index-page .obj_issue_toc h3,
body.index-page .obj_article_details h3,
body.index-page .why-us h3 {
  line-height: 1.35 !important;
}

body.index-page .why-us h3 {
  font-size: 20px !important;
}

body.index-page .obj_article_details .abstract,
body.index-page .obj_article_details .item.abstract,
body.index-page .page.page_about .page_content,
body.index-page .page.page_submissions .page_content {
  max-width: 78ch;
}

body.index-page .page a,
body.index-page .obj_article_details a {
  text-underline-offset: 0.16em;
  text-decoration-thickness: 0.08em;
}

@media (max-width: 640px) {
  body.index-page .page p,
  body.index-page .page li,
  body.index-page .page td,
  body.index-page .page th,
  body.index-page .obj_article_details p,
  body.index-page .obj_article_details li,
  body.index-page .obj_issue_toc,
  body.index-page .page_issue_archive,
  body.index-page .ijbas-facts,
  body.index-page .why-us {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  body.index-page .why-us h3 {
    font-size: 18px !important;
  }
}


body.index-page .ijbas-welcome > p {
  font-size: 17px !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

body.index-page .why-us,
body.index-page .why-us h3 {
  text-align: left !important;
}


/* Keep article pages within the viewport. */
body.index-page .obj_article_details > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.index-page .obj_article_details .main_entry {
  width: 100% !important;
  max-width: 100% !important;
}


/* Keep the abstract section full-width; limit only its prose measure. */
body.index-page .obj_article_details .abstract,
body.index-page .obj_article_details .item.abstract {
  width: 100% !important;
  max-width: none !important;
}

body.index-page .obj_article_details .abstract p,
body.index-page .obj_article_details .item.abstract p {
  max-width: 78ch;
}


/* Use the full available width for the abstract text. */
body.index-page .obj_article_details .abstract p,
body.index-page .obj_article_details .item.abstract p {
  width: 100% !important;
  max-width: none !important;
}


/* SPC IJBAS design pilot — visual system polish 2026-09-18 */
body.index-page .obj_article_details .item.keywords,
body.index-page .obj_article_details .item.references,
body.index-page .obj_article_details .item.citation_display {
  color: var(--ijbas-text) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

body.index-page .obj_article_details .item > h2,
body.index-page .obj_article_details .item > h3 {
  margin-bottom: 1rem !important;
  padding-bottom: 0.65rem !important;
  color: var(--ijbas-navy) !important;
  border-bottom: 1px solid var(--ijbas-border) !important;
}

body.index-page .obj_article_details .item.keywords,
body.index-page .obj_article_details .item.abstract,
body.index-page .obj_article_details .item.references,
body.index-page .obj_article_details .item.citation_display {
  padding-top: 1.15rem !important;
  padding-bottom: 1.35rem !important;
}

body.index-page .page a:not([href*="/management/"]):not(.btn),
body.index-page .obj_article_details .item a:not(.obj_galley_link) {
  color: var(--ijbas-blue) !important;
}

body.index-page .page a:not([href*="/management/"]):not(.btn):hover,
body.index-page .page a:not([href*="/management/"]):not(.btn):focus,
body.index-page .obj_article_details .item a:not(.obj_galley_link):hover,
body.index-page .obj_article_details .item a:not(.obj_galley_link):focus {
  color: var(--ijbas-navy) !important;
  text-decoration: underline;
}

body.index-page .citation_formats_button {
  min-height: 44px;
  padding: 0.65rem 1rem !important;
  color: var(--ijbas-navy) !important;
  background: var(--ijbas-surface) !important;
  border: 1px solid var(--ijbas-navy) !important;
  border-radius: 8px !important;
  font-weight: 700;
}

body.index-page .citation_formats_button:hover,
body.index-page .citation_formats_button:focus {
  color: var(--ijbas-navy) !important;
  background: var(--ijbas-gold) !important;
  border-color: var(--ijbas-gold) !important;
}

body.index-page .ijbas-actions a,
body.index-page .view-all-btn,
body.index-page .obj_galley_link.pdf,
body.index-page .view-btn,
body.index-page .citation_formats_button,
body.index-page .faq-container .faq-item {
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

@media (hover: hover) {
  body.index-page .ijbas-actions a:hover,
  body.index-page .view-all-btn:hover,
  body.index-page .obj_galley_link.pdf:hover,
  body.index-page .view-btn:hover,
  body.index-page .citation_formats_button:hover {
    transform: translateY(-1px);
  }

  body.index-page .faq-container .faq-item:hover {
    border-color: rgba(0, 79, 124, 0.35);
    box-shadow: 0 10px 28px rgba(0, 0, 70, 0.09);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.index-page .ijbas-actions a,
  body.index-page .view-all-btn,
  body.index-page .obj_galley_link.pdf,
  body.index-page .view-btn,
  body.index-page .citation_formats_button,
  body.index-page .faq-container .faq-item {
    transition: none !important;
  }
}


/* Align OJS submission-section headings with their content. */
body.index-page .page.page_submissions .section_policy h2 {
  width: 100%;
  margin-top: 1.5rem !important;
  text-align: left !important;
}


/* Present OJS submission sections as cards consistent with adjacent blocks. */
body.index-page .page.page_submissions .section_policy {
  margin: 0 0 20px;
  padding: 20px;
  background: var(--ijbas-surface);
  border: 1px solid var(--ijbas-border);
  border-radius: 12px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}

body.index-page .page.page_submissions .section_policy h2 {
  margin-top: 0 !important;
}


/* Unified heading color for IJBAS information and policy pages. */
body.index-page .page:not(.page_article) h1,
body.index-page .page:not(.page_article) h2,
body.index-page .page:not(.page_article) h3,
body.index-page .page:not(.page_article) h4,
body.index-page .contact.section h1,
body.index-page .contact.section h2,
body.index-page .contact.section h3,
body.index-page .contact.section h4,
body.index-page .page:not(.page_article) .faq-container > p > strong:only-child,
body.index-page .page.page_submissions .faq-content > p > strong:only-child {
  color: #37517e !important;
}


/* Keep inline emphasis neutral; color only legacy text-based headings on their exact pages. */
body.index-page .page:not(.page_article) .faq-container > p > strong:only-child,
body.index-page .page.page_submissions .faq-content > p > strong:only-child {
  color: inherit !important;
}

html:has(link[rel="canonical"][href$="/about-us"]) body.index-page .page .faq-container > p > strong:only-child,
html:has(link[rel="canonical"][href$="/about/submissions"]) body.index-page .page.page_submissions .faq-content > p > strong:only-child {
  color: #37517e !important;
}


/* About page: headings with legacy strong markup inherit the heading system. */
.page_about h1 > strong,
.page_about h2 > strong,
.page_about h3 > strong,
.page_about h4 > strong {
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}


/* IJBAS information-page card system — 2026-09-19 */
.page_about .faq-container {
  box-sizing: border-box;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  background: var(--ijbas-surface, #fff);
  border: 1px solid var(--ijbas-border, #dfe6ea);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 70, 0.07);
}
.page_about .faq-container > h1 { margin-top: 0 !important; }

.page_masthead .faq-container > p:empty { display: none; }
.page_masthead .faq-container > h3 {
  box-sizing: border-box;
  margin: 1.5rem 0 0 !important;
  padding: 1.1rem 1.25rem 0.65rem;
  color: #37517e !important;
  text-align: left !important;
  background: var(--ijbas-surface, #fff);
  border: 1px solid var(--ijbas-border, #dfe6ea);
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
}
.page_masthead .faq-container > h3 > strong {
  color: inherit !important;
  font: inherit !important;
}
.page_masthead .faq-container > h3 + p,
.page_masthead .faq-container > h3 + ul {
  box-sizing: border-box;
  margin: 0 0 1.25rem !important;
  padding: 0.35rem 1.25rem 1.25rem;
  background: var(--ijbas-surface, #fff);
  border: 1px solid var(--ijbas-border, #dfe6ea);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 70, 0.07);
}
.page_masthead .faq-container > h3 + ul { padding-left: 2.6rem; }

html:has(link[rel="canonical"][href$="/Indexing"]) body.index-page .page > h1.page_title,
html:has(link[rel="canonical"][href$="/APC"]) body.index-page .page > h1.page_title {
  text-align: left !important;
  margin-bottom: 1rem !important;
}
html:has(link[rel="canonical"][href$="/Indexing"]) #ijbas-indexing {
  box-sizing: border-box;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  background: var(--ijbas-surface, #fff);
  border: 1px solid var(--ijbas-border, #dfe6ea);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 70, 0.07);
}
html:has(link[rel="canonical"][href$="/Indexing"]) #ijbas-indexing > :first-child { margin-top: 0 !important; }
html:has(link[rel="canonical"][href$="/Indexing"]) #ijbas-indexing h2 { text-align: left !important; }

html:has(link[rel="canonical"][href$="/Ethics"]) body.index-page .page {
  box-sizing: border-box;
  width: calc(100% - 40px);
  margin: 30px auto 0 !important;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  background: var(--ijbas-surface, #fff);
  border: 1px solid var(--ijbas-border, #dfe6ea);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 70, 0.07);
}
html:has(link[rel="canonical"][href$="/Ethics"]) body.index-page .page > h1.page_title { margin-top: 0 !important; text-align: left !important; }
html:has(link[rel="canonical"][href$="/Ethics"]) body.index-page .page h2,
html:has(link[rel="canonical"][href$="/Ethics"]) body.index-page .page h3 { text-align: left !important; }

html:has(link[rel="canonical"][href$="/APC"]) #why-us { padding: 0 !important; }
html:has(link[rel="canonical"][href$="/APC"]) #why-us > .page_submissions {
  box-sizing: border-box;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  background: var(--ijbas-surface, #fff);
  border: 1px solid var(--ijbas-border, #dfe6ea);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 70, 0.07);
}
html:has(link[rel="canonical"][href$="/APC"]) #why-us .container-fluid,
html:has(link[rel="canonical"][href$="/APC"]) #why-us .faq-container { padding: 0 !important; }

/* IJBAS information-card edge and footer spacing — 2026-09-19 */
.page_about,
.page_masthead {
  padding-bottom: 100px !important;
}
html:has(link[rel="canonical"][href$="/Ethics"]) body.index-page .page {
  margin: 4rem auto 2.5rem !important;
  overflow: hidden !important;
}
html:has(link[rel="canonical"][href$="/APC"]) #why-us {
  overflow: visible !important;
  background: transparent !important;
}
html:has(link[rel="canonical"][href$="/APC"]) #why-us > .page_submissions {
  border-radius: 12px !important;
  overflow: hidden !important;
}
.page_about .faq-container,
html:has(link[rel="canonical"][href$="/Indexing"]) #ijbas-indexing {
  overflow: hidden !important;
}

/* IJBAS primary dropdown refinement — 2026-09-19 */
@media (min-width: 992px) {
  .pkp_navigation_primary .dropdown-menu {
    min-width: 250px;
    padding: 0.45rem;
    background: var(--ijbas-navy, #000046);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(0, 0, 70, 0.24);
  }
  .pkp_navigation_primary .dropdown-menu > li + li {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .pkp_navigation_primary .dropdown-menu > li > a {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0.65rem 0.8rem;
    color: #fff;
    line-height: 1.3;
    border-radius: 6px;
    transition: background-color 0.18s ease, color 0.18s ease;
  }
  .pkp_navigation_primary .dropdown-menu > li > a:hover,
  .pkp_navigation_primary .dropdown-menu > li > a:focus {
    color: var(--ijbas-navy, #000046);
    background: var(--ijbas-gold, #f7bc4a);
    outline: none;
  }
}


/* IJBAS header alignment and account-menu match — 2026-09-19 */
#header #pkpDropdown1 > .task_count {
  display: none !important;
}

@media (min-width: 1200px) {
  #header #navmenu {
    margin-right: 96px;
  }

  #header #navigationUser > li > #pkpDropdown1 {
    margin-right: 0;
    padding: 7px 14px;
    color: var(--ijbas-navy, #000046);
    background: #fff;
    border: 1px solid rgba(0, 0, 70, 0.14);
    border-radius: 999px;
    box-shadow: 0 3px 10px rgba(0, 0, 70, 0.08);
    line-height: 1.2;
  }

  #header #navigationUser > li > #pkpDropdown1:hover,
  #header #navigationUser > li > #pkpDropdown1:focus {
    color: var(--ijbas-navy, #000046);
    background: #f8fbff;
    border-color: rgba(0, 0, 70, 0.28);
    outline: none;
  }

  #header #navigationUser > li > .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    min-width: 190px;
    padding: 0.45rem;
    background: var(--ijbas-navy, #000046);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(0, 0, 70, 0.24);
  }

  #header #navigationUser > li > .dropdown-menu > li + li {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
  }

  #header #navigationUser > li > .dropdown-menu > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: 0.65rem 0.8rem;
    color: #fff;
    line-height: 1.3;
    border-radius: 6px;
    transition: background-color 0.18s ease, color 0.18s ease;
  }

  #header #navigationUser > li > .dropdown-menu > li > a:hover,
  #header #navigationUser > li > .dropdown-menu > li > a:focus {
    color: var(--ijbas-navy, #000046);
    background: var(--ijbas-gold, #f7bc4a);
    outline: none;
  }

  #header #navigationUser > li > .dropdown-menu .task_count {
    color: inherit;
    background: rgba(255, 255, 255, 0.16);
  }
}

/* IJBAS article-action label contrast — 2026-09-19 */
#why-us .view-btn,
#why-us .view-btn i {
  color: #fff !important;
}


/* IJBAS article-page card and action refinement — 2026-09-19 */
.page_article .main_entry {
  overflow: hidden;
  background: var(--ijbas-surface, #fff);
  border: 1px solid var(--ijbas-border, #dfe6ea);
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(0, 0, 70, 0.08);
  padding: 0 !important;
}

.page_article .main_entry > .item {
  background: transparent;
}

.page_article .download-btn {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

.page_article .download-btn .obj_galley_link.pdf {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  width: 100% !important;
  min-height: 50px;
  margin: 0 0 1.5rem !important;
  padding: 0.7rem 1rem !important;
  border-radius: 10px !important;
}

.page_article .citation_formats {
  display: inline-block !important;
  width: auto !important;
  margin-top: 1rem !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.page_article .citation_formats_button {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
  min-height: 44px;
  padding: 0.7rem 2.6rem 0.7rem 1rem !important;
  color: var(--ijbas-navy, #000046) !important;
  background: #fff !important;
  border: 1px solid var(--ijbas-navy, #000046) !important;
  border-radius: 8px !important;
  font-weight: 700;
  line-height: 1.2;
}

.page_article .citation_formats_button::after {
  top: 50% !important;
  right: 0.9rem !important;
  transform: translateY(-50%) !important;
}

.page_article .obj_article_details > .row > .item.references {
  margin-top: 1.5rem;
  padding: 0 !important;
  background: var(--ijbas-surface, #fff);
  border: 1px solid var(--ijbas-border, #dfe6ea);
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(0, 0, 70, 0.08);
  overflow: hidden;
}

.page_article .related-articles-block {
  margin: 0;
  padding: clamp(1.25rem, 2.4vw, 2rem);
  background: #f8fbff;
}

.page_article .related-articles-block .related-title_ {
  padding-top: 0 !important;
}

.page_article .related-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page_article .related-item + .related-item {
  margin-top: 0.65rem;
}

.page_article .related-link {
  display: block;
  padding: 0.85rem 1rem;
  color: var(--ijbas-blue, #004f7c);
  background: #fff;
  border: 1px solid var(--ijbas-border, #dfe6ea);
  border-radius: 8px;
  line-height: 1.45;
  transition: border-color 0.18s ease, background-color 0.18s ease;
}

.page_article .related-link:hover,
.page_article .related-link:focus {
  color: var(--ijbas-navy, #000046);
  background: #fffdf7;
  border-color: var(--ijbas-gold, #f7bc4a);
  outline: none;
}

@media (max-width: 640px) {
  .page_article .main_entry,
  .page_article .obj_article_details > .row > .item.references {
    border-radius: 12px;
  }
}


/* IJBAS citation control and article typography refinement — 2026-09-19 */
.page_article .citation_formats_button::after {
  content: "⌄" !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  right: .95rem !important;
  transform: translateY(-54%) !important;
  color: var(--ijbas-navy, #000046) !important;
  font-family: Arial, sans-serif !important;
  font-size: 1.35rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}
.page_article .citation_formats_button[aria-expanded="true"]::after {
  transform: translateY(-46%) rotate(180deg) !important;
}
.page_article .citation_formats_button {
  font-size: 1rem !important;
  letter-spacing: .015em;
}
.page_article .main_entry .item,
.page_article .main_entry p,
.page_article .main_entry li,
.page_article .obj_article_details .item,
.page_article .related-link {
  font-size: 1rem !important;
  line-height: 1.65 !important;
}
.page_article .main_entry .item .label,
.page_article .obj_article_details .item .label {
  font-size: 1rem !important;
  line-height: 1.35 !important;
}


/* IJBAS citation arrow and citation-size correction — 2026-09-19 */
.page_article .citation_formats_button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-right: 3rem !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
}
.page_article .citation_formats_button::after {
  content: "▾" !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  right: 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
  margin: 0 !important;
  color: var(--ijbas-navy, #000046) !important;
  font-family: Arial, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1rem !important;
  text-align: center !important;
  transform: translateY(-50%) !important;
}
.page_article .citation_formats_button[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(180deg) !important;
}
.page_article .citation_display,
.page_article .citation_display .value,
.page_article .citation_display p,
.page_article .citation_display a {
  font-size: 1rem !important;
  line-height: 1.65 !important;
}


/* IJBAS archive-page card refinement — 2026-09-19 */
.page_issue_archive {
  padding-bottom: 2rem;
}
.page_issue_archive > h1 {
  margin: 0 0 1.35rem !important;
  color: var(--ijbas-navy, #000046) !important;
  font-size: clamp(1.9rem, 3vw, 2.35rem) !important;
  line-height: 1.2 !important;
}
.page_issue_archive #services {
  padding: clamp(1rem, 2vw, 1.5rem) !important;
  background: #f4f7f9 !important;
  border: 1px solid var(--ijbas-border, #dfe6ea);
  border-radius: 16px;
}
.page_issue_archive #services > .row {
  margin-right: -.75rem !important;
  margin-left: -.75rem !important;
  row-gap: 1.5rem !important;
}
.page_issue_archive #services > .row > [class*="col-"] {
  padding-right: .75rem !important;
  padding-left: .75rem !important;
}
.page_issue_archive #services .service-item {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 185px;
  height: 100%;
  padding: 1.35rem 1.1rem !important;
  background: var(--ijbas-surface, #fff) !important;
  border: 1px solid var(--ijbas-border, #dfe6ea);
  border-radius: 12px;
  box-shadow: 0 7px 20px rgba(0, 0, 70, .06);
  text-align: center;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.page_issue_archive #services .service-item:hover,
.page_issue_archive #services .service-item:focus-within {
  transform: translateY(-2px);
  border-color: var(--ijbas-gold, #f7bc4a);
  box-shadow: 0 10px 24px rgba(0, 0, 70, .1);
}
.page_issue_archive #services .service-item .icon {
  margin: 0 0 .55rem !important;
  color: var(--ijbas-blue, #004f7c) !important;
  font-size: 2rem !important;
  line-height: 1 !important;
}
.page_issue_archive #services .service-item h6 {
  margin: 0 !important;
  min-height: 2.8em;
  color: var(--ijbas-navy, #000046) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}
.page_issue_archive #services .service-item h6 a {
  color: var(--ijbas-navy, #000046) !important;
  text-decoration: none !important;
}
.page_issue_archive #services .service-item h6 a:hover,
.page_issue_archive #services .service-item h6 a:focus {
  color: var(--ijbas-blue, #004f7c) !important;
  text-decoration: underline !important;
  text-underline-offset: .18em;
}
.page_issue_archive #services .service-item p {
  margin: .65rem 0 0 !important;
  color: var(--ijbas-blue, #004f7c) !important;
  font-size: .95rem !important;
  font-weight: 600;
  line-height: 1.4 !important;
}
.page_issue_archive #services .service-item p i {
  font-style: normal !important;
}
@media (min-width: 1200px) {
  .page_issue_archive #services > .row > [class*="col-"] {
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .page_issue_archive #services > .row > [class*="col-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media (max-width: 767.98px) {
  .page_issue_archive #services {
    padding: 1rem !important;
    border-radius: 12px;
  }
  .page_issue_archive #services > .row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .page_issue_archive #services .service-item {
    min-height: 160px;
  }
}


/* IJBAS breadcrumb bar refinement — 2026-09-19 */
body.index-page .page-title {
  width: calc(100% - 2rem);
  margin: .75rem auto 1.5rem !important;
  padding: 0 !important;
  background: transparent !important;
}
body.index-page .page-title .breadcrumbs {
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: .8rem 1rem !important;
  color: var(--ijbas-muted, #5f6b73) !important;
  background: #f8fafc !important;
  border: 1px solid var(--ijbas-border, #dfe6ea);
  border-radius: 10px;
  box-shadow: 0 3px 12px rgba(0, 0, 70, .035);
  font-size: 1rem !important;
  line-height: 1.4 !important;
}
body.index-page .page-title .breadcrumbs a {
  color: var(--ijbas-blue, #004f7c) !important;
  font-weight: 600;
  text-decoration: none !important;
}
body.index-page .page-title .breadcrumbs a:hover,
body.index-page .page-title .breadcrumbs a:focus {
  color: var(--ijbas-navy, #000046) !important;
  text-decoration: underline !important;
  text-underline-offset: .18em;
}
body.index-page .page-title .breadcrumbs li,
body.index-page .page-title .breadcrumbs span {
  color: var(--ijbas-muted, #5f6b73) !important;
}
@media (max-width: 767.98px) {
  body.index-page .page-title {
    width: calc(100% - 1.25rem);
    margin-top: .5rem !important;
    margin-bottom: 1rem !important;
  }
  body.index-page .page-title .breadcrumbs {
    min-height: 46px;
    padding: .65rem .8rem !important;
    border-radius: 8px;
  }
}


/* IJBAS archive content-width and breadcrumb proportion — 2026-09-19 */
body.index-page .page-title,
.page_issue_archive > h1,
.page_issue_archive #services {
  width: calc(100% - 3rem) !important;
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.index-page .page-title {
  margin-top: 1rem !important;
  margin-bottom: 1.4rem !important;
}
body.index-page .page-title .breadcrumbs {
  min-height: 48px !important;
  padding: .7rem 1.1rem !important;
  background: #fbfcfd !important;
  border-color: #e3e9ed !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 16px rgba(0, 0, 70, .045) !important;
}
.page_issue_archive > h1 {
  margin-bottom: 1.2rem !important;
}
.page_issue_archive #services {
  border-radius: 16px !important;
}
@media (max-width: 767.98px) {
  body.index-page .page-title,
  .page_issue_archive > h1,
  .page_issue_archive #services {
    width: calc(100% - 1.25rem) !important;
  }
  body.index-page .page-title .breadcrumbs {
    min-height: 44px !important;
    padding: .6rem .8rem !important;
    border-radius: 11px !important;
  }
}


/* IJBAS robust CSS citation chevron — 2026-09-19 */
.page_article .citation_formats {
  width: min(100%, 460px) !important;
  max-width: 100% !important;
}
.page_article .citation_formats_button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: .8rem 3.75rem .8rem 1.25rem !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
.page_article .citation_formats_button::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  right: 1.35rem !important;
  width: 10px !important;
  height: 10px !important;
  margin: -7px 0 0 !important;
  border: solid var(--ijbas-navy, #000046) !important;
  border-width: 0 2px 2px 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: rotate(45deg) !important;
  transform-origin: center !important;
}
.page_article .citation_formats_button[aria-expanded="true"]::after {
  margin-top: -3px !important;
  transform: rotate(225deg) !important;
}
@media (max-width: 520px) {
  .page_article .citation_formats,
  .page_article .citation_formats_button {
    width: 100% !important;
  }
}


/* IJBAS compact breadcrumb repair — 2026-09-19 */
body.index-page .page-title {
  width: calc(100% - 2rem) !important;
  max-width: 1120px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: .75rem auto 1rem !important;
  padding: 0 !important;
  box-shadow: inset 0 0 0 1000px #fff !important;
  overflow: visible !important;
}
body.index-page .page-title .breadcrumbs {
  min-height: 46px !important;
  height: auto !important;
  padding: .65rem 1rem !important;
  background: #fafbfc !important;
  border: 1px solid #e3e9ed !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 70, .035) !important;
}
body.index-page .page-title .breadcrumbs ol,
body.index-page .page-title .breadcrumbs ul {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: .35rem !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.index-page .page-title .breadcrumbs li {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.35 !important;
}
@media (max-width: 767.98px) {
  body.index-page .page-title {
    width: calc(100% - 1rem) !important;
    margin-top: .5rem !important;
    margin-bottom: .75rem !important;
  }
  body.index-page .page-title .breadcrumbs {
    min-height: 42px !important;
    padding: .55rem .75rem !important;
    border-radius: 8px !important;
  }
}


/* IJBAS universal breadcrumb standard — 2026-09-19 */
:root body .page-title {
  width: calc(100% - 2rem) !important;
  max-width: 1120px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: .75rem auto 1rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 1000px #fff !important;
  overflow: visible !important;
}
:root body .page-title .breadcrumbs {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 46px !important;
  height: auto !important;
  margin: 0 !important;
  padding: .65rem 1rem !important;
  background: #fafbfc !important;
  border: 1px solid #e3e9ed !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 70, .035) !important;
  color: #40516b !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
}
:root body .page-title .breadcrumbs ol,
:root body .page-title .breadcrumbs ul {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: .35rem !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
:root body .page-title .breadcrumbs li {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
:root body .page-title .breadcrumbs a,
:root body .page-title .breadcrumbs span {
  font-size: inherit !important;
  line-height: inherit !important;
}
:root body .page-title .breadcrumbs a {
  color: #075f86 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
:root body .page-title .breadcrumbs .current,
:root body .page-title .breadcrumbs [aria-current="page"] {
  color: #40516b !important;
  font-weight: 400 !important;
}
@media (max-width: 767.98px) {
  :root body .page-title {
    width: calc(100% - 1rem) !important;
    margin: .5rem auto .75rem !important;
  }
  :root body .page-title .breadcrumbs {
    min-height: 42px !important;
    padding: .55rem .75rem !important;
    border-radius: 8px !important;
    font-size: .94rem !important;
  }
}


/* IJBAS issue and archive page shell alignment — 2026-09-19 */
:root body .page.page_issue,
:root body .page.page_issue_archive {
  box-sizing: border-box !important;
  width: calc(100% - 5.625rem) !important;
  max-width: 1344px !important;
  margin: 100px auto 40px !important;
  padding: 28px !important;
  background: #fff !important;
  border: 1px solid var(--ijbas-border, #dfe6ea) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 70, .07) !important;
  overflow: hidden !important;
}
:root body .page.page_issue > .page-title,
:root body .page.page_issue_archive > .page-title {
  margin-top: 10.5px !important;
}
:root body .page.page_issue_archive > h1,
:root body .page.page_issue_archive > #services,
:root body .page.page_issue_archive > .cmp_pagination {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
:root body .page.page_issue_archive > h1 {
  margin-top: 0 !important;
}
@media (max-width: 767.98px) {
  :root body .page.page_issue,
  :root body .page.page_issue_archive {
    width: calc(100% - 1rem) !important;
    margin-top: 84px !important;
    margin-bottom: 24px !important;
    padding: 14px !important;
    border-radius: 10px !important;
  }
}


/* IJBAS homepage welcome refinement — 2026-09-19 */
:root body.index-page #starter-section .ijbas-welcome {
  width: 100% !important;
  padding: 0 !important;
}
:root body.index-page #starter-section .ijbas-welcome h1 {
  max-width: none !important;
  margin-bottom: .75rem !important;
}
:root body.index-page #starter-section .ijbas-welcome > p {
  max-width: none !important;
  width: 100% !important;
  margin-bottom: 1rem !important;
  color: var(--ijbas-text, #263238) !important;
}
:root body.index-page #starter-section .ijbas-actions {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: wrap !important;
  gap: .75rem !important;
  margin: 1rem 0 !important;
}
:root body.index-page #starter-section .ijbas-actions a,
:root body.index-page #starter-section .ijbas-actions a:visited {
  box-sizing: border-box !important;
  min-width: 190px !important;
  min-height: 48px !important;
  padding: .72rem 1.15rem !important;
  border-radius: 10px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: center !important;
}
:root body.index-page #starter-section .ijbas-actions .ijbas-primary,
:root body.index-page #starter-section .ijbas-actions .ijbas-primary:visited {
  color: #fff !important;
  background: var(--ijbas-navy, #000046) !important;
  border: 1px solid var(--ijbas-navy, #000046) !important;
}
:root body.index-page #starter-section .ijbas-actions .ijbas-secondary,
:root body.index-page #starter-section .ijbas-actions .ijbas-secondary:visited {
  color: var(--ijbas-navy, #000046) !important;
  background: #f7f9fb !important;
  border: 1px solid #cdd9e1 !important;
}
:root body.index-page #starter-section .ijbas-actions a:hover,
:root body.index-page #starter-section .ijbas-actions a:focus {
  color: var(--ijbas-navy, #000046) !important;
  background: var(--ijbas-gold, #f7bc4a) !important;
  border-color: var(--ijbas-gold, #f7bc4a) !important;
}
:root body.index-page #starter-section .ijbas-facts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .75rem !important;
  margin: 1rem 0 0 !important;
}
:root body.index-page #starter-section .ijbas-facts li {
  display: flex !important;
  align-items: flex-start !important;
  min-height: 68px !important;
  margin: 0 !important;
  padding: .8rem 1rem !important;
  background: #f7fafc !important;
  border: 1px solid var(--ijbas-border, #dfe6ea) !important;
  border-top: 3px solid var(--ijbas-gold, #f7bc4a) !important;
  border-radius: 10px !important;
  line-height: 1.5 !important;
}
:root body.index-page #starter-section .ijbas-facts li strong {
  margin-right: .28em !important;
}
@media (max-width: 760px) {
  :root body.index-page #starter-section .ijbas-actions a {
    width: 100% !important;
    min-width: 0 !important;
  }
  :root body.index-page #starter-section .ijbas-facts {
    grid-template-columns: 1fr !important;
  }
  :root body.index-page #starter-section .ijbas-facts li {
    min-height: 0 !important;
  }
}

/* IJBAS AUTHORITATIVE FINAL OVERRIDES — keep this block last */
:root {
  --ijbas-content-max: 1344px;
  --ijbas-heading: #37517e;
}

#header .task_count,
#navigationUser .task_count {
  display: none !important;
}

body.index-page .page-title,
body.index-page .page.page_issue,
body.index-page .page.page_issue_archive,
body.index-page .page.page_article,
body.index-page .page.page_about,
body.index-page .page.page_submissions,
body.index-page main > .container,
body.index-page main > .container-fluid {
  box-sizing: border-box !important;
  width: calc(100% - 3rem) !important;
  max-width: var(--ijbas-content-max) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
body.index-page .page-title {
  min-height: 0 !important;
  margin: .75rem auto 1rem !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.index-page .page-title .breadcrumbs {
  min-height: 46px !important;
  padding: .65rem 1rem !important;
  background: #fafbfc !important;
  border: 1px solid #e3e9ed !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 70, .035) !important;
}

body.index-page .page h1,
body.index-page .page h2,
body.index-page .page h3,
body.index-page .page h4,
.page_article .related-articles-block .related-title_ {
  color: var(--ijbas-heading) !important;
  text-align: left !important;
}
body.index-page .page h1,
.page_issue_archive > h1 {
  font-size: 28px !important;
  line-height: 1.25 !important;
}
body.index-page .page h2 {
  font-size: 23px !important;
  line-height: 1.32 !important;
}
body.index-page .page h3,
body.index-page .page h4,
.page.page_ethics h3,
#contact h3 {
  font-size: 20px !important;
  line-height: 1.35 !important;
}
.page_article .authors,
.page_article .affiliation,
.page_article .affiliations,
.page_article .author_bios,
.page_article .main_entry p,
.page_article .main_entry li,
.page_article .obj_article_details p,
.page_article .obj_article_details li,
#contact p,
#contact li,
#contact label,
#contact input,
#contact textarea {
  font-family: Raleway, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}
.page_article .title,
.page_article .main_entry .title,
.page_issue .title,
.page_issue .journal-info h1,
.page_issue .journal-info h2,
.page_issue .journal-info h3 {
  text-align: left !important;
}

.page_submissions .section_policy p,
.page_submissions .faq-content p,
.page_submissions .submission_checklist p,
.page_submissions .copyright_notice p {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

body.index-page #starter-section .obj_article_summary .title a,
body.index-page #starter-section .obj_article_summary .title a:visited,
body.index-page #starter-section .title a,
body.index-page #starter-section .title a:visited,
body.index-page .obj_issue_toc .title a,
body.index-page .obj_issue_toc .title a:visited {
  color: var(--ijbas-heading) !important;
}
body.index-page #starter-section .obj_article_summary .title a:hover,
body.index-page #starter-section .obj_article_summary .title a:focus,
body.index-page #starter-section .title a:hover,
body.index-page #starter-section .title a:focus {
  color: var(--ijbas-blue, #004f7c) !important;
}

.page_issue #why-us .container-fluid {
  width: 100% !important;
  max-width: none !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.page_issue #why-us .row,
.page_issue #why-us .row > [class*="col-"],
.page_issue #why-us .faq-container,
.page_issue #why-us .faq-item {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}
.page_issue #why-us .row > [class*="col-"],
.page_issue #why-us .faq-container {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.page_issue #why-us .faq-item {
  margin-right: 0 !important;
  margin-left: 0 !important;
  border-radius: 12px !important;
}
.page_issue #why-us .faq-item h3,
.page_issue #why-us .faq-item h3 a {
  color: var(--ijbas-heading) !important;
  text-align: left !important;
}
#why-us .faq-item .download-btn,
#why-us .faq-item .view-btn,
#why-us .faq-item .download-btn .obj_galley_link.pdf {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .45rem !important;
  min-height: 44px !important;
  padding: .65rem 1rem !important;
  border-radius: 8px !important;
  font-family: Raleway, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #fff !important;
  white-space: normal !important;
}
#why-us .faq-item .download-btn {
  padding: 0 !important;
}
#why-us .faq-item .download-btn .obj_galley_link.pdf {
  width: 100% !important;
  margin: 0 !important;
}

.page_article .related-articles-block .related-title_,
.page_article .related-articles-block h2,
.page_article .related-articles-block h3 {
  color: var(--ijbas-heading) !important;
}
.page_article .citation_display .value,
.page_article .item:has(.citation_formats) .value,
.page_article .citation .value {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}
.page_article .citation_display .citation_formats,
.page_article .citation_formats {
  display: block !important;
  width: min(100%, 460px) !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
.page_article .citation_display .citation_formats_button,
.page_article .citation_formats_button {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 54px !important;
  font-family: Raleway, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
}

.page_issue_archive #services .service-item p,
.page_issue_archive #services .service-item p i,
.page_issue_archive #services .service-item .article-count {
  font-size: 15px !important;
  line-height: 1.45 !important;
}

#contact.contact.section {
  box-sizing: border-box !important;
  width: calc(100% - 3rem) !important;
  max-width: var(--ijbas-content-max) !important;
  margin: 0 auto 2rem !important;
  padding: clamp(1.25rem, 2.5vw, 2rem) !important;
  background: #fff !important;
  border: 1px solid var(--ijbas-border, #dfe6ea) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 70, .06) !important;
}
#contact.contact.section > .container {
  width: 100% !important;
  max-width: none !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

@media (max-width: 1199.98px) {
  #header {
    min-height: 92px !important;
    height: auto !important;
    overflow: visible !important;
  }
  #header #navigationUserWrapper {
    position: absolute !important;
    top: .6rem !important;
    right: .75rem !important;
    z-index: 1002 !important;
    width: auto !important;
    margin: 0 !important;
  }
  #header #navigationUser > li > ul {
    display: none !important;
    position: absolute !important;
    top: calc(100% + .35rem) !important;
    right: 0 !important;
    left: auto !important;
    min-width: 190px !important;
    padding: .45rem !important;
    background: var(--ijbas-navy, #000046) !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 70, .24) !important;
  }
  #header #navigationUser > li:focus-within > ul,
  #header #navigationUser > li:hover > ul {
    display: block !important;
  }
  #header #navigationUser > li > ul a {
    color: #fff !important;
  }
}

@media (max-width: 767.98px) {
  body.index-page .page-title,
  body.index-page .page.page_issue,
  body.index-page .page.page_issue_archive,
  body.index-page .page.page_article,
  body.index-page .page.page_about,
  body.index-page .page.page_submissions,
  body.index-page main > .container,
  body.index-page main > .container-fluid,
  #contact.contact.section {
    width: calc(100% - 1.25rem) !important;
  }
  body.index-page .page h1,
  .page_issue_archive > h1 {
    font-size: 25px !important;
  }
  body.index-page .page h2 {
    font-size: 21px !important;
  }
  .page_issue .journal-latest-issue {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 1rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .page_issue .journal-latest-issue .journal-cover,
  .page_issue .journal-latest-issue .journal-info {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  .page_issue .journal-latest-issue .journal-cover img {
    display: block !important;
    max-width: min(100%, 220px) !important;
    height: auto !important;
    margin: 0 auto !important;
  }
  .page_issue .journal-latest-issue .view-all-btn {
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }
  /* The template writes inline negative gutters; offset them without touching core. */
  .page_issue #why-us .row[style*="-70px"] {
    position: relative !important;
    transform: translateX(70px) !important;
  }
  .page_issue #why-us .faq-item {
    padding: 1rem !important;
  }
  #why-us .faq-item .download-btn,
  #why-us .faq-item .view-btn,
  #why-us .faq-item .download-btn .obj_galley_link.pdf {
    float: none !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: .45rem 0 0 !important;
  }
  .page_article .citation_display,
  .page_article .citation_display .value,
  .page_article .item:has(.citation_formats),
  .page_article .item:has(.citation_formats) .value,
  .page_article .citation_formats,
  .page_article .citation_formats_button {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

/* Inline-template countermeasures: OJS writes !important widths/radii in markup. */
#why-us .faq-item .download-btn {
  overflow: hidden !important;
  border-radius: 8px !important;
}
.page_article .main_entry .item.citation_display .value .citation_formats {
  overflow: visible !important;
}
.page_article .main_entry .item.citation_display .value .citation_formats .citation_formats_button.label {
  box-sizing: border-box !important;
  width: 460px !important;
  max-width: calc(100vw - 7.5rem) !important;
  min-height: 54px !important;
  padding: .8rem 3.75rem .8rem 1.25rem !important;
  font-family: Raleway, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}
.page_article .main_entry .item.citation_display .value .citation_formats .citation_formats_list {
  width: 460px !important;
  max-width: calc(100vw - 7.5rem) !important;
}

/* IJBAS breadcrumb, corporate header/logo and footer polish — 2026-09-20 */
body.index-page .page-title,
:root body.index-page .page-title,
:root body .page-title {
  box-sizing: border-box !important;
  width: calc(100% - 2rem) !important;
  max-width: 1120px !important;
  min-height: 0 !important;
  margin: .75rem auto 1rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
body.index-page .page-title .breadcrumbs,
:root body.index-page .page-title .breadcrumbs,
:root body .page-title .breadcrumbs {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: .65rem 1rem !important;
  background: #fafbfc !important;
  border: 1px solid #e3e9ed !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 70, .035) !important;
  overflow: hidden !important;
}

/* Preserve the logo's natural 95:128 aspect ratio instead of forcing a square. */
#header .logo,
header .logo {
  gap: 12px !important;
}
#header .logo img,
header .logo img {
  width: auto !important;
  height: 64px !important;
  max-width: none !important;
  object-fit: contain !important;
  flex: 0 0 auto !important;
}
#header .logo .sitename,
header .logo .sitename {
  margin: 0 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

/* Footer follows the same restrained brand system as the journal pages. */
#footer,
footer.footer {
  color: var(--ijbas-text, #263238) !important;
  background: #fff !important;
}
#footer .footer-newsletter,
footer.footer .footer-newsletter {
  background: rgba(55, 81, 126, .05) !important;
  border-top: 1px solid var(--ijbas-border, #dfe6ea) !important;
}
#footer .footer-top,
footer.footer .footer-top {
  box-sizing: border-box !important;
  max-width: var(--ijbas-content-max, 1344px) !important;
  padding: 42px 1.25rem 30px !important;
}
#footer .footer-about > a,
footer.footer .footer-about > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: .75rem !important;
  color: #800000 !important;
  text-decoration: none !important;
}
#footer .footer-about > a::before,
footer.footer .footer-about > a::before {
  content: "" !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 36px !important;
  height: 49px !important;
  background: url("https://www.sciencepubco.com/templates/images/spc_logo.png") center / contain no-repeat !important;
}
#footer .footer-about .sitename,
footer.footer .footer-about .sitename {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}
#footer h4,
footer.footer h4 {
  margin: 0 0 .85rem !important;
  color: #800000 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}
#footer .footer-contact p,
footer.footer .footer-contact p,
#footer .footer-links li,
footer.footer .footer-links li,
#footer .footer-links a,
footer.footer .footer-links a {
  font-family: Raleway, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}
#footer .footer-links a,
footer.footer .footer-links a {
  color: var(--ijbas-text, #263238) !important;
  text-decoration: none !important;
}
#footer .footer-links a:hover,
#footer .footer-links a:focus,
footer.footer .footer-links a:hover,
footer.footer .footer-links a:focus {
  color: var(--ijbas-blue, #004f7c) !important;
  text-decoration: underline !important;
  text-underline-offset: .18em !important;
}
#footer .social-links,
footer.footer .social-links {
  gap: .55rem !important;
}
#footer .social-links a,
footer.footer .social-links a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  color: var(--ijbas-navy, #000046) !important;
  background: #fff !important;
  border: 1px solid #cfd8df !important;
  border-radius: 50% !important;
}
#footer .copyright,
footer.footer .copyright {
  box-sizing: border-box !important;
  max-width: var(--ijbas-content-max, 1344px) !important;
  margin-top: 0 !important;
  padding: 16px 1rem 18px !important;
  border-top: 1px solid var(--ijbas-border, #dfe6ea) !important;
  color: #800000 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}
#scroll-top {
  right: 16px !important;
  bottom: 16px !important;
}

@media (max-width: 767.98px) {
  body.index-page .page-title,
  :root body.index-page .page-title,
  :root body .page-title {
    width: calc(100% - 1.25rem) !important;
    margin-top: .55rem !important;
    margin-bottom: .9rem !important;
    border-radius: 10px !important;
  }
  body.index-page .page-title .breadcrumbs,
  :root body.index-page .page-title .breadcrumbs,
  :root body .page-title .breadcrumbs {
    min-height: 44px !important;
    padding: .6rem .8rem !important;
    border-radius: 10px !important;
  }
  #header,
  header.header {
    min-height: 78px !important;
    padding: 10px 0 !important;
  }
  #header .container,
  #header .container-fluid,
  header.header .container,
  header.header .container-fluid {
    min-height: 58px !important;
  }
  #header .logo,
  header .logo {
    gap: 9px !important;
    max-width: 245px !important;
  }
  #header .logo img,
  header .logo img {
    width: auto !important;
    height: 56px !important;
  }
  #header .logo .sitename,
  header .logo .sitename {
    max-width: 185px !important;
    font-size: 14px !important;
    line-height: 1.22 !important;
  }
  #header #navigationUserWrapper {
    top: .45rem !important;
    right: 3.75rem !important;
  }
  #header .mobile-nav-toggle {
    margin-left: .5rem !important;
    color: var(--ijbas-navy, #000046) !important;
  }
  #header #navigationUser,
  #header #navigationUser > li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  #header #navigationUser > li {
    display: block !important;
  }
  #header #navigationUser > li > a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: .4rem .7rem !important;
    background: #fff !important;
    border: 1px solid rgba(0, 0, 70, .14) !important;
    border-radius: 999px !important;
    box-shadow: 0 3px 10px rgba(0, 0, 70, .08) !important;
  }
  /* The homepage template also writes a -70px inline gutter. */
  body.index-page #why-us .row[style*="-70px"] {
    position: relative !important;
    transform: translateX(70px) !important;
  }
  body.index-page #starter-section #why-us .row[style*="-70px"] {
    width: calc(100% + 48px) !important;
    max-width: calc(100% + 48px) !important;
    transform: translateX(54px) !important;
  }
  #footer .footer-top,
  footer.footer .footer-top {
    padding: 32px 1.25rem 24px !important;
  }
  #footer .footer-top .row,
  footer.footer .footer-top .row {
    row-gap: 1.6rem !important;
  }
  #footer .footer-about .sitename,
  footer.footer .footer-about .sitename,
  #footer h4,
  footer.footer h4 {
    font-size: 20px !important;
  }
  #footer .footer-contact p,
  footer.footer .footer-contact p,
  #footer .footer-links li,
  footer.footer .footer-links li,
  #footer .footer-links a,
  footer.footer .footer-links a {
    font-size: 15px !important;
  }
  #footer .copyright,
  footer.footer .copyright {
    padding: 14px 4.5rem 16px 1rem !important;
    font-size: 13.5px !important;
  }
  #scroll-top {
    width: 42px !important;
    height: 42px !important;
    right: 14px !important;
    bottom: 14px !important;
  }
}

@media (max-width: 575.98px) {
  #header .logo,
  header .logo {
    width: auto !important;
    max-width: none !important;
  }
  #header .logo .sitename,
  header .logo .sitename {
    display: none !important;
  }
}

/* IJET corrective layer: presentation only, 2026-09-20. */
/* About page: remove inherited section spacers around the actual text. */
html:has(#navigationPrimary a[href$="/issue/current"]) .page_about {padding-bottom:32px!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) .page_about section {padding-top:0!important;padding-bottom:0!important;margin:0!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) .page_about section > :first-child {margin-top:0!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) .page_about section > :last-child {margin-bottom:0!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) .page:not([class*="page_"]) {
  box-sizing:border-box!important; width:calc(100% - 48px)!important; max-width:1344px!important;
  margin:24px auto 40px!important; padding:28px!important; background:#fff!important;
  border:1px solid #dfe6ea!important; border-radius:16px!important; box-shadow:0 8px 24px rgba(0,0,70,.06)!important;
}
html:has(#navigationPrimary a[href$="/issue/current"]) body {background:#fff!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) body > .page-title {margin-top:120px!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) .page :is(h1,h2,h3,h4),
html:has(#navigationPrimary a[href$="/issue/current"]) .page :is(h1,h2,h3,h4) :is(strong,b,span) {
  color:#385783!important; text-align:left!important; line-height:1.35!important;
}
html:has(#navigationPrimary a[href$="/issue/current"]) .page:not([class*="page_"]) :is(h1,h2,h3,h4) {margin:1.2em 0 .65em!important; padding:0!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) .page:not([class*="page_"]) > h1:first-child {margin-top:0!important; font-size:30px!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) .page :is(p,li),
html:has(#navigationPrimary a[href$="/issue/current"]) .page .faq-content {
  font-family:inherit!important; font-size:16px!important; line-height:1.75!important; color:#263238!important; text-align:left!important;
}
html:has(#navigationPrimary a[href$="/issue/current"]) [id$="-indexing"] {padding:0!important;margin:0!important;background:#fff!important;border:0!important;box-shadow:none!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) [id$="-author-guidelines"] {padding:0!important;margin:0!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) [id$="-author-guidelines"] > h2:first-child {display:none!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) .page_issue #why-us .row {
  position:relative!important; left:70px!important; transform:none!important; width:100%!important;
}
html:has(#navigationPrimary a[href$="/issue/current"]) :is(#spc-home-intro,#ijet-home-intro) {padding:0!important;margin:0!important;background:#fff!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) :is(#spc-home-intro,#ijet-home-intro) h1 {color:#000046!important;font-size:clamp(26px,3vw,40px)!important;line-height:1.2!important;margin:0 0 20px!important;text-align:left!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) :is(#spc-home-intro,#ijet-home-intro) p {font-size:17px!important;line-height:1.75!important;text-align:left!important;max-width:none!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) :is(#spc-home-intro,#ijet-home-intro) .spc-home-actions {display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin:24px 0!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) :is(#spc-home-intro,#ijet-home-intro) .spc-home-actions a {display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;padding:12px 22px!important;background:#f7fafc!important;color:#000046!important;border:1px solid #dfe6ea!important;border-radius:12px!important;font-size:16px!important;font-weight:700!important;text-decoration:none!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) :is(#spc-home-intro,#ijet-home-intro) .spc-home-actions a:first-child {background:#000046!important;color:white!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) :is(#spc-home-intro,#ijet-home-intro) .spc-home-facts {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
html:has(#navigationPrimary a[href$="/issue/current"]) :is(#spc-home-intro,#ijet-home-intro) .spc-home-facts p {padding:16px!important;margin:0!important;background:#f7fafc!important;border:1px solid #dfe6ea!important;border-top:3px solid #f7bc4a!important;border-radius:12px!important;font-size:16px!important;}
@media(max-width:767px){
html:has(#navigationPrimary a[href$="/issue/current"]) .page:not([class*="page_"]) {width:calc(100% - 24px)!important;padding:20px!important;margin-top:24px!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) body > .page-title {display:block!important;margin-top:110px!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) body > .page-title .breadcrumbs {display:block!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) :is(#spc-home-intro,#ijet-home-intro) .spc-home-facts {grid-template-columns:1fr!important;}
html:has(#navigationPrimary a[href$="/issue/current"]) :is(#spc-home-intro,#ijet-home-intro) .spc-home-actions a {width:100%!important;}
}

html:has(#navigationPrimary a[href$="/issue/current"]) .page_about section {padding-block:0!important;}

@media(max-width:1199px){ html:has(#navigationPrimary a[href$="/issue/current"]) #header #navigationUserWrapper {right:76px!important;top:8px!important;} }

html:has(#navigationPrimary a[href$="/issue/current"]) #starter-section {padding-top:120px!important;}

html:has(#navigationPrimary a[href$="/issue/current"]) #starter-section > .container {max-width:1344px!important;background:#fff!important;border:1px solid #dfe6ea!important;border-top:4px solid #f7bc4a!important;border-radius:16px!important;padding:28px!important;}

@media(max-width:767px){html:has(#navigationPrimary a[href$="/issue/current"]) #starter-section {padding-top:100px!important;}html:has(#navigationPrimary a[href$="/issue/current"]) #starter-section > .container {width:calc(100% - 24px)!important;padding:20px!important;} }

/* SPC cross-journal presentation fixes — 2026-09-20 */

/* Keep the fixed header gap white. The old html background exposed a gray bar. */
html {
  background: #fff !important;
}

/* Custom navigation pages often wrap their copy in a named section.  The
   theme adds a large top spacer to that section, which leaves APC and policy
   pages looking empty.  Keep the outer page card, but reset the inner wrapper. */
.page:not([class*="page_"]) > section[id] {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

.page:not([class*="page_"]) > section[id] > :first-child {
  margin-top: 0 !important;
}

.page:not([class*="page_"]) > section[id] > :last-child {
  margin-bottom: 0 !important;
}

/* Give every named editorial entry the same card treatment. */
.page_masthead .faq-container p:has(> strong),
.page_masthead .faq-container p:has(> strong > a),
.page_masthead .faq-container ul > li {
  background: #fff !important;
  border: 1px solid #dbe3eb !important;
  border-left: 4px solid #385783 !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 18px rgba(31, 55, 79, .06) !important;
  margin: 0 0 14px !important;
  padding: 18px 20px !important;
}

.page_masthead .faq-container p:has(> strong):hover,
.page_masthead .faq-container p:has(> strong > a):hover,
.page_masthead .faq-container ul > li:hover {
  border-left-color: #f7bc4a !important;
}

.page_masthead .faq-container ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 767px) {
  .page_masthead .faq-container p:has(> strong),
  .page_masthead .faq-container p:has(> strong > a),
  .page_masthead .faq-container ul > li {
    padding: 15px 16px !important;
  }
}

/* Breadcrumbs are navigation, not editorial cards.  Keep them light and flat. */
.page_masthead .breadcrumbs li,
.page_masthead .breadcrumbs li:hover {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.page_masthead .breadcrumbs li + li::before {
  content: "/" !important;
  color: #a0aab7 !important;
  display: inline-block !important;
  margin: 0 12px !important;
}

/* Applied only to journals whose public reference paragraphs are unnumbered. */
.page_article section.item.references > .value {
  counter-reset: spc-reference;
}

.page_article section.item.references > .value > p,
.page_article section.item.references > .value > .references-accordion > div > p {
  counter-increment: spc-reference;
  padding-left: 2.6rem !important;
  position: relative;
}

.page_article section.item.references > .value > p::before,
.page_article section.item.references > .value > .references-accordion > div > p::before {
  color: #385783;
  content: "[" counter(spc-reference) "]";
  font-weight: 700;
  left: 0;
  position: absolute;
  top: 0;
}