/* CP022: compact archive descriptions using the existing issue text sizing. */
/* Readability layer for Cerulean, with restrained article-list colours. */
body.ojs_ui_readable {
  font-size: 15px;
  line-height: 1.6;
  color: #555;
}
.ojs_ui_readable .pkp_structure_content { width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding-top: 8px; padding-bottom: 16px; }
.ojs_ui_readable .pkp_structure_main,
.ojs_ui_readable .pkp_structure_sidebar { min-width: 0; }
.ojs_ui_readable .pkp_structure_content:not(:has(> aside)) > main { width: 100%; }
/* Match the approved header width without stretching the sidebar. */
.ojs_ui_readable .footer > .container { width: 100%; max-width: 1280px; }
.ojs_ui_readable .pkp_structure_content > .pkp_structure_main,
.ojs_ui_readable .pkp_structure_content > .pkp_structure_sidebar { float: none; width: 100%; padding-left: 0; padding-right: 0; }
.ojs_ui_readable .pkp_structure_sidebar img { max-width: 100%; height: auto; }
@media (min-width: 992px) {
  .ojs_ui_readable .pkp_structure_content:has(> .pkp_structure_sidebar) { display: grid; grid-template-columns: minmax(0,1fr) 300px; column-gap: 24px; align-items: start; }
  .ojs_ui_readable .pkp_structure_content:has(> .pkp_structure_sidebar):before,
  .ojs_ui_readable .pkp_structure_content:has(> .pkp_structure_sidebar):after { display: none; }
  .ojs_ui_readable .pkp_structure_content > .pkp_structure_sidebar { margin-top: 0; }
}
.ojs_ui_readable .page_index_journal { font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.ojs_ui_readable .page_index_journal .page-header { margin: 20px 0 12px; padding-bottom: 12px; }
.ojs_ui_readable .page_index_journal .page-header h2 { font-size: 21px; }
.ojs_ui_readable .page_index_journal .current_issue_title { font-size: 20px; font-weight: 400; line-height: 1.5; margin-bottom: 12px; }
@media (max-width: 767px) {
  .ojs_ui_readable .page_index_journal .current_issue_title { font-size: 18px; }
}
.ojs_ui_readable .page_index_journal .journal-description,
.ojs_ui_readable .page_index_journal .additional_content { margin: 20px 0; }
.ojs_ui_readable .page_index_journal > :is(.journal-description,.additional_content):first-child { margin-top: 0; }
.ojs_ui_readable .page_index_journal .homepage-image img,
.ojs_ui_readable .page_index_journal .journal-description img,
.ojs_ui_readable .page_index_journal .additional_content img { max-width: 100%; height: auto; }
/* Match Issue and archive descriptions to the 13px Total Articles card. */
.ojs_ui_readable .issue-toc .issue-details > .description,
.ojs_ui_readable .issue-toc .issue-details > .description :is(p,ul,ol,li,span,a,strong,b,em,i,font,h1,h2,h3,h4,h5,h6),
.ojs_ui_readable .page_issue_archive .issue-summary .description,
.ojs_ui_readable .page_issue_archive .issue-summary .description :is(p,ul,ol,li,span,a,strong,b,em,i,font,h1,h2,h3,h4,h5,h6) {
  font-size: 13px !important;
  line-height: 1.4 !important;
}
.ojs_ui_readable .issue-toc .thumbnail img { display: block; width: auto; height: auto; max-width: min(100%,220px); max-height: 260px; margin: 0 auto; }
.ojs_ui_readable .page_index_journal .issue-toc .thumbnail img { max-height: 180px; }
.ojs_ui_readable .issue-summary .cover img { width: auto; height: auto; max-width: 128px; max-height: 180px; }
/* Let the page pattern show around issue covers, without altering image pixels. */
.ojs_ui_readable .issue-toc .thumbnail,
.ojs_ui_readable .issue-toc .thumbnail > .cover,
.ojs_ui_readable .issue-summary .cover,
.ojs_ui_readable .article-details .cover-image { background: transparent; background-image: none; border: 0; box-shadow: none; }
.ojs_ui_readable .issue-summary .media-heading { margin: 0 0 6px; font-size: 15px; font-weight: 400; line-height: 1.5; }
.ojs_ui_readable .issue-summary .media-heading > .title { color: #466372; }
.ojs_ui_readable .issue-summary .media-heading > .title:is(:hover,:focus) { color: #355465; text-decoration: underline; }
.ojs_ui_readable .issue-summary .media-heading > .series { margin: 2px 0 0; font-size: 15px; font-weight: 400; line-height: 1.5; color: #555; }
.ojs_ui_readable.pkp_page_index .pkp_structure_sidebar { font-size: 13px; line-height: 1.5; }
.ojs_ui_readable.pkp_page_index .pkp_structure_sidebar h2,
.ojs_ui_readable.pkp_page_index .pkp_structure_sidebar h3 { font-size: 16px; }
.ojs_ui_readable.pkp_page_index .footer { font-size: 13px; }
.ojs_ui_readable h1,
.ojs_ui_readable h2,
.ojs_ui_readable h3 { line-height: 1.3; overflow-wrap: anywhere; }
.ojs_ui_readable h1 { font-size: 30px; }
.ojs_ui_readable h2 { font-size: 24px; }
.ojs_ui_readable h3 { font-size: 19px; }
.ojs_ui_readable .page-header { margin: 24px 0; padding-bottom: 16px; }
.ojs_ui_readable .pkp_structure_content a:not(.btn) { color: #033c73; }
.ojs_ui_readable .pkp_structure_content a:not(.btn):hover { color: #012d55; text-decoration: underline; }
.ojs_ui_readable .article-abstract,
.ojs_ui_readable .article-details .references { max-width: 72ch; line-height: 1.65; overflow-wrap: anywhere; }
.ojs_ui_readable .article-details > header .page-header,
.ojs_ui_readable .article-abstract { text-align: justify; text-align-last: start; }
.ojs_ui_readable .article-abstract p,
.ojs_ui_readable .article-details > header .page-header small { text-align: justify; text-align-last: start; }
.ojs_ui_readable .article-details > .row { margin-left: 0; margin-right: 0; }
.ojs_ui_readable .article-details > .row > :is(.col-md-8,.article-sidebar) { padding-left: 0; padding-right: 0; }
.ojs_ui_readable .article-details .article-sidebar { margin-bottom: 12px; }
.ojs_ui_readable .article-details .cover-image img { width: 100%; max-width: 260px; height: auto; margin: 0 auto 8px; }
@media (min-width: 992px) {
  .ojs_ui_readable .article-details > .row { display: grid; grid-template-columns: minmax(200px,30%) minmax(0,1fr); column-gap: 16px; align-items: start; }
  .ojs_ui_readable .article-details > .row:before,
  .ojs_ui_readable .article-details > .row:after { display: none; }
  .ojs_ui_readable .article-details > .row > :is(.col-md-8,.article-sidebar) { float: none; left: auto; right: auto; width: auto; min-width: 0; }
  .ojs_ui_readable .article-details > .row > .col-md-8 { grid-column: 2; grid-row: 1; }
  .ojs_ui_readable .article-details > .row > .article-sidebar { grid-column: 1; grid-row: 1; }
}
.ojs_ui_readable .article-details .article-sidebar .list-group-item:not(.doi) { padding: 10px 12px; font-size: 13px; line-height: 1.5; }
.ojs_ui_readable .list-group-item,
.ojs_ui_readable .panel-body { padding: 14px 16px; overflow-wrap: anywhere; }
.ojs_ui_readable .article-summary.media { width: 100%; max-width: 100%; margin: 0 0 14px; }
.ojs_ui_readable .article-summary-card {
  padding: 12px; border: 1px solid #d3d6b5; border-radius: 6px;
  background: rgba(247,248,226,.82); color: #38434d;
}
.ojs_ui_readable .article-summary-card .media-body { min-width: 0; }
.ojs_ui_readable .article-summary-card .media-heading { font-size: 17px; font-weight: 600; line-height: 1.4; margin-bottom: 8px; text-align: left; text-align-last: auto; }
.ojs_ui_readable .article-summary-card .article-summary-subtitle {
  display: block; margin-top: 4px; color: #555; font-size: 11.5px; font-weight: 400; line-height: 1.5;
}
.ojs_ui_readable .article-details .page-header small {
  display: block; margin-top: 6px; color: #555; font-size: 14px; font-weight: 400; line-height: 1.5;
}
.ojs_ui_readable .article-summary-authors { font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.ojs_ui_readable .article-summary-authors img { max-height: 14px; width: auto; vertical-align: middle; }
.ojs_ui_readable .article-summary-card .pages { margin: 3px 0 0; font-size: 11.5px; line-height: 1.5; }
.ojs_ui_readable .article-summary-card .pages img { max-height: 12px; width: auto; vertical-align: middle; }
.ojs_ui_readable .article-summary-metrics { margin-top: 8px; font-size: 11.5px; line-height: 1.6; overflow-wrap: anywhere; }
.ojs_ui_readable .article-summary-metrics img { max-height: 16px; width: auto; vertical-align: middle; }
.ojs_ui_readable .article-summary-metrics .citation-summary-metric { margin-left: 8px; }
.ojs_ui_readable .article-summary-metrics .citation-summary-metric-icon { width: 16px; height: 16px; flex-basis: 16px; margin-right: 3px; }
.ojs_ui_readable .article-summary-card .cover { padding-right: 10px; }
.ojs_ui_readable .article-summary-card .cover img { max-width: 70px; max-height: 100px; width: auto; height: auto; }
.ojs_ui_readable .article-summary-card .btn-group { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.ojs_ui_readable .article-summary-card .btn-group > .btn { float: none; border-radius: 4px; margin: 0; }
.ojs_ui_readable .article-summary-card .btn { min-height: 32px; padding: 5px 10px; font-size: 12.5px; line-height: 1.45; }
.ojs_ui_readable .btn { min-height: 36px; padding: 7px 12px; font-size: 14px; line-height: 1.4; border-radius: 6px; box-shadow: 0 1px 2px rgba(0,0,0,.08); white-space: normal; }
.ojs_ui_readable .btn-primary { color: #fff; background: #03699d; border-color: #03699d; text-shadow: none; }
.ojs_ui_readable .btn-primary:hover,
.ojs_ui_readable .btn-primary:focus { background: #033c73; border-color: #033c73; }
.ojs_ui_readable .btn-success,
.ojs_ui_readable .btn-warning { color: #000; text-shadow: none; }
.ojs_ui_readable .panel-primary > .panel-heading,
.ojs_ui_readable .panel-primary > .panel-heading .panel-title { color: #012d55; }
.ojs_ui_readable .panel-success > .panel-heading,
.ojs_ui_readable .panel-success > .panel-heading .panel-title,
.ojs_ui_readable .panel-warning > .panel-heading,
.ojs_ui_readable .panel-warning > .panel-heading .panel-title { color: #000; }
.ojs_ui_readable .form-control { min-height: 42px; font-size: 16px; line-height: 1.5; }
.ojs_ui_readable textarea.form-control { height: auto; }
.ojs_ui_readable .form-group { margin-bottom: 20px; }
.ojs_ui_readable :is(a, button, input, select, textarea):focus-visible { outline: 3px solid #033c73; outline-offset: 3px; }
.ojs_ui_readable #accessibility-nav:focus-within {
  position: fixed; top: 8px; left: 8px; width: auto; height: auto; margin: 0;
  padding: 12px 16px; overflow: visible; clip: auto; background: #fff; color: #033c73;
  border: 2px solid #033c73; border-radius: 4px; z-index: 1100;
}
.ojs_ui_readable #accessibility-nav ul { margin: 0; padding-inline-start: 20px; }
/* Keep the native Cerulean header gradient; customise only its navigation colours. */
.ojs_ui_readable #headerNavigationContainer { margin-bottom: 12px; }
.ojs_ui_readable #headerNavigationContainer .navbar-header {
  display: flex; align-items: center; min-height: 88px; padding: 10px 0; max-width: 100%;
}
.ojs_ui_readable #headerNavigationContainer .site-name { margin: 0; min-width: 0; }
.ojs_ui_readable #headerNavigationContainer .navbar-brand {
  display: flex; align-items: center; height: auto; min-height: 72px; padding: 8px 15px;
  white-space: normal; font-size: 24px; font-weight: 700; line-height: 1.35;
  overflow-wrap: anywhere; color: #012d55; text-shadow: none;
}
.ojs_ui_readable #headerNavigationContainer .navbar-brand img { display: block; max-width: 100%; max-height: 72px; width: auto; height: auto; }
.ojs_ui_readable #headerNavigationContainer .navbar-toggle { flex: 0 0 auto; min-width: 44px; min-height: 44px; margin-top: 0; margin-bottom: 0; }
.ojs_ui_readable #headerNavigationContainer .navbar-toggle { border-color: #012d55; }
.ojs_ui_readable #headerNavigationContainer .navbar-toggle:is(:hover,:focus) { background: rgba(255,255,255,.22); }
.ojs_ui_readable #headerNavigationContainer .navbar-toggle .icon-bar { background: #012d55; }
.ojs_ui_readable #headerNavigationContainer :is(.navbar-toggle,.navbar-brand,#main-navigation > li > a,#navigationUser > li > a):focus-visible { outline-color: #012d55; }
.ojs_ui_readable #main-navigation > li > a,
.ojs_ui_readable #navigationUser > li > a { color: #012d55; text-shadow: none; font-size: 15px; line-height: 1.5; padding: 12px 15px; }
.ojs_ui_readable #main-navigation { gap: 3px; background: transparent; border-radius: 6px; }
.ojs_ui_readable #main-navigation > li > a { background: transparent; border-radius: 4px; }
.ojs_ui_readable #main-navigation > li > a:is(:hover,:focus),
.ojs_ui_readable #navigationUser > li > a:is(:hover,:focus) { background: rgba(255,255,255,.22); color: #01264a; }
.ojs_ui_readable #main-navigation > :is(.active,.open) > a,
.ojs_ui_readable #navigationUser > :is(.active,.open) > a { background: rgba(255,255,255,.32); color: #01264a; }
.ojs_ui_readable :is(#main-navigation,#navigationUser) .dropdown-menu { background: #f7fafc; border-color: #94b4c6; }
.ojs_ui_readable :is(#main-navigation,#navigationUser) .dropdown-menu > li > a { color: #47687c; min-height: 42px; padding: 10px 16px; white-space: normal; }
.ojs_ui_readable :is(#main-navigation,#navigationUser) .dropdown-menu > li > a:is(:hover,:focus) { background: #d5e8f2; color: #36596e; }
.ojs_ui_readable #navigationUser > li > a { background: transparent; border-radius: 4px; font-weight: 500; }
.ojs_ui_readable #navigationUser .badge { color: #47687c; background: #fff; }
.ojs_ui_readable #navigationUser .dropdown-menu { left: auto; right: 0; min-width: 200px; }
.ojs_ui_readable #navigationUser .dropdown-menu > li > a { font-size: 13px; }
.ojs_ui_readable .ojs_ui_search { padding: 8px 15px; }
.ojs_ui_readable .ojs_ui_search .navbar-form { margin: 0; padding: 0; display: flex; gap: 8px; align-items: center; }
.ojs_ui_readable .ojs_ui_search .form-group { margin: 0; min-width: 0; }
.ojs_ui_readable .ojs_ui_search .form-control { width: 100%; }
.ojs_ui_readable .ojs_ui_search .btn { flex-shrink: 0; }
.ojs_ui_readable .author-profile-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.ojs_ui_readable .author-profile-links > a { display: inline-flex !important; align-items: center; min-height: 36px; font-size: 13px !important; line-height: 1.5 !important; padding: 6px 10px !important; }
.ojs_ui_readable .ojs_ui_journal_directory { margin: 16px 0 10px; padding: 12px 9px; background: linear-gradient(180deg,#faf7ef,#f4efe4); border: 1px solid #d8cfb9; border-left: 4px solid #889666; border-radius: 8px; }
.ojs_ui_readable .ojs_ui_journal_directory h3 { margin: 0 0 6px; color: #667548; font-size: 16px; }
.ojs_ui_readable .ojs_ui_journal_directory p { margin: 0 0 10px; color: #5e5e5e; font-size: 12px; line-height: 1.45; }
.ojs_ui_readable .ojs_ui_journal_links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
.ojs_ui_readable .ojs_ui_journal_links > a { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 32px; padding: 5px 3px; box-sizing: border-box; border: 1px solid #d2dae5; border-radius: 6px; background: #f0f4f8; color: #5b6673 !important; font-size: 11px; font-weight: 600; line-height: 1.3; text-align: center; text-decoration: none !important; white-space: nowrap; overflow-wrap: normal; word-break: normal; }
.ojs_ui_readable .ojs_ui_journal_links > a:nth-child(3n+2) { background: #eef3ea; border-color: #d1d8c8; }
.ojs_ui_readable .ojs_ui_journal_links > a:nth-child(3n) { background: #f6f0e5; border-color: #ddd2bf; }
.ojs_ui_readable .ojs_ui_journal_links > a:hover { box-shadow: inset 0 0 0 1px #889666; text-decoration: underline !important; }
.ojs_ui_readable .footer { margin-top: 0; padding: 12px 0; font-size: 14px; line-height: 1.65; }
.ojs_ui_readable .footer p:last-child { margin-bottom: 0; }
.ojs_ui_readable .footer img { max-width: 160px; height: auto; }
@media (min-width: 768px) {
  .ojs_ui_readable.pkp_page_index #headerNavigationContainer .navbar-header { min-height: 72px; padding: 8px 0; }
  .ojs_ui_readable.pkp_page_index #headerNavigationContainer .navbar-brand { min-height: 60px; font-size: 22px; }
  .ojs_ui_readable.pkp_page_index #headerNavigationContainer .navbar-brand img { max-height: 60px; }
  .ojs_ui_readable.pkp_page_index #main-navigation > li > a,
  .ojs_ui_readable.pkp_page_index #navigationUser > li > a { font-size: 14px; padding: 10px 12px; }
  .ojs_ui_readable #headerNavigationContainer .navbar-header { float: none; }
  .ojs_ui_readable #nav-menu { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; }
  .ojs_ui_readable #nav-menu > .navbar-right { margin-left: auto; margin-right: 0; }
  .ojs_ui_readable #main-navigation { display: flex; flex-wrap: wrap; }
}
@media (max-width: 991px) {
  .ojs_ui_readable .pkp_structure_sidebar { margin-top: 24px; }
  .ojs_ui_readable .article-details .article-sidebar .cover-image img { width: auto; max-width: min(100%,240px); max-height: 320px; }
}
@media (max-width: 767px) {
  .ojs_ui_readable h1 { font-size: 25px; }
  .ojs_ui_readable h2 { font-size: 22px; }
  .ojs_ui_readable .pkp_structure_main,
  .ojs_ui_readable .pkp_structure_sidebar { padding-left: 0; padding-right: 0; }
  .ojs_ui_readable #headerNavigationContainer .navbar-header { min-height: 64px; padding: 6px 0; }
  .ojs_ui_readable #headerNavigationContainer .navbar-brand { min-height: 56px; padding: 6px 8px; font-size: 21px; }
  .ojs_ui_readable #headerNavigationContainer .navbar-brand img { max-height: 56px; }
  .ojs_ui_readable #navigationUser { float: none !important; display: flex; flex-wrap: wrap; justify-content: flex-end; }
  .ojs_ui_readable #navigationUser > li { float: none; }
  .ojs_ui_readable #navigationUser .dropdown-menu { max-width: calc(100vw - 30px); }
  .ojs_ui_readable #main-navigation { margin-top: 8px; margin-bottom: 8px; }
  .ojs_ui_readable .ojs_ui_search { padding: 8px 0 16px; }
  .ojs_ui_readable .ojs_ui_search .form-group { flex: 1; }
  .ojs_ui_readable .article-summary-card { padding: 10px; }
  .ojs_ui_readable .article-summary-card .media-heading { font-size: 16px; }
  .ojs_ui_readable .article-summary-card .media-left,
  .ojs_ui_readable .article-summary-card .media-body { display: block; width: auto; }
  .ojs_ui_readable .article-summary-card .cover { padding: 0 0 8px; }
  .ojs_ui_readable .article-summary-card .cover img { max-width: 62px; max-height: 90px; }
  .ojs_ui_readable .article-summary-card .btn { min-height: 42px; padding: 7px 10px; }
  .ojs_ui_readable .ojs_ui_journal_links { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .ojs_ui_readable .ojs_ui_journal_links > a { min-height: 42px; font-size: 11px; }
  .ojs_ui_readable .btn { min-height: 42px; }
}
@media (prefers-reduced-motion: reduce) {
  .ojs_ui_readable .collapsing { transition: none; }
  .ojs_ui_readable .btn { transition: none; }
}

/* Calm article-list links and larger journal logos; retain compact text geometry. */
.ojs_ui_readable .pkp_structure_content .article-summary-card .media-heading > a { color: #3d596c; }
.ojs_ui_readable .pkp_structure_content .article-summary-card .media-heading > a:is(:hover,:focus) { color: #2f4f60; text-decoration: underline; }
.ojs_ui_readable .article-summary-card .article-summary-subtitle { color: #58656d; }
.ojs_ui_readable .pkp_structure_content .article-summary-metrics a { color: #496879; }
.ojs_ui_readable .pkp_structure_content .article-summary-metrics a:is(:hover,:focus) { color: #2f4f60; text-decoration: underline; }
.ojs_ui_readable .article-summary-card .btn-primary { color: #fff; background: #456f84; border-color: #456f84; }
.ojs_ui_readable .article-summary-card :is(a,button):focus-visible { outline-color: #496d83; }
/* A warm translucent card blends with the page; olive hover remains distinct. */
.ojs_ui_readable .article-summary-card { transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease; }
.ojs_ui_readable .article-summary-card:is(:hover,:focus-within) { background: #e8ebc8; border-color: #a5af80; box-shadow: 0 2px 8px rgba(75,84,43,.10); }
.ojs_ui_readable .article-summary-card .btn-primary { transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease; }
.ojs_ui_readable .article-summary-card .btn-primary:is(:hover,:focus) { color: #214c63; background: #d5eef9; border-color: #4c93b1; box-shadow: 0 0 0 2px rgba(76,147,177,.16); }
/* Author links remain readable and visibly interactive on patterned pages. */
.ojs_ui_readable .article-summary-authors { color: #355f60; transition: color 120ms ease; }
.ojs_ui_readable .article-summary-card:is(:hover,:focus-within) .article-summary-authors { color: #244d4f; }
.ojs_ui_readable .article-details .article-author-name a { display: inline; padding: 0; border: 0; border-radius: 0; color: #275e67; background: transparent; font-size: 15px; overflow-wrap: anywhere; text-underline-offset: 3px; transition: color 120ms ease; }
.ojs_ui_readable .article-details .article-author-name a:is(:hover,:focus) { color: #173e52; text-decoration: underline !important; }
.ojs_ui_readable .article-details .article-author-name a:focus-visible { outline-color: #275e67; }
.ojs_ui_readable .article-details .article-sidebar .doi { display: grid; grid-template-columns: 18px minmax(0,1fr); column-gap: 6px; row-gap: 4px; align-items: center; padding: 10px; }
.ojs_ui_readable .article-details .article-sidebar .doi > img { width: 18px; height: 18px; object-fit: contain; }
.ojs_ui_readable .article-details .article-sidebar .doi > strong { color: #3e5361; font-size: 13px; line-height: 18px; white-space: nowrap; }
.ojs_ui_readable .article-details .article-sidebar .doi > div { grid-column: 1 / -1; min-width: 0; }
.ojs_ui_readable .article-details .article-sidebar .doi a { font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.ojs_ui_readable .article-details .download .galley-link.pdf:is(:hover,:focus) { color: #214c63; background: #d5eef9; border-color: #4c93b1; }
/* Give same-author recommendations a solid surface instead of the page pattern. */
.ojs_ui_readable #articlesBySameAuthorList:has(> h3) { margin: 16px 0 0; padding: 16px; background: #fbfcf8; border: 1px solid #d4decf; border-left: 3px solid #6b8278; border-radius: 6px; color: #39494c; font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.ojs_ui_readable #articlesBySameAuthorList > h3 { margin: 0 0 10px; color: #345b5a; font-size: 18px; line-height: 1.4; }
.ojs_ui_readable #articlesBySameAuthorList > ul { margin: 0; padding-left: 20px; }
.ojs_ui_readable #articlesBySameAuthorList > ul > li + li { margin-top: 10px; }
.ojs_ui_readable #articlesBySameAuthorList a { color: #31576e; }
.ojs_ui_readable #articlesBySameAuthorList a:is(:hover,:focus) { color: #204a61; text-decoration: underline; background: #e7f1ed; }
@media (prefers-reduced-motion: reduce) {
  .ojs_ui_readable .article-summary-card,
  .ojs_ui_readable .article-summary-card .btn-primary,
  .ojs_ui_readable .article-summary-authors,
  .ojs_ui_readable .article-details .article-author-name a { transition: none; }
}
.ojs_ui_readable #headerNavigationContainer .site-name:has(.navbar-brand-logo) { flex: 1 1 auto; min-width: 0; }
.ojs_ui_readable #headerNavigationContainer .navbar-header:has(.navbar-brand-logo) { float: none !important; margin-left: 0; margin-right: 0; }
.ojs_ui_readable #headerNavigationContainer .navbar-brand.navbar-brand-logo { float: none; width: 100%; margin-left: 0; margin-right: 0; min-height: 106px; max-width: 100%; justify-content: center; }
.ojs_ui_readable #headerNavigationContainer .navbar-brand.navbar-brand-logo img { height: 90px; max-height: 90px; width: auto; max-width: 100%; object-fit: contain; object-position: center; }
/* One bounded header on every page, with compact and aligned controls. */
.ojs_ui_readable #headerNavigationContainer > .container-fluid { max-width: 1280px; margin-left: auto; margin-right: auto; }
.ojs_ui_readable #headerNavigationContainer > .container-fluid:first-child .row { margin-left: 0; margin-right: 0; }
.ojs_ui_readable #headerNavigationContainer #navigationUser { margin: 0; }
.ojs_ui_readable #headerNavigationContainer #navigationUser > li > a { font-size: 13px; padding: 6px 10px; }
.ojs_ui_readable #headerNavigationContainer #main-navigation > li > a { font-size: 14px; font-weight: 500; padding: 11px 5px; white-space: nowrap; }
.ojs_ui_readable #headerNavigationContainer .navbar-header:has(.navbar-brand-logo) { padding: 6px 0; }
.ojs_ui_readable #headerNavigationContainer .navbar-brand.navbar-brand-logo { padding: 8px 0; }
.ojs_ui_readable #headerNavigationContainer .ojs_ui_search .navbar-form { float: none !important; width: 100%; border: 0; box-shadow: none; }
.ojs_ui_readable #headerNavigationContainer .ojs_ui_search .form-group { flex: 1 1 auto; }
.ojs_ui_readable #headerNavigationContainer .ojs_ui_search .form-control { height: 40px; min-height: 40px; font-size: 14px; }
.ojs_ui_readable #headerNavigationContainer .ojs_ui_search .btn { min-height: 40px; padding: 8px 12px; font-size: 14px; }
@media (min-width: 768px) and (max-width: 1199px) {
  .ojs_ui_readable #headerNavigationContainer:has(.navbar-brand-logo) #nav-menu { padding: 0 0 10px; gap: 12px; }
  .ojs_ui_readable #headerNavigationContainer:has(.navbar-brand-logo) #main-navigation { margin: 0; }
  .ojs_ui_readable #headerNavigationContainer:has(.navbar-brand-logo) .ojs_ui_search { width: 290px; max-width: 100%; padding: 0; }
}
@media (max-width: 767px) {
  .ojs_ui_readable #headerNavigationContainer .navbar-header:has(.navbar-brand-logo) { display: grid; grid-template-columns: 44px minmax(0,1fr) 44px; align-items: center; }
  .ojs_ui_readable #headerNavigationContainer .navbar-header:has(.navbar-brand-logo) .site-name { grid-column: 2; grid-row: 1; width: 100%; }
  .ojs_ui_readable #headerNavigationContainer .navbar-header:has(.navbar-brand-logo) .navbar-toggle { grid-column: 3; grid-row: 1; margin: 0; }
  .ojs_ui_readable #headerNavigationContainer .navbar-brand.navbar-brand-logo { min-height: 82px; }
  .ojs_ui_readable #headerNavigationContainer .navbar-brand.navbar-brand-logo img { height: 70px; max-height: 70px; }
  .ojs_ui_readable #headerNavigationContainer .navbar-header:has(.navbar-brand-logo) { padding: 4px 0 8px; }
  .ojs_ui_readable #headerNavigationContainer .ojs_ui_search .btn { min-height: 44px; }
}
@media (min-width: 1200px) {
  .ojs_ui_readable #headerNavigationContainer > .container-fluid:has(> .navbar-header .navbar-brand-logo) {
    display: grid; grid-template-columns: minmax(0,1fr) 360px minmax(0,1fr); align-items: center; column-gap: 16px;
  }
  .ojs_ui_readable #headerNavigationContainer > .container-fluid:has(> .navbar-header .navbar-brand-logo):before,
  .ojs_ui_readable #headerNavigationContainer > .container-fluid:has(> .navbar-header .navbar-brand-logo):after { display: none; }
  .ojs_ui_readable #headerNavigationContainer .navbar-header:has(.navbar-brand-logo) { grid-column: 2; grid-row: 1; width: 100%; justify-content: center; }
  .ojs_ui_readable #headerNavigationContainer:has(.navbar-brand-logo) #nav-menu { display: contents !important; }
  .ojs_ui_readable #headerNavigationContainer:has(.navbar-brand-logo) #main-navigation { grid-column: 1; grid-row: 1; float: none; margin: 0; align-items: center; }
  .ojs_ui_readable #headerNavigationContainer:has(.navbar-brand-logo) .ojs_ui_search { grid-column: 3; grid-row: 1; float: none; width: 320px; max-width: 100%; justify-self: end; margin: 0 !important; padding: 8px 0; }
  .ojs_ui_readable #headerNavigationContainer:has(.navbar-brand-logo) .ojs_ui_search .form-group { flex: 1 1 auto; }
  .ojs_ui_readable #headerNavigationContainer .navbar-brand.navbar-brand-logo img { object-position: center; }
}
@media (min-width: 1200px) and (max-width: 1279px) {
  .ojs_ui_readable #headerNavigationContainer #main-navigation > li > a { font-size: 13px; }
}

/* Article information uses the same warm surfaces as the accepted issue cards. */
.ojs_ui_readable.pkp_page_article {
  --ojs-detail-surface: rgba(247,248,226,.82);
  --ojs-detail-heading: #e9edce;
  --ojs-detail-border: #d3d6b5;
  --ojs-detail-text: #38434d;
  --ojs-detail-muted: #58656d;
}
.ojs_ui_readable .article-details :is(.panel,.list-group-item) {
  background: var(--ojs-detail-surface,rgba(247,248,226,.82));
  border-color: var(--ojs-detail-border,#d3d6b5); color: var(--ojs-detail-text,#38434d);
  font-size: 14px; line-height: 1.6;
}
.ojs_ui_readable .article-details .panel-default > .panel-heading {
  background: var(--ojs-detail-heading,#e9edce); background-image: none;
  border-color: var(--ojs-detail-border,#d3d6b5); color: #3e5361;
  padding: 10px 12px; font-size: 14px; font-weight: 600; line-height: 1.45;
}
.ojs_ui_readable .article-details .panel-default > .panel-heading :is(h2,h3,h4,.panel-title) {
  margin: 0; color: inherit; font-size: 14px; line-height: 1.45;
}
.ojs_ui_readable .article-details .panel-body { background: transparent; font-size: 14px; line-height: 1.6; padding: 12px; }
.ojs_ui_readable .article-details .article-sidebar :is(.panel,.panel-body,.list-group-item:not(.doi)) { font-size: 13px; line-height: 1.55; }
.ojs_ui_readable .article-details .keywords { font-size: 14px; line-height: 1.65; }
.ojs_ui_readable .article-details .keywords > strong,
.ojs_ui_readable .article-details .keywords center > b,
.ojs_ui_readable .article-details .keywords .blockTitle { color: #3e5361; font-size: 14px; line-height: 1.45; }
.ojs_ui_readable .article-details .keywords .blockTitle { margin: 0 0 12px; }
.ojs_ui_readable .article-details .keywords a:not(.btn) { color: #31576e; }
.ojs_ui_readable .article-details .keywords a:not(.btn):is(:hover,:focus) { color: #204a61; text-decoration: underline; }
.ojs_ui_readable .article-details .article-direct-pdf > a {
  background: #eef1d7 !important; border-color: #c7cdaa !important;
  border-left-color: #a42138 !important; color: #38434d !important;
}
.ojs_ui_readable .article-details .article-direct-pdf > a:is(:hover,:focus) {
  background: #d5eef9 !important; border-color: #4c93b1 !important;
  border-left-color: #a42138 !important; text-decoration: none;
}
.ojs_ui_readable .article-details .article-direct-pdf > a > span:nth-child(2) > span:first-child { font-size: 14px !important; }
.ojs_ui_readable .article-details .article-direct-pdf > a > span:nth-child(2) > span:last-child { color: #58656d !important; font-size: 12px !important; line-height: 1.45 !important; }
.ojs_ui_readable .article-details .author-profile-links > a { background: #eef1d7 !important; border-color: #c7cdaa !important; color: #31576e !important; }
.ojs_ui_readable .article-details .author-profile-links > a:is(:hover,:focus) { background: #d5eef9 !important; color: #204a61 !important; }
.ojs_ui_readable .article-details .how-to-cite .btn-default {
  background: #eef1d7; background-image: none; border-color: #c7cdaa; color: #31576e; text-shadow: none;
  font-size: 13px;
}
.ojs_ui_readable .article-details .how-to-cite .btn-default:is(:hover,:focus),
.ojs_ui_readable .article-details .how-to-cite .btn-group.open > .btn-default { background: #dce5ba; border-color: #a5af80; color: #204a61; }
.ojs_ui_readable .article-details .how-to-cite .dropdown-menu { background: #f7f8e2; border-color: #c7cdaa; font-size: 13px; }
.ojs_ui_readable .article-details .how-to-cite .dropdown-menu > li > a { color: #31576e; white-space: normal; }
.ojs_ui_readable .article-details .how-to-cite .dropdown-menu > li > a:is(:hover,:focus) { background: #dce5ba; color: #204a61; }
.ojs_ui_readable .article-details #citationOutput { font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.ojs_ui_readable .article-details #citationOutput + .btn-group { margin-top: 12px; }
.ojs_ui_readable .article-details .copyright .panel-body { font-size: 13px; line-height: 1.65; }
.ojs_ui_readable .article-details hr { border-color: #d3d6b5; }
/* Custom blocks are scoped to the article page; embedded OJStats has its own layer. */
.ojs_ui_readable.pkp_page_article .pkp_structure_sidebar :is(.panel,.pkp_block.block_custom) {
  background: var(--ojs-detail-surface); border-color: var(--ojs-detail-border);
  color: var(--ojs-detail-text); font-size: 13px; line-height: 1.55;
}
.ojs_ui_readable.pkp_page_article .pkp_structure_sidebar .panel-default > .panel-heading {
  background: var(--ojs-detail-heading); background-image: none; color: #3e5361;
  border-color: var(--ojs-detail-border); font-size: 14px; line-height: 1.45;
}
.ojs_ui_readable.pkp_page_article .pkp_structure_sidebar :is(.panel-body,.block_custom > .content) { background: transparent; font-size: 13px; line-height: 1.55; }
.ojs_ui_readable.pkp_page_article .pkp_structure_sidebar .block_custom .content :is(h1,h2,h3,h4) { color: #3e5361; font-size: 16px; line-height: 1.4; }
.ojs_ui_readable.pkp_page_article .pkp_structure_sidebar .block_custom .content > :is(div,section)[style*="background:#ffffff"],
.ojs_ui_readable.pkp_page_article .pkp_structure_sidebar .block_custom .content > :is(div,section)[style*="background: #ffffff"],
.ojs_ui_readable.pkp_page_article .pkp_structure_sidebar .block_custom .content > :is(div,section)[style*="background:#fff;"],
.ojs_ui_readable.pkp_page_article .pkp_structure_sidebar .block_custom .content > :is(div,section)[style*="background: #fff;"],
.ojs_ui_readable.pkp_page_article .pkp_structure_sidebar .block_custom .content > :is(div,section)[style*="background-color:#ffffff"],
.ojs_ui_readable.pkp_page_article .pkp_structure_sidebar .block_custom .content > :is(div,section)[style*="background-color: #ffffff"] { background: transparent !important; }
.ojs_ui_readable.pkp_page_article .pkp_structure_sidebar .block_custom iframe { display: block; max-width: 100%; }
@media (min-width: 992px) and (max-width: 1199px) {
  .ojs_ui_readable .article-details .article-sidebar .doi a { font-size: 12px; }
}
.ojs_ui_readable .article-details #citation-metrics { font-size: 13px; overflow-wrap: anywhere; }
.ojs_ui_readable .article-details .article-sidebar .how-to-cite { padding: 0 10px 8px; }
.ojs_ui_readable .article-details .article-sidebar .how-to-cite > .panel-heading { margin: 0 -10px 8px; }
.ojs_ui_readable .article-details .article-sidebar .how-to-cite > img { max-height: 18px; width: auto; vertical-align: middle; }
/* Remaining article information follows the same palette and text hierarchy. */
.ojs_ui_readable.pkp_page_article #articlesBySameAuthorList:has(> h3) {
  background: var(--ojs-detail-surface); border-color: var(--ojs-detail-border);
  border-left-color: #889666; color: var(--ojs-detail-text); font-size: 14px;
}
.ojs_ui_readable.pkp_page_article #articlesBySameAuthorList > h3 { font-size: 15px; }
.ojs_ui_readable .article-details .author-bios .biography-author { font-size: 15px; line-height: 1.45; }
.ojs_ui_readable .article-details .article-sidebar > div[style*="background:#f0eff0"] {
  background: var(--ojs-detail-surface,rgba(247,248,226,.82)) !important;
  border-color: #d3d6b5 !important; border-left-color: #889666 !important;
  color: #38434d !important; font-size: 13px; line-height: 1.6;
}
.ojs_ui_readable .article-details .article-references > div[style] {
  background: var(--ojs-detail-surface,rgba(247,248,226,.82)) !important;
  border-color: #d3d6b5 !important; color: #38434d !important;
  font-size: 14px; line-height: 1.65; overflow-wrap: anywhere;
}
/* Article chart label and compact sidebar information. */
.ojs_ui_readable.pkp_page_article .downloads_chart > h3.label { color: #3e5361; }
.ojs_ui_readable .article-details .article-sidebar-author-list,
.ojs_ui_readable .article-details .article-sidebar-copyright > p {
  font-size: 12px; line-height: 1.6; overflow-wrap: anywhere;
}
.ojs_ui_readable .article-details .article-sidebar-author-list { margin-top: 3px; }
.ojs_ui_readable .article-details a.article-editor-reviewer-link {
  color: #20586f; font-weight: 600; text-decoration: underline;
  text-decoration-thickness: 1px; text-underline-offset: 3px;
}
.ojs_ui_readable .article-details a.article-editor-reviewer-link:is(:hover,:focus) {
  color: #174258; text-decoration-thickness: 2px;
}
.ojs_ui_readable .article-details a.article-editor-reviewer-link:focus-visible {
  outline: 2px solid #4c93b1; outline-offset: 3px; border-radius: 2px;
}