/* Readability layer for Cerulean. Keep existing palette and action selectors. */
body.ojs_ui_readable {
  font-size: 16px;
  line-height: 1.65;
  color: #555;
}
.ojs_ui_readable .pkp_structure_content { padding-top: 12px; padding-bottom: 32px; }
.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%; }
.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: 32px; }
.ojs_ui_readable h2 { font-size: 26px; }
.ojs_ui_readable h3 { font-size: 21px; }
.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.75; overflow-wrap: anywhere; }
.ojs_ui_readable .article-details > header .page-header,
.ojs_ui_readable .article-abstract { text-align: start; }
.ojs_ui_readable .article-details .article-sidebar { margin-bottom: 24px; }
.ojs_ui_readable .article-details .cover-image img { max-width: 100%; height: auto; margin: 0 auto 16px; }
.ojs_ui_readable .list-group-item,
.ojs_ui_readable .panel-body { padding: 14px 16px; overflow-wrap: anywhere; }
.ojs_ui_readable .article-summary.media { margin: 0 0 20px; }
.ojs_ui_readable .article-summary-card {
  padding: 18px; border: 1px solid #911316; border-radius: 6px;
  background: #f0eff0; color: #000;
}
.ojs_ui_readable .article-summary-card .media-heading { font-size: 21px; margin-bottom: 12px; }
.ojs_ui_readable .article-summary-subtitle,
.ojs_ui_readable .article-details .page-header small {
  display: block; margin-top: 8px; color: #555; font-size: 16px; font-weight: 400; line-height: 1.55;
}
.ojs_ui_readable .article-summary-authors,
.ojs_ui_readable .article-summary-metrics { font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.ojs_ui_readable .article-summary-metrics { margin-top: 14px; }
.ojs_ui_readable .article-summary-metrics img { max-height: 22px; width: auto; vertical-align: middle; }
.ojs_ui_readable .article-summary-card .btn-group { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.ojs_ui_readable .article-summary-card .btn-group > .btn { float: none; border-radius: 4px; margin: 0; }
.ojs_ui_readable .btn { min-height: 42px; padding: 10px 14px; font-size: 15px; line-height: 1.4; 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; }
.ojs_ui_readable #headerNavigationContainer { margin-bottom: 20px; }
.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 .icon-bar { background: #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 > li > a:hover,
.ojs_ui_readable #main-navigation > .active > a,
.ojs_ui_readable #navigationUser > li > a:hover,
.ojs_ui_readable #navigationUser > .open > a { background: #03699d; color: #fff; }
.ojs_ui_readable #main-navigation .dropdown-menu { background: #eef6fc; border-color: #94bed9; }
.ojs_ui_readable #main-navigation .dropdown-menu > li > a { color: #033c73; min-height: 42px; padding: 10px 16px; white-space: normal; }
.ojs_ui_readable #main-navigation .dropdown-menu > li > a:hover { background: #d3eafa; color: #012d55; }
.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_links > a {
  flex: 1 1 110px !important; width: auto !important; max-width: none !important;
  min-height: 36px; padding: 8px 6px !important; font-size: 13px !important;
  line-height: 1.5 !important; white-space: normal !important; overflow-wrap: anywhere;
}
.ojs_ui_readable .footer { margin-top: 32px; padding: 24px 0; font-size: 14px; line-height: 1.65; }
.ojs_ui_readable .footer img { max-width: 160px; height: auto; }
@media (min-width: 768px) {
  .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 { max-height: 320px; }
}
@media (max-width: 767px) {
  .ojs_ui_readable h1 { font-size: 27px; }
  .ojs_ui_readable h2 { font-size: 24px; }
  .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: 14px; }
  .ojs_ui_readable .article-summary-card .media-heading { font-size: 20px; }
  .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 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .ojs_ui_readable .collapsing { transition: none; }
  .ojs_ui_readable .btn { transition: none; }
}