/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html {
  line-height:1.15;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%
}
body {
  margin:0
}
article,
aside,
footer,
header,
nav,
section {
  display:block
}
h1 {
  font-size:2em;
  margin:.67em 0
}
figcaption,
figure,
main {
  display:block
}
figure {
  margin:1em 40px
}
hr {
  box-sizing:content-box;
  height:0;
  overflow:visible
}
pre {
  font-family:monospace,monospace;
  font-size:1em
}
a {
  background-color:transparent;
  -webkit-text-decoration-skip:objects
}
abbr[title] {
  border-bottom:none;
  text-decoration:underline;
  text-decoration:underline dotted
}
b,
strong {
  font-weight:inherit
}
b,
strong {
  font-weight:bolder
}
code,
kbd,
samp {
  font-family:monospace,monospace;
  font-size:1em
}
dfn {
  font-style:italic
}
mark {
  background-color:#ff0;
  color:#000
}
small {
  font-size:80%
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub {
  bottom:-0.25em
}
sup {
  top:-0.5em
}
audio,
video {
  display:inline-block
}
audio:not([controls]) {
  display:none;
  height:0
}
img {
  border-style:none
}
svg:not(:root) {
  overflow:hidden
}
button,
input,
optgroup,
select,
textarea {
  font-family:sans-serif;
  font-size:100%;
  line-height:1.15;
  margin:0
}
button,
input {
  overflow:visible
}
button,
select {
  text-transform:none
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance:button
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style:none;
  padding:0
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline:1px dotted ButtonText
}
fieldset {
  padding:.35em .75em .625em
}
legend {
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal
}
progress {
  display:inline-block;
  vertical-align:baseline
}
textarea {
  overflow:auto
}
[type="checkbox"],
[type="radio"] {
  box-sizing:border-box;
  padding:0
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height:auto
}
[type="search"] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance:none
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
details,
menu {
  display:block
}
summary {
  display:list-item
}
canvas {
  display:inline-block
}
template {
  display:none
}
[hidden] {
  display:none
}
*,
*:before,
*:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
@keyframes pkp_spin {
  0% {
    transform:rotateZ(-360deg);
    -webkit-transform:rotateZ(-360deg);
    -moz-transform:rotateZ(-360deg);
    -o-transform:rotateZ(-360deg)
  }
  100% {
    transform:rotateZ(0deg);
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
    -o-transform:rotateZ(0deg)
  }
}
@-webkit-keyframes pkp_spin {
  0% {
    transform:rotateZ(-360deg);
    -webkit-transform:rotateZ(-360deg);
    -moz-transform:rotateZ(-360deg);
    -o-transform:rotateZ(-360deg)
  }
  100% {
    transform:rotateZ(0deg);
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
    -o-transform:rotateZ(0deg)
  }
}
@-moz-keyframes pkp_spin {
  0% {
    transform:rotateZ(-360deg);
    -webkit-transform:rotateZ(-360deg);
    -moz-transform:rotateZ(-360deg);
    -o-transform:rotateZ(-360deg)
  }
  100% {
    transform:rotateZ(0deg);
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
    -o-transform:rotateZ(0deg)
  }
}
@-o-keyframes pkp_spin {
  0% {
    transform:rotateZ(-360deg);
    -webkit-transform:rotateZ(-360deg);
    -moz-transform:rotateZ(-360deg);
    -o-transform:rotateZ(-360deg)
  }
  100% {
    transform:rotateZ(0deg);
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
    -o-transform:rotateZ(0deg)
  }
}
.pkp_button,
.pkp_button_primary,
.pkp_button_offset,
.pkp_button_link {
  display:inline-block;
  padding:0 .5em;
  background:#fff;
  border:1px solid #ddd;
  border-radius:3px;
  font-size:.93rem;
  line-height:2rem;
  font-weight:700;
  color:#4b7d92;
  text-decoration:none;
  box-shadow:0 1px 0 #ddd;
  cursor:pointer
}
.pkp_button:hover,
.pkp_button:focus,
.pkp_button_primary:hover,
.pkp_button_primary:focus,
.pkp_button_offset:hover,
.pkp_button_offset:focus,
.pkp_button_link:hover,
.pkp_button_link:focus {
  color:#4b7d92;
  border-color:#4b7d92;
  outline:0
}
.pkp_button:active,
.pkp_button_primary:active,
.pkp_button_offset:active,
.pkp_button_link:active {
  box-shadow:0 0 2px
}
.pkp_button:disabled,
.pkp_button_primary:disabled,
.pkp_button_offset:disabled,
.pkp_button_link:disabled {
  color:#aaa
}
.pkp_button:disabled:hover,
.pkp_button_primary:disabled:hover,
.pkp_button_offset:disabled:hover,
.pkp_button_link:disabled:hover {
  color:#aaa;
  border-color:#ddd;
  cursor:not-allowed
}
.pkp_button_primary {
  color:#fff;
  background:#4b7d92;
  border-color:#4b7d92;
  box-shadow:0 1px 0 #4b7d92
}
.pkp_button_primary:hover,
.pkp_button_primary:focus {
  background:#6298ae;
  color:#fff
}
.pkp_button_primary:disabled,
.pkp_button_primary:disabled:hover {
  color:#fff;
  background:#b7c5ca;
  border-color:#b7c5ca;
  box-shadow:0 1px 0 #888;
  cursor:not-allowed
}
.pkp_button_offset {
  color:#ff4040
}
.pkp_button_offset:hover,
.pkp_button_offset:focus {
  border-color:#ff4040;
  color:#ff4040
}
.pkp_button_offset:disabled,
.pkp_button_offset:disabled:hover {
  color:#fff;
  background:#b7c5ca;
  border-color:#b7c5ca;
  box-shadow:0 1px 0 #888;
  cursor:not-allowed
}
.pkp_button_link {
  box-shadow:none;
  border-color:transparent
}
.pkp_button_link:disabled:hover {
  border-color:transparent
}
.pkp_spinner:after {
  display:inline-block;
  position:relative;
  width:1.25rem;
  height:1.25rem;
  vertical-align:middle;
  -webkit-animation:pkp_spin .6s linear infinite;
  -moz-animation:pkp_spin .6s linear infinite;
  -ms-animation:pkp_spin .6s linear infinite;
  -o-animation:pkp_spin .6s linear infinite;
  animation:pkp_spin .6s linear infinite;
  border-radius:100%;
  border-top:1px solid #888;
  border-bottom:1px solid transparent;
  border-left:1px solid #888;
  border-right:1px solid transparent;
  border-top-color:rgba(0,0,0,0.5);
  border-left-color:rgba(0,0,0,0.5);
  content:'';
  opacity:1
}
.pkp_loading {
  font-size:.93rem;
  line-height:1.43rem
}
.pkp_loading .pkp_spinner {
  margin-right:0.25em
}
.pkp_unstyled_list,
.cmp_article_list,
.cmp_breadcrumbs ol,
.cmp_announcements.cmp_announcements,
.pkp_site_nav_menu ul,
.pkp_page_index .journals ul,
.page_catalog_category .subcategories ul,
.page_issue_archive .issues_archive,
.page_register .context_optin .contexts,
.obj_article_details .authors,
.obj_article_details .galleys_links,
.obj_article_details .supplementary_galleys_links,
.obj_article_summary .galleys_links,
.obj_issue_toc .articles,
.obj_issue_toc .galleys_links,
.pkp_block .content ul {
  margin:0;
  padding:0;
  list-style:none
}
.pkp_caret {
  content:' ';
  display:inline-block;
  width:0;
  height:0;
  border:.25rem solid transparent;
  vertical-align:middle
}
.pkp_caret_down {
  border-top:.375rem solid
}
.pkp_caret_right {
  border-left:.375rem solid
}
.pkp_screen_reader,
.cmp_skip_to_content a,
.pkp_page_index .journals h2,
.pkp_page_index .cmp_announcements h2,
.page_register .context_optin .roles legend {
  clip:rect(1px, 1px, 1px, 1px);
  position:absolute !important;
  left:-2000px
}
.pkp_screen_reader:focus,
.pkp_page_index .cmp_announcements h2:focus {
  background-color:#fff;
  border-radius:3px;
  box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
  -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
  clip:auto !important;
  color:#000;
  display:block;
  font-size:1rem;
  height:auto;
  line-height:normal;
  padding:1rem;
  position:absolute;
  left:0.5rem;
  top:0.5rem;
  text-decoration:none;
  width:auto;
  z-index:100000
}
.pkp_helpers_clear:before,
.pkp_helpers_clear:after {
  content:" ";
  display:table
}
.pkp_helpers_clear:after {
  clear:both
}
.pkp_help_link {
  display:inline-block;
  padding:.25rem 0;
  font-size:.75rem;
  line-height:1rem;
  font-weight:700;
  text-decoration:none;
  border:none;
  box-shadow:none;
  color:#4b7d92;
  z-index:3
}
.pkp_help_link:hover,
.pkp_help_link:focus {
  color:#6298ae
}
.pkp_help_link:focus {
  outline:0;
  box-shadow:0 0 0 3px #4b7d92;
  border-radius:3px
}
.pkp_help_tab,
.pkp_help_modal {
  position:absolute;
  top:-2rem;
  right:2rem;
  padding:.5rem 1em;
  background:#fff;
  border-top-left-radius:3px;
  border-top-right-radius:3px
}
.pkp_help_modal {
  top:0.5rem;
  padding:0.5rem;
  right:3rem;
  border:none
}
.pkp_uploadedFile_summary {
  font-size:.93rem;
  line-height:1.43rem
}
.pkp_uploadedFile_summary .filename .display {
  line-height:2rem
}
.pkp_uploadedFile_summary .filename .edit {
  line-height:1.43rem
}
.pkp_uploadedFile_summary .details {
  margin-top:0.5rem;
  color:rgba(0,0,0,0.54)
}
.pkp_uploadedFile_summary .details>span {
  margin-left:2rem
}
.pkp_uploadedFile_summary .details>span:first-child {
  margin-left:0
}
.pkp_uploadedFile_summary .details>span:before {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  padding-right:0.25em;
  color:#aaa
}
.pkp_uploadedFile_summary .pixels:before {
  content:"\f108"
}
.pkp_uploadedFile_summary .print {
  margin-left:2rem
}
.pkp_uploadedFile_summary .print:before {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  padding-right:0.25em;
  color:#aaa;
  content:"\f02f"
}
.pkp_uploadedFile_summary .type:before {
  content:"\f016"
}
.pkp_uploadedFile_summary .type.pdf:before {
  content:"\f1c1"
}
.pkp_uploadedFile_summary .type.doc:before,
.pkp_uploadedFile_summary .type.docx:before {
  content:"\f1c2"
}
.pkp_uploadedFile_summary .type.xls:before,
.pkp_uploadedFile_summary .type.xlsx:before {
  content:"\f1c3"
}
.pkp_uploadedFile_summary .file_size:before {
  content:"\f0a0"
}
.pkp_helpers_invisible {
  visibility:hidden
}
.pkp_helpers_display_none {
  display:none !important
}
.pkp_helpers_align_left {
  float:left
}
.pkp_helpers_align_right {
  float:right
}
.pkp_helpers_text_left {
  text-align:left
}
.pkp_helpers_text_right {
  text-align:right
}
.pkp_helpers_text_center {
  text-align:center
}
.pkp_helpers_text_justify {
  text-align:justify
}
.pkp_helpers_title_padding {
  padding:5px !important
}
.pkp_helpers_image_left {
  float:left;
  margin:4px 10px 4px 0
}
.pkp_helpers_image_right {
  float:right;
  margin:4px 0 4px 10px
}
.pkp_helpers_container_center {
  margin:0 auto
}
.pkp_helpers_debug,
.pkp_helpers_debug div {
  border:1px dashed #f00;
  padding:2px
}
.pkp_helpers_flatlist {
  margin:0;
  padding:0
}
.pkp_helpers_flatlist li {
  float:left;
  position:relative
}
.pkp_helpers_bulletlist li {
  list-style:disc
}
.pkp_helpers_icon_link_valign {
  line-height:24px
}
.pkp_helpers_moveicon {
  cursor:move
}
.pkp_helpers_full {
  width:100%
}
.pkp_helpers_half {
  width:50%
}
.pkp_helpers_third {
  width:33%
}
.pkp_helpers_quarter {
  width:25%
}
.pkp_helpers_fifth {
  width:20%
}
.pkp_helpers_threeQuarter {
  width:75%
}
.pkp_helpers_underline:after {
  border-bottom:2px solid #fff;
  content:" ";
  display:block
}
.pkp_helpers_dotted_underline {
  border-bottom:1px dotted #999
}
.pkp_helpers_black_bg {
  background-color:black
}
.pkp_helpers_text_warn {
  color:#d00a6c
}
.pkp_helpers_text_primary {
  color:black
}
.NMI_TYPE_CUSTOM_EDIT {
  display:none
}
.pkp_helpers_form_input_title_text {
  font-weight:bold;
  color:#777777
}
.row:before,
.row:after {
  content:" ";
  display:table
}
.row:after {
  clear:both
}
.cmp_button,
.cmp_form .buttons button,
.page_lost_password .buttons button,
.page_search .submit button,
.block_make_submission a {
  display:inline-block;
  padding:0 1em;
  background:#eee;
  border:1px solid rgba(0,0,0,0.4);
  border-top-color:#bbb;
  border-radius:3px;
  box-shadow:inset 0 -1em 1em rgba(0,0,0,0.1);
  font-size:.93rem;
  line-height:calc(2.143rem - 2px);
  font-weight:700;
  color:#4b7d92;
  text-decoration:none
}
.cmp_button:hover,
.cmp_button:focus,
.page_search .submit button:hover,
.page_search .submit button:focus {
  box-shadow:inset 0 1em 1em rgba(0,0,0,0.1)
}
.cmp_button_wire,
.obj_galley_link {
  display:inline-block;
  padding:0 1em;
  background:#fff;
  border:1px solid #4b7d92;
  border-radius:3px;
  font-size:.93rem;
  line-height:calc(2.143rem - 2px);
  color:#4b7d92;
  text-decoration:none
}
.cmp_button_wire:hover,
.cmp_button_wire:focus,
.obj_galley_link:hover,
.obj_galley_link:focus {
  background:#4b7d92;
  color:#fff
}
.cmp_article_list>li {
  margin-bottom:2.143rem
}
.cmp_article_list>li:before,
.cmp_article_list>li:after {
  content:" ";
  display:table
}
.cmp_article_list>li:after {
  clear:both
}
.cmp_form fieldset {
  margin:0 0 1.43rem;
  padding:0;
  border:none
}
.cmp_form legend {
  margin-bottom:.714rem;
  font-size:1.143rem;
  font-weight:700;
  line-height:1.43rem
}
.cmp_form .fields>div {
  position:relative;
  padding-bottom:2.143rem
}
.cmp_form .fields>div .error {
  position:absolute;
  left:0.5em;
  bottom:11px;
  padding:0 .5em;
  background:#ff4040;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  font-size:.93rem;
  line-height:1.43rem;
  font-weight:700;
  color:#fff
}
.cmp_form label {
  display:block;
  cursor:pointer
}
.cmp_form .label {
  display:block;
  font-size:.93rem;
  font-weight:400
}
.cmp_form input[type="text"],
.cmp_form input[type="email"],
.cmp_form input[type="password"],
.cmp_form input[type="url"],
.cmp_form input[type="tel"],
.cmp_form select,
.cmp_form textarea {
  padding:0 .5em;
  width:100%;
  height:calc(2.143rem - 2px);
  background:#fff;
  border:1px solid rgba(0,0,0,0.4);
  border-radius:3px;
  font-size:.93rem;
  line-height:calc(2.143rem - 2px)
}
.cmp_form textarea {
  width:100%;
  height:8em
}
.cmp_form .pkp_form_error {
  margin-bottom:.714rem;
  border-radius:3px;
  padding:0 .5em;
  font-weight:700;
  font-size:.93rem;
  background:#ff4040;
  color:#fff
}
.cmp_form label>input[type="checkbox"],
.cmp_form label>input[type="radio"] {
  margin-right:0.25em
}
.cmp_form .buttons:before,
.cmp_form .buttons:after {
  content:" ";
  display:table
}
.cmp_form .buttons:after {
  clear:both
}
.cmp_form .buttons a {
  font-size:.93rem;
  line-height:2.143rem;
  margin-left:1em
}
.cmp_form .description {
  margin-top:0;
  font-size:.93rem;
  line-height:1.5em;
  color:rgba(0,0,0,0.54)
}
@media (min-width:480px) {
  .cmp_form input[type="text"],
  .cmp_form input[type="email"],
  .cmp_form input[type="password"],
  .cmp_form input[type="url"],
  .cmp_form input[type="tel"],
  .cmp_form select {
    max-width:20em
  }
}
.cmp_pagination {
  text-align:right
}
.cmp_pagination:before,
.cmp_pagination:after {
  content:" ";
  display:table
}
.cmp_pagination:after {
  clear:both
}
.cmp_pagination .prev {
  float:left;
  margin-right:0.5em;
  text-decoration:none
}
.cmp_pagination .prev:before {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f177";
  margin-right:0.5em
}
.cmp_pagination .next {
  margin-left:0.5em;
  text-decoration:none
}
.cmp_pagination .next:after {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f178";
  margin-left:0.5em
}
.cmp_edit_link {
  display:inline-block;
  margin-left:1em;
  font-size:.93rem;
  font-weight:400;
  line-height:1;
  vertical-align:middle;
  text-decoration:none
}
.cmp_edit_link:before {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f040"
}
.cmp_search_filter {
  margin-bottom:.714rem;
  font-size:.93rem
}
.cmp_search_filter:last-child {
  margin-bottom:0
}
.cmp_search_filter label {
  font-style:italic
}
.cmp_search_filter .delete {
  color:#ff4040
}
.cmp_notification {
  display:block;
  width:100%;
  padding:1.43rem;
  margin-bottom:2.857rem;
  background:#ddd;
  border-left:.357rem solid #4b7d92;
  font-size:1rem;
  line-height:1.43rem
}
.cmp_notification .success {
  border-color:#00b24e
}
.cmp_notification .no {
  border-color:#ff4040
}
.cmp_breadcrumbs {
  display:inline-block
}
.cmp_breadcrumbs ol {
  margin-bottom:2.143rem;
  padding:.357rem 0;
  line-height:1.43rem;
  font-size:.93rem
}
.cmp_breadcrumbs li {
  display:inline-block
}
.cmp_breadcrumbs a {
  display:inline-block;
  text-decoration:none
}
.cmp_breadcrumbs .separator {
  color:rgba(0,0,0,0.54);
  padding:0 .5em
}
.cmp_breadcrumbs .current {
  color:rgba(0,0,0,0.54)
}
.cmp_breadcrumbs .current h1 {
  margin:0;
  font-family:"Noto Serif",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:.93rem;
  font-weight:400
}
.cmp_back_link {
  margin-top:1.43rem
}
.cmp_announcements.cmp_announcements {
  margin-left:-0.714rem;
  margin-right:-0.714rem
}
.cmp_announcements.cmp_announcements>li {
  padding:2.143rem .714rem;
  border-bottom:1px solid #ddd
}
.cmp_announcements.cmp_announcements>li:last-child {
  border-bottom:none
}
@media (min-width:480px) {
  .cmp_announcements.cmp_announcements {
    margin-left:-1.43rem;
    margin-right:-1.43rem
  }
  .cmp_announcements.cmp_announcements>li {
    padding-left:1.43rem;
    padding-right:1.43rem
  }
}
@media (min-width:992px) {
  .cmp_announcements.cmp_announcements {
    margin-left:-2.143rem;
    margin-right:-2.143rem
  }
  .cmp_announcements.cmp_announcements>li {
    padding-left:2.143rem;
    padding-right:2.143rem
  }
}
.cmp_skip_to_content a {
  display:block;
  padding:1em;
  z-index:99999;
  background:#fff;
  transform:translateX(-50%)
}
.cmp_skip_to_content a:focus {
  clip:auto;
  top:0;
  left:50%;
  color:#4b7d92
}
.cmp_table {
  width:100%;
  border:1px solid #ddd;
  border-bottom:none;
  border-collapse:collapse
}
.cmp_table th,
.cmp_table td {
  padding:0.5em;
  text-align:left;
  border-bottom:1px solid #ddd
}
.cmp_table th {
  font-weight:700
}
html,
body {
  font-family:"Noto Serif",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:14px;
  line-height:1.43rem;
  color:rgba(0,0,0,0.87);
  background:#fff
}
a {
  color:#4b7d92
}
a:hover,
a:focus {
  color:#6298ae
}
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user,
.pkp_search_mobile,
.pkp_structure_content,
.pkp_structure_footer {
  position:relative;
  width:100%;
  margin:0 auto;
  padding-left:.714rem;
  padding-right:.714rem
}
.pkp_site_name_wrapper:before,
.pkp_navigation_primary_wrapper:before,
.pkp_navigation_user:before,
.pkp_search_mobile:before,
.pkp_structure_content:before,
.pkp_structure_footer:before,
.pkp_site_name_wrapper:after,
.pkp_navigation_primary_wrapper:after,
.pkp_navigation_user:after,
.pkp_search_mobile:after,
.pkp_structure_content:after,
.pkp_structure_footer:after {
  content:" ";
  display:table
}
.pkp_site_name_wrapper:after,
.pkp_navigation_primary_wrapper:after,
.pkp_navigation_user:after,
.pkp_search_mobile:after,
.pkp_structure_content:after,
.pkp_structure_footer:after {
  clear:both
}
@media (min-width:768px) {
  .pkp_site_name_wrapper,
  .pkp_navigation_primary_wrapper,
  .pkp_navigation_user,
  .pkp_search_mobile,
  .pkp_structure_content,
  .pkp_structure_footer {
    width:728px;
    padding:0
  }
}
@media (min-width:992px) {
  .pkp_site_name_wrapper,
  .pkp_navigation_primary_wrapper,
  .pkp_navigation_user,
  .pkp_search_mobile,
  .pkp_structure_content,
  .pkp_structure_footer {
    width:952px
  }
}
@media (min-width:1200px) {
  .pkp_site_name_wrapper,
  .pkp_navigation_primary_wrapper,
  .pkp_navigation_user,
  .pkp_search_mobile,
  .pkp_structure_content,
  .pkp_structure_footer {
    width:1160px
  }
}
.has_site_logo .pkp_site_name,
.has_site_logo .pkp_navigation_primary_wrapper {
  width:auto
}
.has_site_logo .pkp_head_wrapper {
  position:relative;
  width:100%;
  margin:0 auto;
  padding-right:.714rem
}
.has_site_logo .pkp_head_wrapper:before,
.has_site_logo .pkp_head_wrapper:after {
  content:" ";
  display:table
}
.has_site_logo .pkp_head_wrapper:after {
  clear:both
}
@media (min-width:768px) {
  .has_site_logo .pkp_head_wrapper {
    width:728px;
    padding-left:0;
    padding-right:0
  }
}
@media (min-width:992px) {
  .has_site_logo .pkp_head_wrapper {
    width:952px
  }
}
@media (min-width:1200px) {
  .has_site_logo .pkp_head_wrapper {
    width:1160px
  }
}
.pkp_structure_main {
  padding:.714rem
}
@media (min-width:480px) {
  .pkp_structure_main {
    padding:1.43rem
  }
}
@media (min-width:768px) {
  .pkp_structure_main:before,
  .pkp_structure_main:after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:1px;
    background:#ddd
  }
  .pkp_structure_main:after {
    left:728px
  }
}
@media (min-width:992px) {
  .pkp_structure_content {
    padding-top:2.143rem
  }
  .pkp_structure_sidebar {
    float:right;
    width:300px
  }
  .pkp_structure_main {
    float:left;
    padding:0 2.143rem 6.429rem;
    width:652px
  }
  .pkp_structure_main:after {
    left:652px
  }
}
@media (min-width:1200px) {
  .pkp_structure_main {
    width:860px
  }
  .pkp_structure_main:after {
    left:860px
  }
}
@media (min-width:992px) {
  .pkp_structure_main:first-child:last-child {
    float:none;
    margin-left:auto;
    margin-right:auto;
    margin-top:2.857rem
  }
  .pkp_structure_main:first-child:last-child:before {
    left:150px
  }
  .pkp_structure_main:first-child:last-child:after {
    left:auto;
    right:150px
  }
}
img {
  max-width:100%;
  width:auto;
  height:auto
}
.pkp_structure_head {
  background-color:#1e40af;
  border-bottom:1px solid #ddd
}
.pkp_head_wrapper {
  position:relative
}
.pkp_site_name_wrapper {
  height:2.857rem
}
@media (min-width:992px) {
  .pkp_site_name_wrapper {
    height:auto
  }
}
.pkp_site_name {
  position:absolute;
  left:2.857rem;
  right:0;
  margin-top:0;
  margin-bottom:0;
  padding-left:.714rem;
  text-align:left;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:.93rem
}
.pkp_site_name>a {
  padding-top:.714rem;
  padding-bottom:.714rem
}
.pkp_site_name>a:focus {
  outline:0
}
.pkp_site_name .is_img {
  display:inline-block;
  margin-top:.357rem;
  margin-bottom:.357rem;
  padding:0
}
.pkp_site_name .is_img:focus {
  outline:1px solid #fff
}
.pkp_site_name .is_img img {
  display:block;
  max-height:2.143rem;
  max-width:100%;
  width:auto;
  height:auto
}
.pkp_site_name .is_text {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:.93rem;
  font-weight:700;
  line-height:2.857rem;
  color:#fff;
  text-decoration:none
}
.pkp_site_name .is_text:focus {
  text-decoration:underline
}
.pkp_navigation_primary_wrapper {
  padding-left:0;
  padding-right:0
}
.pkp_site_nav_menu {
  position:absolute;
  width:100%;
  top:100%;
  background:#1e40af;
  left:0;
  padding:.714rem;
  z-index:9999
}
.pkp_site_nav_menu .pkp_nav_list {
  padding-left:0;
  margin-left:0
}
.pkp_site_nav_menu ul ul {
  padding-left:0.5rem
}
.pkp_site_nav_menu a {
  display:inline-block;
  padding:.125rem 0;
  color:#fff;
  text-decoration:none
}
.pkp_site_nav_menu a:hover,
.pkp_site_nav_menu a:focus {
  color:#fff;
  text-decoration:underline
}
.pkp_site_nav_menu #siteNav {
  position:absolute;
  top:0;
  height:0
}
.pkp_navigation_user.pkp_navigation_user {
  margin-left:auto;
  margin-right:auto;
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,0.1)
}
.pkp_navigation_user .task_count {
  display:inline-block;
  width:1.43rem;
  height:1.43rem;
  margin-left:0.5em;
  border-radius:50%;
  background:rgba(255,255,255,0.1);
  line-height:1.43rem;
  text-align:center;
  font-size:0.857rem;
  position:relative
}
.pkp_navigation_user>li>a .task_count {
  display:none
}
.pkp_navigation_user>li>ul a .task_count {
  display:inline-block;
  background:rgba(255,255,255,0.1);
  color:#fff
}
.pkp_navigation_user>li>ul a:hover .task_count,
.pkp_navigation_user>li>ul a:focus .task_count {
  background:rgba(0,0,0,0.87)
}
.pkp_navigation_search_wrapper {
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,0.1)
}
@media (min-width:992px) {
  .pkp_head_wrapper {
    padding-top:4.286rem
  }
  .pkp_site_nav_toggle {
    display:none
  }
  .pkp_site_name {
    position:relative;
    width:100%;
    left:auto;
    right:auto;
    padding:0;
    white-space:normal;
    font-size:2em;
    background:transparent;
    overflow:visible
  }
  .pkp_site_name .is_text {
    font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
    font-size:1.714rem;
    line-height:2.143rem
  }
  .pkp_site_name .is_img img {
    max-height:80px
  }
  .pkp_site_nav_menu {
    display:block;
    position:static;
    top:auto;
    padding:0
  }
  .pkp_site_nav_menu ul ul {
    padding-left:0
  }
  .has_site_logo .pkp_head_wrapper {
    padding-top:2.143rem
  }
  .pkp_nav_list {
    margin:0;
    padding:0;
    list-style:none
  }
  .pkp_nav_list li {
    position:relative;
    display:inline-block
  }
  .pkp_nav_list a {
    display:inline-block;
    padding-left:.714rem;
    padding-right:.714rem;
    text-decoration:none;
    padding-top:.357rem;
    padding-bottom:.357rem
  }
  .pkp_nav_list a:hover,
  .pkp_nav_list a:focus {
    text-decoration:none
  }
  .pkp_nav_list ul {
    position:absolute;
    top:100%;
    left:-9999px;
    z-index:1000;
    width:15em;
    margin:0;
    padding:0;
    background:#fff;
    border-radius:3px;
    box-shadow:0 0 5px rgba(0,0,0,0.3)
  }
  .pkp_nav_list ul li {
    display:block
  }
  .pkp_nav_list ul a {
    display:block;
    padding-left:.357rem;
    border-left:.357rem solid transparent;
    color:#4b7d92
  }
  .pkp_nav_list ul a:hover,
  .pkp_nav_list ul a:focus {
    outline:0;
    background:#ddd;
    border-color:#4b7d92;
    color:#4b7d92
  }
  .pkp_nav_list ul li:first-child a {
    border-top-left-radius:3px;
    border-top-right-radius:3px
  }
  .pkp_nav_list ul li:last-child a {
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px
  }
  .pkp_nav_list>li:hover ul {
    left:0
  }
  .pkp_nav_list [aria-haspopup]:after {
    position:relative;
    display:inline-block;
    content:"";
    width:0;
    height:0;
    margin-left:0.25em;
    border-top:4px solid;
    border-right:4px solid transparent;
    border-left:4px solid transparent;
    vertical-align:middle;
    overflow:hidden
  }
  .pkp_navigation_primary {
    text-align:center
  }
  .pkp_navigation_primary>li>a {
    margin:.357rem .5em 0;
    padding:.357rem .5em calc(.714rem - 2px);
    border-bottom:2px solid transparent;
    color:#fff;
    text-decoration:none
  }
  .pkp_navigation_primary>li>a:hover {
    color:#fff;
    outline:0;
    border-color:#fff
  }
  .pkp_navigation_primary>li>a:focus {
    background:#fff;
    color:#1e40af;
    outline:0
  }
  .pkp_navigation_primary>li:first-child a {
    margin-left:-0.5em
  }
  .pkp_navigation_primary>li:last-child a {
    margin-right:-0.5em
  }
  .pkp_navigation_primary>li:hover ul {
    position:absolute;
    transform:translate3d(7px, 40px, 0px);
    top:0;
    left:0;
    will-change:transform
  }
  .pkp_navigation_primary ul a {
    padding-top:.714rem;
    padding-bottom:.714rem
  }
  .pkp_navigation_primary [aria-haspopup]:hover {
    border-color:transparent
  }
  .pkp_navigation_primary .dropdown-menu a:focus,
  .pkp_navigation_primary .dropdown-menu a:hover {
    border-color:#4b7d92
  }
  .dropdown-menu {
    display:none
  }
  .dropdown-menu.show {
    display:block
  }
  [data-toggle="dropdown"]:hover+.dropdown-menu,
  .dropdown-menu:hover {
    display:block
  }
  .pkp_navigation_user_wrapper {
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    padding-left:.714rem;
    padding-right:.714rem;
    text-align:right;
    padding-top:0;
    margin-top:0;
    border-top:none;
    z-index:1000
  }
  .pkp_navigation_user {
    text-align:right;
    font-size:.93rem;
    padding-right:1.43rem
  }
  .pkp_navigation_user.pkp_navigation_user {
    margin:0;
    padding:0;
    border:none
  }
  .pkp_navigation_user li {
    text-align:left
  }
  .pkp_navigation_user a {
    padding-top:.357rem;
    padding-bottom:.357rem;
    line-height:1.43rem
  }
  .pkp_navigation_user>li>a:focus {
    outline:0;
    background:#fff;
    color:#1e40af
  }
  .pkp_navigation_user ul {
    width:10em
  }
  .pkp_navigation_user>li:hover ul {
    position:absolute;
    top:0;
    left:0;
    transform:translate3d(0px, 30px, 0px);
    will-change:transform
  }
  .pkp_navigation_user>li:last-child>a {
    margin-right:-0.714rem
  }
  .pkp_navigation_user>li>a .task_count {
    display:inline-block
  }
  .pkp_navigation_user>li>a:focus .task_count {
    background:#1e40af;
    color:#fff
  }
  .pkp_navigation_user>li>ul a .task_count {
    display:none
  }
  .pkp_navigation_search_wrapper {
    float:right;
    margin:0;
    padding:0;
    border:none
  }
  .pkp_navigation_search_wrapper a {
    margin:.357rem .5em 0;
    padding:.357rem .5em calc(.714rem - 2px);
    border-bottom:2px solid transparent;
    color:#fff;
    text-decoration:none
  }
  .pkp_navigation_search_wrapper a:hover {
    color:#fff;
    outline:0;
    border-color:#fff;
    text-decoration:none
  }
  .pkp_navigation_search_wrapper a:focus {
    background:#fff;
    color:#1e40af;
    outline:0;
    text-decoration:none
  }
}
@media (min-width:992px) and (min-width:992px) {
  .pkp_navigation_primary {
    display:inline-block;
    max-width:80%;
    text-align:left
  }
}
.pkp_structure_main h1 {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:1.714rem;
  line-height:2.143rem;
  font-weight:700
}
.pkp_structure_main h2 {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:1.285rem;
  line-height:2.143rem;
  font-weight:700
}
.pkp_structure_main h3 {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:1.143rem;
  line-height:1.43rem;
  font-weight:700
}
.pkp_structure_main h4 {
  font-size:1rem;
  line-height:1.43rem;
  font-weight:700
}
.pkp_structure_main h5 {
  font-size:1rem;
  line-height:1.43rem;
  font-weight:400
}
.pkp_structure_main h6 {
  font-size:.93rem;
  line-height:1.43rem;
  font-weight:700
}
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4 {
  margin:2.857rem 0 1.43rem
}
.pkp_structure_main h5,
.pkp_structure_main h6 {
  margin:1.43rem 0
}
.pkp_structure_main p,
.pkp_structure_main ul {
  line-height:1.785rem;
  margin:1.43rem 0
}
.pkp_structure_main p:last-child {
  margin-bottom:0
}
.pkp_structure_main .page h1 {
  margin-top:0
}
.pkp_structure_main .page>.cmp_edit_link {
  float:right;
  padding:.357rem 0;
  line-height:2.143rem
}
.pkp_structure_main .page .monograph_count {
  float:right;
  padding:.714rem 0;
  font-size:.93rem;
  color:rgba(0,0,0,0.54)
}
.pkp_structure_main .page .about_section {
  color:rgba(0,0,0,0.54);
  line-height:2.143rem
}
.pkp_structure_main .page .about_section:before,
.pkp_structure_main .page .about_section:after {
  content:" ";
  display:table
}
.pkp_structure_main .page .about_section:after {
  clear:both
}
.pkp_structure_main .page .about_section .cover {
  float:right;
  width:20%;
  margin-left:10%;
  margin-right:10%
}
.pkp_structure_main .page .about_section .cover img {
  display:block;
  margin:0 auto
}
.pkp_structure_main .page .about_section .description p:first-child {
  margin-top:0
}
.pkp_structure_main .page .about_section .description p:last-child {
  margin-bottom:0
}
@media (min-width:480px) {
  .pkp_structure_main .page .about_section {
    font-size:1.143rem;
    font-style:italic
  }
}
.pkp_site_nav_toggle {
  position:absolute;
  top:0;
  left:0;
  width:2.857rem;
  height:2.857rem;
  border:0;
  background:none;
  box-shadow:1px 0 0 rgba(255,255,255,0.2),-1px 0 0 rgba(255,255,255,0.2);
  z-index:999
}
.pkp_site_nav_toggle:focus {
  outline:1px dotted #fff;
  box-shadow:none
}
.pkp_site_nav_toggle>span {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:24px;
  height:19px;
  border-bottom:3px solid #fff;
  text-indent:-9999px;
  overflow:hidden
}
.pkp_site_nav_toggle>span:before,
.pkp_site_nav_toggle>span:after {
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:3px;
  background:#fff
}
.pkp_site_nav_toggle>span:before {
  top:0
}
.pkp_site_nav_toggle>span:after {
  top:8px
}
.pkp_site_nav_toggle--transform>span {
  border-bottom:0;
  overflow:visible
}
.pkp_site_nav_toggle--transform>span:before {
  top:7px;
  transform:rotate(-405deg) translateY(1px) translateX(-2px);
  -webkit-transform:rotate(-405deg) translateY(1px) translateX(-2px)
}
.pkp_site_nav_toggle--transform>span:after {
  top:14px;
  transform:rotate(405deg) translateY(-3px) translateX(-4px);
  -webkit-transform:rotate(405deg) translateY(-3px) translateX(-4px)
}
.pkp_site_nav_menu {
  display:none
}
.pkp_site_nav_menu--isOpen {
  display:block
}
body.navIsOpen .siteHeader__details {
  right:0
}
body.navIsOpen .siteHeader__screen {
  display:block;
  opacity:0.5
}
body.navIsOpen .siteHeader__navToggleIcon>span:first-child {
  transform:rotate(45deg);
  top:18px
}
body.navIsOpen .siteHeader__navToggleIcon>span:nth-child(2) {
  opacity:0
}
body.navIsOpen .siteHeader__navToggleIcon>span:last-child {
  transform:rotate(-45deg);
  top:18px
}
@media (min-width:992px) {
  .pkp_site_nav_menu {
    display:block
  }
}
.pkp_page_index .journals {
  margin-top:2.143rem
}
.pkp_page_index .journals>ul>li {
  margin:2.143rem 0
}
.pkp_page_index .journals img {
  display:block;
  max-height:20em
}
.pkp_page_index .journals h3 {
  margin:.714rem 0;
  font-size:1rem;
  font-weight:700
}
.pkp_page_index .journals h3 a {
  text-decoration:none
}
.pkp_page_index .journals p {
  margin:.714rem 0
}
.pkp_page_index .journals .links li {
  display:inline-block;
  margin:0 .714rem .714rem 0
}
@media (min-width:768px) {
  .pkp_page_index .journals>ul>li {
    margin:0 -1.43rem;
    padding:1.43rem;
    border-top:1px solid #ddd
  }
  .pkp_page_index .journals>ul>li:before,
  .pkp_page_index .journals>ul>li:after {
    content:" ";
    display:table
  }
  .pkp_page_index .journals>ul>li:after {
    clear:both
  }
  .pkp_page_index .journals .thumb {
    float:left;
    width:25%;
    padding-right:1.43rem
  }
  .pkp_page_index .journals .thumb+.body {
    float:right;
    width:75%
  }
}
@media (min-width:992px) {
  .pkp_page_index .journals>ul>li {
    margin:0 -2.143rem;
    padding:2.143rem
  }
  .pkp_page_index .journals .thumb {
    padding-right:2.143rem
  }
}
.pkp_page_index .homepage_image,
.pkp_page_index .additional_content {
  margin-left:-0.714rem;
  margin-right:-0.714rem
}
@media (min-width:480px) {
  .pkp_page_index .homepage_image,
  .pkp_page_index .additional_content {
    margin-left:-1.43rem;
    margin-right:-1.43rem
  }
}
@media (min-width:992px) {
  .pkp_page_index .homepage_image,
  .pkp_page_index .additional_content {
    margin-left:-2.143rem;
    margin-right:-2.143rem
  }
}
.pkp_page_index .homepage_image img {
  display:block;
  width:100%;
  height:auto
}
@media (min-width:992px) {
  .pkp_page_index .homepage_image {
    margin-top:-2.143rem
  }
}
.pkp_page_index .homepage_about {
  padding-top:2.143rem;
  padding-bottom:2.143rem
}
.pkp_page_index .homepage_about h2 {
  margin-top:-0.714rem
}
.pkp_page_index .cmp_announcements {
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd
}
.pkp_page_index .cmp_announcements:before,
.pkp_page_index .cmp_announcements:after {
  content:" ";
  display:table
}
.pkp_page_index .cmp_announcements:after {
  clear:both
}
.pkp_page_index .cmp_announcements>.obj_announcement_summary {
  position:relative;
  padding:2.143rem .714rem
}
.pkp_page_index .cmp_announcements .more {
  position:relative
}
.pkp_page_index .cmp_announcements .more .obj_announcement_summary {
  padding:.714rem
}
.pkp_page_index .cmp_announcements .more h4 {
  font-size:.93rem
}
@media (min-width:480px) {
  .pkp_page_index .cmp_announcements>.obj_announcement_summary,
  .pkp_page_index .cmp_announcements .more .obj_announcement_summary {
    padding-left:1.43rem;
    padding-right:1.43rem
  }
}
@media (min-width:768px) {
  .pkp_page_index .cmp_announcements>.obj_announcement_summary {
    float:left;
    width:65%
  }
  .pkp_page_index .cmp_announcements>.obj_announcement_summary:before {
    content:' ';
    position:absolute;
    top:0;
    right:-1px;
    width:1px;
    height:100%;
    border-left:1px solid #ddd
  }
  .pkp_page_index .cmp_announcements .more {
    float:right;
    width:35%;
    padding-top:1.43rem;
    padding-bottom:1.43rem
  }
  .pkp_page_index .cmp_announcements .more:before {
    content:' ';
    position:absolute;
    top:0;
    left:0;
    width:1px;
    height:100%;
    border-left:1px solid #ddd
  }
}
@media (min-width:992px) {
  .pkp_page_index .cmp_announcements>.obj_announcement_summary,
  .pkp_page_index .cmp_announcements .more .obj_announcement_summary {
    padding-left:2.143rem;
    padding-right:2.143rem
  }
}
.pkp_page_index .current_issue .current_issue_title {
  margin:1.43rem 0;
  font-weight:700
}
.pkp_page_index .current_issue .read_more {
  display:inline-block;
  position:relative;
  padding-right:2.143rem;
  font-size:.93rem;
  font-weight:700;
  line-height:2.143rem;
  color:#4b7d92;
  text-decoration:none;
  margin-bottom:1.43rem
}
.pkp_page_index .current_issue .read_more:after {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f054";
  position:absolute;
  top:2px;
  right:0;
  width:2.143rem;
  height:2.143rem;
  line-height:2.143rem;
  text-align:center
}
.pkp_page_index .current_issue .read_more:hover,
.pkp_page_index .current_issue .read_more:focus {
  color:#6298ae
}
@media (min-width:768px) {
  .pkp_page_index .current_issue .section:last-child {
    margin-bottom:0
  }
}
.pkp_page_index .additional_content {
  padding:2.143rem .714rem 0 .714rem;
  border-top:1px solid #ddd
}
@media (min-width:480px) {
  .pkp_page_index .additional_content {
    padding-left:1.43rem;
    padding-right:1.43rem
  }
}
@media (min-width:992px) {
  .pkp_page_index .additional_content {
    padding-left:2.143rem;
    padding-right:2.143rem
  }
}
.pkp_page_index .additional_content>p:first-child {
  margin-top:0
}
.pkp_page_index .additional_content>p:last-child {
  margin-bottom:0
}
@media (min-width:768px) {
  .pkp_page_index .cmp_announcements+.additional_content {
    border-top:none
  }
}
.page_catalog_category .article_count {
  float:right;
  padding:.714rem 0;
  font-size:.93rem;
  color:rgba(0,0,0,0.54)
}
.page_catalog_category .about_section .cover {
  float:right;
  width:20%;
  margin-left:10%;
  margin-right:10%
}
.page_catalog_category .subcategories li {
  padding-top:.357rem;
  padding-bottom:.357rem
}
.page_catalog_category .subcategories a {
  text-decoration:none
}
@media (min-width:768px) {
  .page_catalog_category .subcategories {
    position:relative;
    margin-top:4.286rem;
    margin-left:-1.43rem;
    margin-right:-1.43rem;
    padding:2.143rem;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd
  }
  .page_catalog_category .subcategories h2 {
    position:absolute;
    top:-15px;
    left:1.43rem;
    margin:0;
    padding-left:.714rem;
    padding-right:.714rem;
    line-height:2.143rem;
    background:#fff;
    color:rgba(0,0,0,0.54)
  }
}
@media (min-width:992px) {
  .page_catalog_category .subcategories {
    margin-left:-2.143rem;
    margin-right:-2.143rem
  }
}
@media (min-width:768px) {
  .page_catalog_category .cmp_article_list {
    padding-top:1.43rem
  }
  .page_catalog_category h2.title {
    clip:rect(1px, 1px, 1px, 1px);
    position:absolute !important;
    left:-2000px
  }
  .page_catalog_category h2.title:focus {
    background-color:#fff;
    border-radius:3px;
    box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
    -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
    clip:auto !important;
    color:#000;
    display:block;
    font-size:1rem;
    height:auto;
    line-height:normal;
    padding:1rem;
    position:absolute;
    left:0.5rem;
    top:0.5rem;
    text-decoration:none;
    width:auto;
    z-index:100000
  }
}
@media (min-width:992px) {
  .page_catalog_category .cmp_article_list {
    padding-top:2.143rem
  }
}
.page_contact .address,
.page_contact .phone,
.page_contact .email {
  margin-top:.714rem;
  margin-bottom:.714rem;
  font-size:.93rem
}
.page_contact .address {
  margin-top:0
}
.page_contact .address p {
  margin:0
}
.page_contact .label {
  display:block;
  font-weight:700
}
.page_contact .contact.support {
  margin-top:2.857rem
}
@media (min-width:768px) {
  .page_contact .contact_section:before,
  .page_contact .contact_section:after {
    content:" ";
    display:table
  }
  .page_contact .contact_section:after {
    clear:both
  }
  .page_contact .contact {
    float:left;
    width:50%
  }
  .page_contact .contact.primary {
    padding-right:1.43rem
  }
  .page_contact .contact.support {
    margin-top:0
  }
}
.page_issue_archive .issues_archive {
  margin-left:-0.714rem;
  margin-right:-0.714rem;
  border-top:1px solid #ddd
}
.page_issue_archive .issues_archive>li {
  padding:2.143rem .714rem;
  border-bottom:1px solid #ddd
}
@media (min-width:480px) {
  .page_issue_archive .issues_archive {
    margin-left:-1.43rem;
    margin-right:-1.43rem
  }
  .page_issue_archive .issues_archive>li {
    padding-left:1.43rem;
    padding-right:1.43rem
  }
}
@media (min-width:992px) {
  .page_issue_archive .issues_archive {
    margin-left:-2.143rem;
    margin-right:-2.143rem
  }
  .page_issue_archive .issues_archive>li {
    padding-left:2.143rem;
    padding-right:2.143rem
  }
}
.page_issue_archive .cmp_pagination {
  margin-top:1.43rem
}
.page_login .login {
  margin-bottom:0;
  max-width:17em
}
.page_login .login input[type="text"],
.page_login .login input[type="password"] {
  width:100%
}
.page_login .password a {
  font-size:.93rem;
  font-style:normal
}
.page_login .remember {
  padding-bottom:0
}
.page_login .remember .label {
  display:inline;
  font-style:normal
}
.page_login .buttons button {
  float:right
}
.page_login .buttons a {
  float:right;
  margin-right:1em;
  margin-left:0
}
.page_lost_password .lost_password {
  margin-bottom:0;
  max-width:17em
}
.page_lost_password .lost_password input[type="text"] {
  width:100%
}
.page_lost_password .pkp_form_error {
  margin:1.43rem 0;
  padding:.714rem;
  background:#ff4040;
  color:#fff;
  font-size:.93rem;
  font-weight:700
}
.page_lost_password .buttons:before,
.page_lost_password .buttons:after {
  content:" ";
  display:table
}
.page_lost_password .buttons:after {
  clear:both
}
.page_lost_password .buttons button {
  float:right
}
.page_lost_password .buttons a {
  float:right;
  font-size:.93rem;
  line-height:2.143rem;
  margin-right:1em
}
.page_register .required_label {
  font-size:.93rem;
  line-height:1.43rem;
  color:rgba(0,0,0,0.54);
  margin-bottom:1.43rem
}
.page_register .consent {
  margin-bottom:0
}
.page_register .fields .reviewer_interests {
  max-height:0;
  padding-bottom:0;
  overflow:hidden;
  opacity:0;
  transition:all .3s
}
.page_register .fields .reviewer_interests.is_visible {
  max-height:400px;
  overflow:visible;
  padding-bottom:2.143rem;
  opacity:1
}
.page_register .context_optin .contexts>li {
  margin-bottom:1em
}
.page_register .context_optin .contexts>li:last-child {
  margin-bottom:0
}
.page_register .context_optin .roles {
  padding:.357rem 0;
  margin-bottom:0
}
.page_register .context_optin .roles label {
  display:inline-block;
  margin-right:1em;
  font-size:.93rem;
  line-height:1.43rem
}
.page_register .context_optin .context_privacy {
  position:absolute;
  left:-9999px;
  padding:.357rem 0;
  font-size:.93rem;
  line-height:1.43rem
}
.page_register .context_optin .context_privacy_visible {
  position:relative;
  left:auto
}
.page_register #formErrors {
  margin:1.43rem 0;
  padding:.714rem;
  background:#ff4040;
  color:#fff
}
.page_register #formErrors .pkp_form_error {
  padding:0;
  font-size:.93rem;
  font-weight:bold;
  line-height:1.43rem
}
.page_register #formErrors .pkp_form_error_list {
  margin:0;
  padding-left:1.43rem;
  font-size:.93rem;
  line-height:1.43rem
}
.page_register #formErrors .pkp_form_error_list a {
  color:#fff
}
@media (min-width:768px) {
  .page_register .identity li {
    display:inline-block;
    padding-right:1em;
    max-width:13em
  }
}
@media (min-width:1200px) {
  .page_register .identity li {
    max-width:17em
  }
}
.pkp_op_register .ui-helper-hidden-accessible {
  clip:rect(1px, 1px, 1px, 1px);
  position:absolute !important;
  left:-2000px
}
.pkp_op_register .ui-helper-hidden-accessible:focus {
  background-color:#fff;
  border-radius:3px;
  box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
  -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
  clip:auto !important;
  color:#000;
  display:block;
  font-size:1rem;
  height:auto;
  line-height:normal;
  padding:.714rem;
  position:absolute;
  left:.357rem;
  top:.357rem;
  text-decoration:none;
  width:auto;
  z-index:100000
}
.pkp_op_register .ui-autocomplete {
  position:absolute !important
}
.page_search .search_input .query {
  width:100%;
  max-width:100%;
  height:calc(2.857rem - 2px);
  font-size:1.285rem;
  line-height:calc(2.857rem - 2px)
}
.page_search .search_advanced {
  border:1px solid #ddd;
  padding:0 1.43rem 1.43rem
}
.page_search .search_advanced legend {
  padding:.714rem 1.43rem;
  margin:0;
  font-weight:400
}
.page_search .search_advanced label {
  font-size:1rem;
  font-style:normal
}
.page_search .date_range legend {
  padding:0;
  font-size:1rem
}
.page_search .date_range label {
  clip:rect(1px, 1px, 1px, 1px);
  position:absolute !important;
  left:-2000px
}
.page_search .date_range label:focus {
  background-color:#fff;
  border-radius:3px;
  box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
  -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
  clip:auto !important;
  color:#000;
  display:block;
  font-size:1rem;
  height:auto;
  line-height:normal;
  padding:1rem;
  position:absolute;
  left:0.5rem;
  top:0.5rem;
  text-decoration:none;
  width:auto;
  z-index:100000
}
.page_search .date_range select+label+select {
  margin-left:0.25em
}
.page_search .date_range [name*="Year"] {
  width:6em
}
.page_search .date_range [name*="Day"] {
  width:4em
}
.page_search .date_range [name*="Month"] {
  width:10em
}
.page_search .label_contexts {
  margin-top:1.43rem
}
.page_search .submit {
  text-align:right
}
.page_search .submit button {
  position:relative;
  padding-right:3.2145rem;
  border-right:none;
  padding-right:1em;
  padding-left:3.2145rem;
  border-right:1px solid rgba(0,0,0,0.4);
  border-left:none
}
.page_search .submit button:after {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f002";
  position:absolute;
  top:-1px;
  right:0;
  width:2.143rem;
  height:2.143rem;
  border-top-right-radius:3px;
  border-bottom-right-radius:3px;
  line-height:2.143rem;
  text-align:center;
  background:#4b7d92;
  box-shadow:inset 0 -1em 1em rgba(0,0,0,0.2);
  color:#fff
}
.page_search .submit button:hover:after,
.page_search .submit button:focus:after {
  box-shadow:inset 0 1em 1em rgba(0,0,0,0.2);
  background:#6298ae
}
.page_search .submit button:after {
  right:auto;
  left:0;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  border-top-left-radius:3px;
  border-bottom-left-radius:3px
}
.page_search .submit button:after {
  right:auto;
  left:0
}
.page_search .search_results {
  margin:2.857rem 0;
  padding:0;
  list-style:none
}
.page_search .search_results .obj_article_summary {
  margin:1.43rem 0
}
.page_search .cmp_pagination {
  margin-top:1.43rem;
  font-size:.93rem;
  line-height:1.43rem;
  color:rgba(0,0,0,0.54);
  text-align:right
}
.page_search .cmp_pagination a {
  padding-left:0.5em;
  padding-right:0.5em
}
@media (min-width:768px) {
  .page_search .search_advanced:before,
  .page_search .search_advanced:after {
    content:" ";
    display:table
  }
  .page_search .search_advanced:after {
    clear:both
  }
  .page_search .date_range {
    float:left;
    width:50%
  }
  .page_search .date_range .to fieldset {
    margin-bottom:0
  }
  .page_search .author {
    float:right;
    width:50%
  }
}
.page_section .section_description {
  margin-bottom:2em
}
.header_view {
  z-index:2;
  position:relative;
  background:#4b7d92
}
.header_view a {
  line-height:2.143rem;
  text-decoration:none
}
.header_view .return {
  position:absolute;
  top:0;
  left:0;
  width:2.143rem;
  height:2.143rem;
  line-height:2.143rem;
  background:#fff;
  color:#4b7d92;
  text-align:center
}
.header_view .return:before {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f060"
}
.header_view .return:hover,
.header_view .return:focus {
  background:#6298ae;
  color:#fff
}
.header_view .title {
  display:block;
  padding-left:2.857rem;
  max-width:100%;
  overflow-x:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.93rem;
  color:#fff
}
.header_view .title:hover,
.header_view .title:focus {
  background:#6298ae
}
.header_view .download {
  display:block;
  position:absolute;
  top:0;
  right:0;
  width:2.143rem;
  background:#fff;
  text-align:center
}
.header_view .download:hover,
.header_view .download:focus {
  background:#6298ae;
  color:#fff
}
.header_view .download:before {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f019"
}
.header_view .download .label {
  display:none
}
@media (min-width:768px) {
  .header_view .title {
    font-size:1rem
  }
  .header_view .download {
    width:auto;
    padding:0 1.43rem
  }
  .header_view .download .label {
    display:inline-block
  }
  .header_view .download .pkp_screen_reader,
  .header_view .download .pkp_page_index .cmp_announcements h2 {
    display:none
  }
}
.galley_view {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  overflow-y:hidden
}
.galley_view iframe {
  width:100%;
  height:100%;
  padding-top:2.143rem;
  border:none
}
.galley_view.galley_view_with_notice iframe {
  padding-top:6.429rem
}
.galley_view .galley_view_notice {
  position:absolute;
  top:2.143rem;
  width:100%;
  height:4.286rem;
  background:#ff4040
}
.galley_view .galley_view_notice_message {
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  transform:translate(-50%, -50%);
  color:#fff;
  font-weight:700;
  text-align:center
}
.galley_view .galley_view_notice_message a {
  color:#fff;
  text-decoration:underline
}
.obj_announcement_full h1 {
  margin:0
}
.obj_announcement_full .date {
  margin:16px 0;
  color:rgba(0,0,0,0.54)
}
.obj_announcement_full .date:before {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f073";
  margin-right:0.5em;
  color:#ddd
}
.obj_announcement_full .description {
  margin-top:2.857rem
}
.obj_announcement_full .description p:first-child {
  margin-top:0
}
.obj_announcement_full .description p:last-child {
  margin-bottom:0
}
.obj_announcement_summary h2,
.obj_announcement_summary h3,
.obj_announcement_summary h4 {
  margin:0;
  font-size:1rem;
  line-height:1.43rem
}
.obj_announcement_summary h2 a,
.obj_announcement_summary h3 a,
.obj_announcement_summary h4 a {
  text-decoration:none
}
.obj_announcement_summary .date {
  font-size:.93rem;
  line-height:1.785rem;
  color:rgba(0,0,0,0.54)
}
.obj_announcement_summary .date:before {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f073";
  margin-right:0.5em;
  font-size:1rem;
  color:#ddd
}
.obj_announcement_summary .summary {
  font-size:.93rem;
  line-height:1.43rem;
  margin-top:.714rem
}
.obj_announcement_summary .summary p:first-child {
  margin-top:0
}
.obj_announcement_summary .summary p:last-child {
  margin-bottom:0
}
.obj_announcement_summary .read_more {
  display:inline-block;
  position:relative;
  padding-right:2.143rem;
  font-size:.93rem;
  font-weight:700;
  line-height:2.143rem;
  color:#4b7d92;
  text-decoration:none
}
.obj_announcement_summary .read_more:after {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f054";
  position:absolute;
  top:2px;
  right:0;
  width:2.143rem;
  height:2.143rem;
  line-height:2.143rem;
  text-align:center
}
.obj_announcement_summary .read_more:hover,
.obj_announcement_summary .read_more:focus {
  color:#6298ae
}
.obj_article_details>.page_title {
  margin:0
}
.obj_article_details>.subtitle {
  margin:0;
  font-size:1rem;
  line-height:2.143rem;
  font-weight:400
}
.obj_article_details .row {
  margin-top:2.143rem
}
.obj_article_details .item {
  padding-top:1.43rem;
  padding-bottom:1.43rem
}
.obj_article_details .item>*:first-child {
  margin-top:0
}
.obj_article_details .item>*:last-child {
  margin-bottom:0
}
.obj_article_details .item>h2+p {
  margin-top:0
}
.obj_article_details .sub_item {
  margin-bottom:1.43rem
}
.obj_article_details .sub_item:last-child {
  margin-bottom:0
}
.obj_article_details .main_entry .item .label {
  margin:0 0 1.43rem;
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:1.143rem;
  font-weight:700
}
.obj_article_details .main_entry .item.doi .label,
.obj_article_details .main_entry .item.keywords .label {
  display:inline;
  font-size:1rem
}
.obj_article_details .main_entry .sub_item .label {
  font-size:1rem
}
.obj_article_details .authors li {
  margin-bottom:.714rem
}
.obj_article_details .authors .name {
  font-weight:bold;
  display:block
}
.obj_article_details .authors .userGroup {
  display:block
}
.obj_article_details .authors .orcid {
  display:block;
  font-size:.93rem;
  line-height:1.43rem
}
.obj_article_details .authors .orcid a {
  vertical-align:middle
}
.obj_article_details .authors .orcid_icon {
  width:1.43rem;
  height:1.43rem
}
.obj_article_details .authors .affiliation {
  font-size:.93rem;
  color:rgba(0,0,0,0.54)
}
.obj_article_details .author_bios .sub_item .label {
  margin-bottom:0
}
.obj_article_details .author_bios .sub_item .value>p:first-child {
  margin-top:0
}
.obj_article_details .item.doi,
.obj_article_details .item.keywords {
  padding-top:0
}
.obj_article_details .galleys_links {
  display:flex;
  flex-flow:row nowrap;
  justify-content:start
}
.obj_article_details .galleys_links li {
  margin-inline-end:1rem
}
.obj_article_details .supplementary_galleys_links {
  margin-top:.714rem
}
.obj_article_details .copyright {
  font-size:.93rem;
  line-height:1.43rem
}
.obj_article_details .copyright a[rel="license"]+p {
  margin-top:0
}
.obj_article_details .entry_details {
  margin-left:-1.43rem;
  margin-right:-1.43rem;
  border-top:1px solid #ddd
}
.obj_article_details .entry_details .item {
  padding:1.43rem;
  border-bottom:1px solid #ddd;
  word-wrap:break-word
}
.obj_article_details .entry_details .item:last-child {
  border-bottom:none
}
.obj_article_details .entry_details .item .label {
  margin:0;
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:.93rem;
  font-weight:400;
  color:rgba(0,0,0,0.54)
}
.obj_article_details .categories {
  margin:0;
  padding:0;
  list-style:none
}
.obj_article_details .versions ul {
  margin:0;
  padding:0;
  list-style:none
}
.obj_article_details .citation_display .value {
  font-size:.93rem
}
.obj_article_details .citation_display .csl-left-margin {
  display:none
}
.obj_article_details .citation_display [aria-hidden="true"] {
  display:none
}
.obj_article_details .citation_display .citation_formats {
  margin-top:1em;
  border:1px solid rgba(0,0,0,0.4);
  border-radius:3px
}
.obj_article_details .citation_display .citation_formats_button {
  position:relative;
  background:transparent;
  border:none;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  box-shadow:none;
  padding:0 1em;
  width:100%;
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-weight:400;
  color:rgba(0,0,0,0.54);
  text-align:left
}
.obj_article_details .citation_display .citation_formats_button:after {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f0d7";
  position:absolute;
  top:50%;
  right:1em;
  transform:translateY(-50%)
}
.obj_article_details .citation_display .citation_formats_button[aria-expanded="true"]:after {
  content:"\f0d8"
}
.obj_article_details .citation_display .citation_formats_button:focus {
  background:#ddd;
  outline:0
}
.obj_article_details .citation_display .citation_formats_styles {
  margin:0;
  padding:0;
  list-style:none
}
.obj_article_details .citation_display .citation_formats_styles a {
  display:block;
  padding:.5em 1em;
  border-bottom:1px solid #ddd;
  text-decoration:none
}
.obj_article_details .citation_display .citation_formats_styles a:focus {
  background:#ddd;
  outline:0
}
.obj_article_details .citation_display .citation_formats_styles li:last-child a {
  border-bottom:none
}
.obj_article_details .citation_display .citation_formats_list .label {
  padding:1em 1em .25em 1em
}
.obj_article_details .citation_display .citation_formats_styles+.label {
  border-top:1px solid #ddd
}
.obj_article_details .citation_display span {
  margin-right:0.5em
}
@media (min-width:480px) {
  .obj_article_details .entry_details {
    margin-left:-2.143rem;
    margin-right:-2.143rem
  }
}
@media (min-width:768px) {
  .obj_article_details .row {
    margin-left:-1.43rem;
    margin-right:-1.43rem;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd
  }
  .obj_article_details .main_entry {
    float:left;
    width:428px;
    border-right:1px solid #ddd
  }
  .obj_article_details .item {
    padding:1.43rem
  }
  .obj_article_details .item .label {
    margin:0 0 1.43rem;
    font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
    font-size:1.143rem;
    font-weight:700
  }
  .obj_article_details .item.doi .label,
  .obj_article_details .item.keywords .label {
    display:inline;
    font-size:1rem
  }
  .obj_article_details .entry_details {
    float:left;
    width:300px;
    margin:0 0 0 -1px;
    border-top:none;
    border-left:1px solid #ddd
  }
  .obj_article_details .entry_details .item {
    margin-right:-1px;
    border-bottom:1px solid #ddd
  }
  .obj_article_details .entry_details .item:last-child {
    border-bottom:none
  }
}
@media (min-width:992px) {
  .obj_article_details .row {
    margin-left:-2.143rem;
    margin-right:-2.143rem
  }
  .obj_article_details .main_entry {
    width:352px
  }
  .obj_article_details .item {
    padding:2.143rem
  }
}
@media (min-width:1200px) {
  .obj_article_details .main_entry {
    width:560px
  }
}
.obj_article_summary:before,
.obj_article_summary:after {
  content:" ";
  display:table
}
.obj_article_summary:after {
  clear:both
}
.obj_article_summary .cover {
  display:block;
  margin-bottom:1.43rem
}
.obj_article_summary .cover img {
  display:block;
  max-height:250px;
  width:auto
}
.obj_article_summary>.title {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:1rem;
  line-height:1.43rem;
  font-weight:700;
  border-bottom:none;
  margin:0
}
.obj_article_summary>.title a {
  text-decoration:none
}
.obj_article_summary .subtitle {
  display:block;
  margin-top:0.25em;
  margin-bottom:0.5em;
  font-weight:400;
  color:rgba(0,0,0,0.54)
}
.obj_article_summary .meta {
  position:relative;
  padding-top:.357rem;
  font-size:.93rem;
  line-height:1.43rem
}
.obj_article_summary .pages,
.obj_article_summary .published {
  color:rgba(0,0,0,0.54)
}
.obj_article_summary .galleys_links {
  margin-top:.714rem;
  display:flex;
  flex-flow:row nowrap;
  justify-content:start
}
.obj_article_summary .galleys_links li {
  margin-inline-end:1rem
}
.obj_article_summary .galleys_links li:last-child {
  margin-inline-end:0
}
@media (min-width:768px) {
  .obj_article_summary .authors {
    padding-right:5em
  }
  .obj_article_summary .pages {
    position:absolute;
    top:0;
    right:0;
    line-height:2.143rem
  }
  .obj_article_summary .cover {
    float:left;
    width:25%;
    height:auto;
    max-height:none;
    margin-right:1.43rem
  }
}
@media (min-width:992px) {
  .obj_article_summary .cover {
    margin-right:2.143rem;
    margin-bottom:2.143rem
  }
  .obj_article_summary .cover img {
    max-height:none
  }
}
.obj_galley_link:before {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f0f6";
  margin-right:0.25em
}
.obj_galley_link.pdf:before {
  content:"\f1c1"
}
.obj_galley_link.restricted {
  border-color:#d00a6c;
  color:#d00a6c
}
.obj_galley_link.restricted:before {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f023";
  color:#d00a6c
}
.obj_galley_link.restricted:hover,
.obj_galley_link.restricted:focus {
  background:#d00a6c;
  color:#fff
}
.obj_galley_link.restricted:hover:before,
.obj_galley_link.restricted:focus:before {
  color:#fff
}
.obj_galley_link_supplementary {
  display:inline-block;
  position:relative;
  padding-right:2.143rem;
  font-size:.93rem;
  font-weight:700;
  line-height:2.143rem;
  color:#4b7d92;
  text-decoration:none;
  padding-right:0;
  padding-left:1.43rem
}
.obj_galley_link_supplementary:after {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f0f6";
  position:absolute;
  top:2px;
  right:0;
  width:2.143rem;
  height:2.143rem;
  line-height:2.143rem;
  text-align:center
}
.obj_galley_link_supplementary:hover,
.obj_galley_link_supplementary:focus {
  color:#6298ae
}
.obj_galley_link_supplementary:after {
  right:auto;
  left:0;
  text-align:left
}
.obj_issue_summary h2 {
  margin:0;
  font-size:1rem;
  line-height:1.43rem;
  font-weight:400
}
.obj_issue_summary .cover {
  display:block;
  margin-bottom:1.43rem
}
.obj_issue_summary .cover img {
  display:block;
  width:auto;
  max-height:250px
}
.obj_issue_summary .title {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-weight:700;
  text-decoration:none
}
.obj_issue_summary .series {
  margin-bottom:.357rem;
  color:rgba(0,0,0,0.54)
}
.obj_issue_summary .description {
  font-size:.93rem;
  line-height:1.43rem
}
.obj_issue_summary .description p:first-child {
  margin-top:0
}
.obj_issue_summary .description p:last-child {
  margin-bottom:0
}
@media (min-width:768px) {
  .obj_issue_summary:before,
  .obj_issue_summary:after {
    content:" ";
    display:table
  }
  .obj_issue_summary:after {
    clear:both
  }
  .obj_issue_summary .cover {
    float:left;
    width:25%;
    height:auto;
    margin-right:1.43rem
  }
  .obj_issue_summary .cover img {
    max-height:auto
  }
}
.obj_issue_toc .cover {
  display:block;
  margin-bottom:1.43rem
}
.obj_issue_toc .cover img {
  display:block;
  max-height:250px;
  width:auto
}
.obj_issue_toc .description>*:first-child {
  margin-top:0
}
.obj_issue_toc .description>*:last-child {
  margin-bottom:0
}
.obj_issue_toc .pub_id {
  margin:1.43rem 0
}
.obj_issue_toc .pub_id .type {
  font-weight:700
}
.obj_issue_toc .published {
  margin:1.43rem 0
}
.obj_issue_toc .published .label {
  font-weight:700
}
.obj_issue_toc .articles {
  margin-top:calc(2.143rem + 1.43rem)
}
.obj_issue_toc h2+.articles,
.obj_issue_toc h3+.articles {
  margin-top:0
}
.obj_issue_toc .sections:not(:first-child) {
  margin-top:4.286rem
}
.obj_issue_toc .section:last-child .articles>li:last-child {
  margin-bottom:0
}
.obj_issue_toc .galleys_links {
  margin-top:.714rem;
  display:flex;
  flex-flow:row nowrap;
  justify-content:start
}
.obj_issue_toc .galleys_links li {
  margin-inline-end:1rem
}
.obj_issue_toc .galleys_links li:last-child {
  margin-inline-end:0
}
@media (min-width:768px) {
  .obj_issue_toc .heading:before,
  .obj_issue_toc .heading:after {
    content:" ";
    display:table
  }
  .obj_issue_toc .heading:after {
    clear:both
  }
  .obj_issue_toc .cover {
    float:left;
    width:25%;
    height:auto;
    max-height:none;
    margin-right:1.43rem
  }
  .obj_issue_toc .galleys,
  .obj_issue_toc .section {
    position:relative;
    margin:2.143rem -1.43rem;
    padding:2.143rem
  }
  .obj_issue_toc .galleys:before,
  .obj_issue_toc .section:before {
    content:'';
    position:absolute;
    top:45px;
    left:0;
    width:100%;
    border-top:1px solid #ddd
  }
  .obj_issue_toc .galleys>h2,
  .obj_issue_toc .section>h2,
  .obj_issue_toc .galleys>h3,
  .obj_issue_toc .section>h3 {
    display:inline-block;
    position:relative;
    left:-15px;
    margin-top:0;
    padding:0 1.0715rem;
    background:#fff;
    font-size:1.143rem;
    font-weight:400;
    line-height:2.143rem;
    color:rgba(0,0,0,0.54)
  }
}
@media (min-width:992px) {
  .obj_issue_toc .galleys,
  .obj_issue_toc .section {
    margin:2.143rem -2.143rem
  }
  .obj_issue_toc .cover {
    margin-right:2.143rem;
    margin-bottom:2.143rem
  }
  .obj_issue_toc .cover img {
    max-height:none
  }
}
.pkp_block {
  padding:2.143rem 1.43rem;
  font-size:1rem;
  line-height:1.43rem
}
.pkp_block .title {
  display:block;
  margin-bottom:.714rem;
  margin-top:0;
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:1.143rem;
  font-weight:700;
  line-height:1.43rem;
  color:rgba(0,0,0,0.54)
}
.pkp_block .content ul li {
  line-height:1.43rem;
  padding:.357rem 0
}
.pkp_block .content p {
  line-height:1.785rem
}
.pkp_block .content p:first-child {
  margin-top:0
}
.pkp_block .content p:last-child {
  margin-bottom:0
}
.pkp_block a {
  text-decoration:none
}
@media (min-width:992px) {
  .pkp_block {
    padding:2.143rem
  }
}
.block_browse {
  font-size:.93rem
}
.block_browse .has_submenu {
  margin-top:1.43rem;
  font-size:.93rem;
  font-weight:700;
  color:rgba(0,0,0,0.54)
}
.block_browse .has_submenu ul {
  margin-top:calc(.357rem - 1px);
  padding-top:.357rem;
  font-weight:400
}
.block_browse .is_sub {
  margin-left:.714rem
}
.block_browse .current a {
  padding-left:0.5em;
  border-left:4px solid #ddd;
  color:rgba(0,0,0,0.54);
  cursor:text
}
.block_information a,
.block_language_toggle a {
  font-size:.93rem
}
.block_subscription .subscription_name {
  margin-bottom:0;
  font-weight:700
}
.block_subscription .subscription_membership {
  margin-top:0
}
.pkp_structure_footer_wrapper {
  background:#ddd
}
.pkp_structure_footer {
  text-align:center
}
.pkp_footer_content {
  padding:2.143rem;
  text-align:left
}
.pkp_brand_footer {
  padding:2.143rem
}
.pkp_brand_footer:before,
.pkp_brand_footer:after {
  content:" ";
  display:table
}
.pkp_brand_footer:after {
  clear:both
}
.pkp_brand_footer a {
  float:right;
  display:block;
  max-width:150px
}
body[dir="rtl"] {
  direction:rtl;
  unicode-bidi:embed
}
@media (min-width:768px) {
  body[dir="rtl"] .pkp_structure_main:before {
    left:auto;
    right:0
  }
  body[dir="rtl"] .pkp_structure_main:after {
    left:auto;
    right:728px
  }
}
@media (min-width:992px) {
  body[dir="rtl"] .pkp_structure_main {
    float:right
  }
  body[dir="rtl"] .pkp_structure_main:after {
    left:auto;
    right:652px
  }
  body[dir="rtl"] .pkp_structure_sidebar {
    float:left
  }
  body[dir="rtl"] .pkp_navigation_search_wrapper {
    float:left;
    text-align:left
  }
}
@media (min-width:1200px) {
  body[dir="rtl"] .pkp_structure_main:after {
    left:auto;
    right:860px
  }
}
@media (min-width:992px) {
  body[dir="rtl"] .pkp_site_name {
    text-align:right
  }
}
body[dir="rtl"] .pkp_navigation_primary ul {
  text-align:right
}
body[dir="rtl"] .pkp_navigation_user {
  text-align:left
}
body[dir="rtl"] .pkp_navigation_user li {
  text-align:right
}
body[dir="rtl"] .pkp_screen_reader,
body[dir="rtl"] .cmp_skip_to_content a,
body[dir="rtl"] .pkp_page_index .journals h2,
body[dir="rtl"] .pkp_page_index .cmp_announcements h2,
body[dir="rtl"] .page_register .context_optin .roles legend,
body[dir="rtl"] .pkp_page_index .cmp_announcements h2 {
  left:auto;
  right:-2000px
}
body[dir="rtl"] .pkp_screen_reader:focus,
body[dir="rtl"] .cmp_skip_to_content a:focus,
body[dir="rtl"] .pkp_page_index .journals h2:focus,
body[dir="rtl"] .pkp_page_index .cmp_announcements h2:focus,
body[dir="rtl"] .page_register .context_optin .roles legend:focus,
body[dir="rtl"] .pkp_page_index .cmp_announcements h2:focus {
  right:50%
}
body[dir="rtl"] .obj_announcement_summary .date:before {
  margin-right:0;
  margin-left:0.5em
}
body[dir="rtl"] .obj_issue_toc .galleys_links li {
  margin-right:inherit;
  margin-left:1em
}
@media (min-width:768px) {
  body[dir="rtl"] .obj_issue_toc .galleys h2,
  body[dir="rtl"] .obj_issue_toc .section h2 {
    left:auto;
    right:1.0715rem
  }
  body[dir="rtl"] .obj_issue_toc .cover {
    float:right;
    margin-right:inherit;
    margin-left:1.43rem
  }
}
@media (min-width:992px) {
  body[dir="rtl"] .obj_issue_toc .cover {
    margin-right:inherit;
    margin-left:2.143rem
  }
}
@media (min-width:768px) {
  body[dir="rtl"] .obj_issue_summary .cover {
    float:right;
    margin-right:inherit;
    margin-left:1.43rem
  }
}
@media (min-width:768px) {
  body[dir="rtl"] .obj_article_summary {
    padding-right:0;
    padding-left:5em
  }
}
@media (min-width:768px) {
  body[dir="rtl"] .galleys h2,
  body[dir="rtl"] .section h2 {
    left:auto;
    right:1.0715rem
  }
  body[dir="rtl"] .cover {
    float:right;
    margin-right:inherit;
    margin-left:1.43rem
  }
}
@media (min-width:992px) {
  body[dir="rtl"] .cover {
    margin-right:inherit;
    margin-left:2.143rem
  }
}
@font-face {
  font-family:'Noto Serif';
  font-style:normal;
  font-weight:400;
  src:url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot');
  src:local(''),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#NotoSerif') format('svg');
  font-display:swap
}
@font-face {
  font-family:'Noto Serif';
  font-style:italic;
  font-weight:400;
  src:url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot');
  src:local(''),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot?#iefix') format('embedded-opentype'),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff') format('woff'),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.ttf') format('truetype'),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.svg#NotoSerif') format('svg');
  font-display:swap
}
@font-face {
  font-family:'Noto Serif';
  font-style:normal;
  font-weight:700;
  src:url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot');
  src:local(''),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#NotoSerif') format('svg');
  font-display:swap
}
@font-face {
  font-family:'Noto Serif';
  font-style:italic;
  font-weight:700;
  src:url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.eot');
  src:local(''),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.eot?#iefix') format('embedded-opentype'),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2') format('woff2'),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff') format('woff'),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.ttf') format('truetype'),
  url('//jtech.onlinelibrary.id/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.svg#NotoSerif') format('svg');
  font-display:swap
}
@font-face {
  font-family:'Montserrat';
  font-style:normal;
  font-weight:400;
  src:url('//jtech.onlinelibrary.id/plugins/themes/defaultManuscript/fonts/montserrat-v15-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.eot');
  src:local(''),
  url('//jtech.onlinelibrary.id/plugins/themes/defaultManuscript/fonts/montserrat-v15-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'),
  url('//jtech.onlinelibrary.id/plugins/themes/defaultManuscript/fonts/montserrat-v15-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2') format('woff2'),
  url('//jtech.onlinelibrary.id/plugins/themes/defaultManuscript/fonts/montserrat-v15-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff') format('woff'),
  url('//jtech.onlinelibrary.id/plugins/themes/defaultManuscript/fonts/montserrat-v15-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf') format('truetype'),
  url('//jtech.onlinelibrary.id/plugins/themes/defaultManuscript/fonts/montserrat-v15-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Montserrat') format('svg')
}
@font-face {
  font-family:'Montserrat';
  font-style:normal;
  font-weight:700;
  src:url('//jtech.onlinelibrary.id/plugins/themes/defaultManuscript/fonts/montserrat-v15-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.eot');
  src:local(''),
  url('//jtech.onlinelibrary.id/plugins/themes/defaultManuscript/fonts/montserrat-v15-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'),
  url('//jtech.onlinelibrary.id/plugins/themes/defaultManuscript/fonts/montserrat-v15-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff2') format('woff2'),
  url('//jtech.onlinelibrary.id/plugins/themes/defaultManuscript/fonts/montserrat-v15-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff') format('woff'),
  url('//jtech.onlinelibrary.id/plugins/themes/defaultManuscript/fonts/montserrat-v15-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.ttf') format('truetype'),
  url('//jtech.onlinelibrary.id/plugins/themes/defaultManuscript/fonts/montserrat-v15-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Montserrat') format('svg')
}
html,
body {
  background:#ddd
}
.pkp_structure_page {
  margin:0 auto;
  max-width:1160px;
  background:#fff;
  box-shadow:0 0 10px rgba(0,0,0,0.1)
}
@media (min-width:1200px) {
  .pkp_structure_page {
    margin-top:2.143rem;
    margin-bottom:2.143rem
  }
}
.pkp_structure_footer_wrapper {
  background:rgba(0,0,0,0.05);
  border-top:1px solid #ddd;
  border-bottom:1.43rem solid #1e40af
}
.pkp_structure_main:before,
.pkp_structure_main:after {
  display:none
}
.pkp_structure_content {
  padding-top:0
}
@media (min-width:992px) {
  .pkp_structure_sidebar:before {
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:300px;
    border-left:1px solid #ddd
  }
  .pkp_structure_sidebar>* {
    position:relative
  }
}
@media (min-width:992px) {
  .pkp_structure_main:first-child:last-child {
    float:none;
    margin-left:auto;
    margin-right:auto;
    margin-top:2.857rem
  }
  .pkp_structure_main:first-child:last-child:before {
    left:150px
  }
  .pkp_structure_main:first-child:last-child:after {
    left:auto;
    right:150px
  }
}
.cmp_manuscript_button,
.block_make_submission a,
.obj_galley_link {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-weight:700;
  text-transform:uppercase;
  background:#1e40af;
  color:#fff;
  border:none
}
.cmp_manuscript_button:hover,
.cmp_manuscript_button:focus,
.block_make_submission a:hover,
.block_make_submission a:focus,
.obj_galley_link:hover,
.obj_galley_link:focus {
  background:#fff
}
.cmp_breadcrumbs {
  padding:2.143rem 0;
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:.93rem;
  color:rgba(0,0,0,0.54);
  text-transform:uppercase
}
.cmp_breadcrumbs>ol {
  padding:0;
  margin:0
}
.cmp_breadcrumbs .current {
  text-transform:none
}
.cmp_breadcrumbs .current h1 {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif
}
.cmp_breadcrumbs .separator {
  padding:0 .1em;
  opacity:0.3
}
.cmp_pagination {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif
}
.cmp_pagination a {
  font-weight:700;
  text-transform:uppercase
}
.cmp_pagination .prev:before {
  content:"\f053"
}
.cmp_pagination .next:after {
  content:"\f054"
}
.cmp_announcements {
  border:none
}
.cmp_announcements>li {
  border-bottom:none
}
.cmp_announcements .obj_announcement_summary h2,
.cmp_announcements .obj_announcement_summary h3,
.cmp_announcements .obj_announcement_summary h4,
.cmp_announcements .date,
.cmp_announcements .read_more {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:.93rem;
  font-weight:700
}
.cmp_announcements .read_more {
  text-transform:uppercase
}
.cmp_announcements .date {
  font-weight:400
}
.cmp_announcements .date:before {
  color:#fff
}
.cmp_notification {
  background:#fff;
  border-top:1px solid #ddd;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd
}
.pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper {
  position:relative;
  padding-top:0
}
.pkp_site_name_wrapper {
  background:#1e40af
}
.pkp_site_name_wrapper {
  padding-left:2.143rem;
  padding-right:2.143rem
}
.pkp_site_name .is_text {
  font-size:1rem;
  text-transform:uppercase
}
@media (min-width:992px) {
  .pkp_site_name {
    width:75%;
    margin-left:0;
    padding-top:1.071rem;
    padding-bottom:1.071rem
  }
  .pkp_site_name .is_text {
    font-size:1.285rem
  }
}
@media (min-width:992px) {
  .pkp_navigation_primary_row {
    background:#fff;
    padding-left:2.143rem;
    padding-right:2.143rem
  }
}
.pkp_navigation_primary_wrapper {
  width:auto
}
#navigationPrimary a {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:.93rem;
  font-weight:700;
  text-transform:uppercase
}
#navigationPrimary>li>a {
  padding-bottom:6px;
  border-bottom-width:4px
}
#navigationPrimary>li>a:hover,
#navigationPrimary>li>a:focus {
  border-color:#1e40af
}
#navigationPrimary>[aria-haspopup]>a:hover,
#navigationPrimary>[aria-haspopup]>a:focus {
  border-color:transparent
}
#navigationPrimary [aria-expanded="true"]:before {
  border-bottom-color:#1e40af
}
@media (min-width:992px) {
  #navigationPrimary a {
    color:rgba(0,0,0,0.54)
  }
  #navigationPrimary a:hover,
  #navigationPrimary a:focus {
    color:#1e40af
  }
  #navigationPrimary ul {
    background:#1e40af
  }
  #navigationPrimary ul a {
    color:#fff
  }
  #navigationPrimary ul a:hover,
  #navigationPrimary ul a:focus {
    border-color:transparent
  }
}
.pkp_navigation_search_wrapper a {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:.93rem;
  font-weight:700;
  text-transform:uppercase
}
@media (min-width:992px) {
  .pkp_navigation_search_wrapper a {
    padding-bottom:6px;
    border-bottom-width:4px;
    color:#4b7d92
  }
  .pkp_navigation_search_wrapper a:hover,
  .pkp_navigation_search_wrapper a:focus {
    color:#4b7d92;
    border-color:#1e40af
  }
}
.pkp_navigation_user_wrapper a {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:.93rem;
  font-weight:700
}
@media (min-width:992px) {
  .pkp_navigation_user_wrapper {
    top:13px;
    right:0;
    left:auto;
    width:25%;
    transform:none;
    padding-right:2.143rem
  }
  .pkp_navigation_user_wrapper a {
    color:rgba(0,0,0,0.54)
  }
  .pkp_navigation_user_wrapper ul a:hover,
  .pkp_navigation_user_wrapper ul a:focus {
    border-color:#1e40af
  }
  .pkp_navigation_user_wrapper .pkp_navigation_user {
    margin-right:0;
    padding-right:0;
    width:auto
  }
  .pkp_navigation_primary>li:hover ul {
    position:absolute;
    transform:translate3d(6px, 40px, 0px);
    top:0;
    left:0;
    will-change:transform
  }
  .pkp_navigation_user>li>a {
    color:#fff
  }
}
.pkp_block .title {
  display:inline-block;
  padding-bottom:0.5em;
  border-bottom:3px solid #fff;
  font-weight:700;
  text-transform:uppercase
}
.pkp_page_index .homepage_image {
  margin-top:-1px
}
.pkp_page_index .cmp_announcements {
  border:none
}
@media (min-width:768px) {
  .pkp_page_index .cmp_announcements>.more:before,
  .pkp_page_index .cmp_announcements>.obj_announcement_summary:before {
    display:none
  }
}
@media (min-width:992px) {
  .pkp_page_index .cmp_announcements h2+.obj_announcement_summary,
  .pkp_page_index .cmp_announcements .more {
    padding-top:80px;
    padding-bottom:80px
  }
  .pkp_page_index .cmp_announcements .more .obj_announcement_summary {
    padding-top:0;
    padding-bottom:0;
    margin-bottom:1.43rem
  }
  .pkp_page_index .cmp_announcements .more .obj_announcement_summary:last-child {
    margin-bottom:0
  }
}
@media (min-width:1200px) {
  .pkp_page_index .cmp_announcements {
    border-bottom:1px solid #ddd
  }
  .pkp_page_index .cmp_announcements>.more:before,
  .pkp_page_index .cmp_announcements>.obj_announcement_summary:before {
    display:block
  }
}
.pkp_page_index .current_issue h2 {
  display:inline-block;
  padding-bottom:0.5em;
  border-bottom:3px solid #fff;
  text-transform:uppercase;
  font-weight:700;
  color:rgba(0,0,0,0.54)
}
.pkp_page_index .current_issue .current_issue_title {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:1.143rem
}
.pkp_page_index .current_issue .sections {
  margin-top:1.43rem
}
.pkp_page_index .current_issue .read_more {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-weight:700;
  text-transform:uppercase
}
.pkp_structure_main:first-child:last-child .cmp_announcements {
  border-bottom:none
}
.pkp_structure_main:first-child:last-child .cmp_announcements>.more:before,
.pkp_structure_main:first-child:last-child .cmp_announcements>.obj_announcement_summary:before {
  display:none
}
.pkp_structure_main:first-child:last-child .additional_content {
  border-top:none
}
.page_announcement {
  margin-top:2.143rem
}
.page_issue_archive .issues_archive,
.page_issue_archive .issues_archive>li {
  border:none
}
.page_search .search_advanced {
  margin-top:.714rem
}
.page_search .search_advanced>legend {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase
}
.header_view {
  background:#1e40af;
  color:#fff
}
.header_view .title {
  color:#fff
}
.header_view .title:hover,
.header_view .title:focus {
  background:#1e40af;
  color:#fff;
  text-decoration:underline
}
.obj_issue_toc .heading .pub_id,
.obj_issue_toc .heading .published {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:.93rem
}
.obj_issue_toc .heading .pub_id .type,
.obj_issue_toc .heading .published .label {
  font-weight:700;
  color:rgba(0,0,0,0.54);
  text-transform:uppercase
}
.obj_issue_toc .heading .pub_id .id,
.obj_issue_toc .heading .published .value {
  margin-left:0.5em
}
.obj_issue_toc .heading .pub_id .id a {
  color:rgba(0,0,0,0.87);
  text-decoration:none
}
.obj_issue_toc .heading .pub_id .id a:hover,
.obj_issue_toc .heading .pub_id .id a:focus {
  color:#6298ae;
  text-decoration:underline
}
.obj_issue_toc>.galleys,
.obj_issue_toc .section {
  margin:0;
  padding:0;
  border:none
}
.obj_issue_toc>.galleys:before,
.obj_issue_toc .section:before {
  display:none
}
.obj_issue_toc>.galleys h2,
.obj_issue_toc .section h2 {
  position:relative;
  display:inline-block;
  top:auto;
  left:auto;
  padding:0 0 .357rem;
  border-bottom:3px solid #fff;
  background:transparent;
  text-transform:uppercase;
  font-weight:700
}
.obj_issue_toc .galleys_links li {
  margin-bottom:0.5em
}
.obj_issue_toc .pages {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif
}
.obj_issue_toc .cover img {
  margin-left:auto;
  margin-right:auto
}
.obj_issue_summary .series {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif
}
.obj_galley_link.restricted {
  border-color:#ddd;
  background:#ddd;
  color:rgba(0,0,0,0.54)
}
.obj_galley_link.restricted:before {
  color:rgba(0,0,0,0.54)
}
.obj_galley_link.restricted:hover,
.obj_galley_link.restricted:focus {
  background:rgba(0,0,0,0.54)
}
.obj_article_summary .subtitle {
  font-family:"Noto Serif",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size:.93rem
}
.obj_article_details .subtitle {
  font-family:"Noto Serif",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif
}
.obj_article_details .authors,
.obj_article_details .doi {
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif
}
.obj_article_details .orcid a,
.obj_article_details .doi a {
  color:rgba(0,0,0,0.87);
  text-decoration:none
}
.obj_article_details .orcid a:hover,
.obj_article_details .doi a:hover,
.obj_article_details .orcid a:focus,
.obj_article_details .doi a:focus {
  color:#4b7d92;
  text-decoration:underline
}
.obj_article_details .orcid a {
  font-size:10px;
  color:rgba(0,0,0,0.54)
}
.obj_article_details .authors li {
  margin-bottom:1.43rem
}
.obj_article_details .main_entry .label {
  display:inline-block;
  padding:0 0 .357rem;
  border-bottom:3px solid #fff;
  color:rgba(0,0,0,0.54);
  text-transform:uppercase
}
.obj_article_details .main_entry .doi .label,
.obj_article_details .main_entry .keywords .label {
  display:inline;
  padding:0;
  border:none;
  text-transform:none
}
.obj_article_details .row,
.obj_article_details .main_entry,
.obj_article_details .entry_details {
  border:none
}
.obj_article_details .author_bios .sub_item .label {
  border-bottom:none;
  text-transform:none
}
.obj_article_details .entry_details {
  margin-left:0;
  margin-right:0
}
.obj_article_details .entry_details .label {
  font-weight:700;
  text-transform:uppercase
}
.obj_article_details .entry_details .item {
  margin:2.143rem 0;
  padding:0;
  border-bottom:none;
  border-radius:3px;
  background:rgba(0,0,0,0.05);
  box-shadow:0 0 1px rgba(0,0,0,0.4)
}
.obj_article_details .entry_details .item .label+.value {
  border-top-left-radius:0;
  border-top-right-radius:0
}
.obj_article_details .entry_details .sub_item {
  padding:0;
  margin-bottom:0
}
.obj_article_details .entry_details .sub_item:last-child {
  margin-bottom:0
}
.obj_article_details .entry_details .sub_item .label {
  color:rgba(0,0,0,0.54)
}
.obj_article_details .entry_details .item>.label,
.obj_article_details .entry_details .sub_item:first-child>.label {
  padding:.5em 1.43rem;
  background:#ddd;
  border-top-left-radius:3px;
  border-top-right-radius:3px
}
.obj_article_details .entry_details .item>.value,
.obj_article_details .entry_details .sub_item .value {
  padding:1.43rem;
  border-radius:3px
}
.obj_article_details .entry_details .sub_item:not(:first-child) .label {
  display:inline-block;
  padding:.5em 0;
  margin:0 1.43rem;
  border-bottom:3px solid #fff
}
.obj_article_details .entry_details .cover_image {
  background:transparent;
  box-shadow:none
}
.obj_article_details .entry_details .cover_image img {
  display:block;
  border-radius:3px;
  margin-left:auto;
  margin-right:auto
}
.obj_article_details .entry_details .item.galleys {
  box-shadow:none
}
.obj_article_details .entry_details .item.galleys .galleys_links {
  padding:0
}
.obj_article_details .entry_details .galleys_links>li {
  display:block;
  margin-bottom:0.5em
}
.obj_article_details .entry_details .galleys_links>li:last-child {
  margin-bottom:0
}
.obj_article_details .entry_details .galleys_links>li a {
  display:block
}
.obj_article_details .entry_details .citation_display {
  margin-bottom:0
}
.obj_article_details .entry_details .item.copyright {
  background:transparent;
  box-shadow:none
}
@media (min-width:768px) {
  .obj_article_details .entry_details {
    width:240px;
    margin-left:30px
  }
}
@media (min-width:992px) {
  body[dir="rtl"] .pkp_navigation_user_wrapper,
  body[dir="rtl"] .pkp_navigation_user>li:hover ul {
    right:auto;
    left:0
  }
  body[dir="rtl"] .pkp_structure_sidebar::before {
    right:auto;
    left:0;
    border-left:none;
    border-right:1px solid #ddd
  }
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('fontawesome-webfont.eot?v=4.7.0');
  src: url('fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/* =========================================================
   JTDS — Minimalist Modern Design System
   Journal of Technology and Data Science
   Last update: 2026-04-27
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&family=JetBrains+Mono:wght@500&display=swap');

:root {
  /* Colors — semantic */
  --jtds-primary: #1e40af;
  --jtds-primary-deep: #1e3a8a;
  --jtds-primary-light: #3b82f6;
  --jtds-text: #0f172a;
  --jtds-text-muted: #64748b;
  --jtds-text-subtle: #94a3b8;
  --jtds-bg: #ffffff;
  --jtds-bg-alt: #f8fafc;
  --jtds-bg-deep: #f1f5f9;
  --jtds-border: #e2e8f0;
  --jtds-border-strong: #cbd5e1;
  --jtds-success: #059669;
  --jtds-warning: #d97706;

  /* Typography */
  --jtds-font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --jtds-font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --jtds-font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Spacing scale */
  --jtds-space-xs: 0.5rem;
  --jtds-space-sm: 1rem;
  --jtds-space-md: 1.5rem;
  --jtds-space-lg: 2.5rem;
  --jtds-space-xl: 4rem;

  /* Motion */
  --jtds-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --jtds-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Shadow */
  --jtds-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
  --jtds-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06);
  --jtds-shadow-lg: 0 8px 24px rgba(15, 23, 42, 0.08);
}

/* ============ BASE TYPOGRAPHY ============ */
body, .pkp_structure_main, .pkp_structure_content {
  font-family: var(--jtds-font-body);
  color: var(--jtds-text);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5,
.pkp_structure_main h1, .pkp_structure_main h2, .pkp_structure_main h3,
.cmp_announcement h1, .cmp_announcement h2,
.obj_article_summary .title, .obj_issue_summary .title {
  font-family: var(--jtds-font-display);
  color: var(--jtds-text);
  letter-spacing: -0.02em;
  line-height: 1.25;
}

h1, .pkp_structure_main h1 { font-size: clamp(2rem, 1.5rem + 1.5vw, 2.75rem); font-weight: 700; }
h2, .pkp_structure_main h2 { font-size: clamp(1.5rem, 1.25rem + 0.75vw, 2rem); font-weight: 600; margin-top: var(--jtds-space-lg); }
h3, .pkp_structure_main h3 { font-size: 1.25rem; font-weight: 600; margin-top: var(--jtds-space-md); }

/* ============ LINKS ============ */
a, .pkp_structure_main a {
  color: var(--jtds-primary);
  text-decoration: none;
  transition: color var(--jtds-fast);
}

a:hover, .pkp_structure_main a:hover {
  color: var(--jtds-primary-deep);
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
}

/* ============ BUTTONS ============ */
.pkp_button, button.submit, input[type="submit"],
.obj_action button {
  font-family: var(--jtds-font-body);
  font-weight: 500;
  font-size: 0.95rem;
  border-radius: 0.5rem;
  padding: 0.625rem 1.25rem;
  transition: all var(--jtds-fast);
  border: 1px solid var(--jtds-primary);
  background: var(--jtds-primary);
  color: white;
  cursor: pointer;
  letter-spacing: 0;
  min-height: 44px;
}

.pkp_button:hover, button.submit:hover, input[type="submit"]:hover {
  background: var(--jtds-primary-deep);
  border-color: var(--jtds-primary-deep);
  transform: translateY(-1px);
  box-shadow: var(--jtds-shadow-md);
}

.pkp_button:focus-visible, button.submit:focus-visible {
  outline: 2px solid var(--jtds-primary-light);
  outline-offset: 2px;
}

/* ============ HEADER REFINEMENT ============ */
.pkp_site_name {
  padding: var(--jtds-space-md) 0;
}

.pkp_site_name a {
  font-family: var(--jtds-font-display);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.pkp_navigation_primary, .pkp_navigation_user {
  font-family: var(--jtds-font-body);
  font-size: 0.95rem;
  font-weight: 500;
}

.pkp_navigation_primary li a {
  padding: 0.625rem 1rem;
  border-radius: 0.5rem;
  transition: background var(--jtds-fast);
}

.pkp_navigation_primary li a:hover {
  background: var(--jtds-bg-alt);
  text-decoration: none;
}

/* ============ SIDEBAR WIDGETS — clean cards ============ */
.pkp_block, .block {
  background: var(--jtds-bg-alt);
  border: 1px solid var(--jtds-border);
  border-radius: 0.75rem;
  padding: var(--jtds-space-md);
  margin-bottom: var(--jtds-space-md);
  box-shadow: none;
}

.pkp_block .title, .block h2 {
  font-family: var(--jtds-font-display) !important;
  font-size: 1.05rem !important;
  font-weight: 600;
  color: var(--jtds-text);
  margin: 0 0 var(--jtds-space-sm) 0;
  padding-bottom: 0.625rem;
  border-bottom: 2px solid var(--jtds-primary);
  letter-spacing: -0.01em;
}

/* ============ ARTICLE CARDS ============ */
.obj_article_summary {
  border: 1px solid var(--jtds-border);
  border-radius: 0.75rem;
  padding: var(--jtds-space-md);
  background: white;
  transition: border-color var(--jtds-fast), box-shadow var(--jtds-fast), transform var(--jtds-fast);
  margin-bottom: var(--jtds-space-sm);
}

.obj_article_summary:hover {
  border-color: var(--jtds-primary-light);
  box-shadow: var(--jtds-shadow-md);
  transform: translateY(-1px);
}

.obj_article_summary .title {
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: var(--jtds-space-xs);
}

.obj_article_summary .meta, .obj_article_summary .authors {
  color: var(--jtds-text-muted);
  font-size: 0.9rem;
}

/* ============ ISSUE CARDS ============ */
.obj_issue_summary {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid var(--jtds-border);
  background: white;
  transition: border-color var(--jtds-fast), box-shadow var(--jtds-fast), transform var(--jtds-fast);
}

.obj_issue_summary:hover {
  border-color: var(--jtds-primary-light);
  box-shadow: var(--jtds-shadow-lg);
  transform: translateY(-2px);
}

.obj_issue_summary .title {
  font-size: 1.1rem;
  font-weight: 600;
}

.obj_issue_summary .series {
  color: var(--jtds-text-muted);
  font-size: 0.875rem;
}

/* ============ TABLES (article info) ============ */
table.data, .pkp_structure_main table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid var(--jtds-border) !important;
  border-radius: 0.75rem;
  overflow: hidden;
  background: white !important;
  margin: var(--jtds-space-sm) 0;
}

table.data td, .pkp_structure_main table td {
  padding: 0.75rem 1rem !important;
  border: none !important;
  border-bottom: 1px solid var(--jtds-border) !important;
  background: white !important;
  font-family: var(--jtds-font-body) !important;
  font-size: 0.95rem;
  height: auto !important;
}

table.data tr:last-child td {
  border-bottom: none !important;
}

table.data tr:hover td {
  background: var(--jtds-bg-alt) !important;
}

table.data td:first-child,
.pkp_structure_main table td:first-child {
  font-weight: 500;
  color: var(--jtds-text-muted);
  width: 30%;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* ISSN/DOI numeric in tables */
table.data strong em,
table.data strong a {
  font-family: var(--jtds-font-mono);
  font-weight: 500;
  font-size: 0.9rem;
}

/* ============ FOOTER (minimalist) ============ */
.pkp_structure_footer_wrapper, footer.pkp_structure_footer {
  background: var(--jtds-bg-alt) !important;
  border-top: 1px solid var(--jtds-border) !important;
  padding: var(--jtds-space-lg) 0 !important;
  font-family: var(--jtds-font-body);
  font-size: 0.875rem;
  color: var(--jtds-text-muted);
  margin-top: var(--jtds-space-xl);
}

.pkp_structure_footer_wrapper a {
  color: var(--jtds-primary);
  font-weight: 500;
}

.pkp_structure_footer_wrapper a:hover {
  color: var(--jtds-primary-deep);
}

.pkp_brand_footer {
  margin-top: var(--jtds-space-md);
  padding-top: var(--jtds-space-md);
  border-top: 1px solid var(--jtds-border);
  font-size: 0.75rem;
  color: var(--jtds-text-subtle);
}

/* ============ STAT CARDS (homepage) ============ */
.jtds-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--jtds-space-sm);
  margin: var(--jtds-space-md) 0;
}

.jtds-stat {
  background: var(--jtds-bg-alt);
  border: 1px solid var(--jtds-border);
  border-radius: 0.75rem;
  padding: var(--jtds-space-sm) var(--jtds-space-md);
  transition: border-color var(--jtds-fast);
}

.jtds-stat:hover {
  border-color: var(--jtds-primary-light);
}

.jtds-stat-label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--jtds-text-muted);
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.jtds-stat-value {
  font-family: var(--jtds-font-mono);
  font-weight: 600;
  color: var(--jtds-text);
  font-size: 1.05rem;
}

.jtds-stat-text {
  font-family: var(--jtds-font-body);
  font-weight: 600;
  color: var(--jtds-text);
  font-size: 1rem;
}

/* Indexed-in row */
.jtds-indexing {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--jtds-space-md);
  padding: var(--jtds-space-md);
  background: white;
  border: 1px solid var(--jtds-border);
  border-radius: 0.75rem;
  margin: var(--jtds-space-md) 0;
}

.jtds-indexing img {
  height: 40px;
  width: auto;
  filter: grayscale(100%) opacity(0.7);
  transition: filter var(--jtds-fast);
}

.jtds-indexing img:hover {
  filter: grayscale(0%) opacity(1);
}

/* ============ FORMS ============ */
input[type="text"], input[type="email"], input[type="password"],
input[type="search"], input[type="url"], textarea, select {
  font-family: var(--jtds-font-body);
  font-size: 0.95rem;
  border: 1px solid var(--jtds-border-strong);
  border-radius: 0.5rem;
  padding: 0.625rem 0.875rem;
  min-height: 44px;
  transition: border-color var(--jtds-fast), box-shadow var(--jtds-fast);
  background: white;
}

input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: none;
  border-color: var(--jtds-primary-light);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

label {
  font-weight: 500;
  font-size: 0.9rem;
  color: var(--jtds-text);
  margin-bottom: 0.375rem;
  display: block;
}

/* ============ FOCUS VISIBLE (a11y) ============ */
*:focus-visible {
  outline: 2px solid var(--jtds-primary-light);
  outline-offset: 2px;
  border-radius: 0.25rem;
}

/* ============ SELECTION ============ */
::selection {
  background: var(--jtds-primary);
  color: white;
}

/* ============ REDUCED MOTION ============ */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ============ MOBILE REFINEMENT ============ */
@media (max-width: 768px) {
  .pkp_block { padding: var(--jtds-space-sm); }
  .obj_article_summary { padding: var(--jtds-space-sm); }
  .jtds-stats { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
  table.data td:first-child { width: auto; }
}

/* ============ PRINT ============ */
@media print {
  .pkp_structure_sidebar, .pkp_navigation_primary,
  .pkp_structure_footer_wrapper, .pkp_block {
    display: none !important;
  }
  body { font-size: 11pt; line-height: 1.5; }
}

/* Hide OJS/PKP brand footer */
.pkp_brand_footer { display: none !important; }

/* ============ SIDEBAR MENU CUSTOM (clean consistent) ============ */
.jtds-sidebar-menu {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.jtds-sidebar-section {
  background: white;
  border: 1px solid var(--jtds-border);
  border-radius: 0.625rem;
  padding: 0.875rem 1rem;
}

.jtds-sidebar-title {
  font-family: var(--jtds-font-display);
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--jtds-text) !important;
  margin: 0 0 0.5rem 0 !important;
  padding: 0 !important;
  border: none !important;
  letter-spacing: -0.01em;
}

.jtds-sidebar-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.jtds-sidebar-list li {
  border-bottom: 1px solid var(--jtds-border);
}

.jtds-sidebar-list li:last-child {
  border-bottom: none;
}

.jtds-sidebar-list a {
  display: block;
  padding: 0.5rem 0;
  color: var(--jtds-text) !important;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none !important;
  transition: color var(--jtds-fast), padding-left var(--jtds-fast);
}

.jtds-sidebar-list a:hover {
  color: var(--jtds-primary) !important;
  padding-left: 0.375rem;
  text-decoration: none !important;
}

.jtds-sidebar-list a:focus-visible {
  outline: 2px solid var(--jtds-primary-light);
  outline-offset: 2px;
  border-radius: 0.25rem;
}

/* ============ MOVE CURRENT ISSUE TO BOTTOM ============ */
/* Theme defaultManuscript renders homepage as flex column.
   We use flex-order to push current_issue below additional_content. */
.pkp_structure_main {
  display: flex !important;
  flex-direction: column !important;
}

/* Order: additional_content (homepage info) first, current_issue last */
.pkp_structure_main > .additional_content,
.pkp_structure_main > .homepage_image {
  order: 1;
}

.pkp_structure_main > .cmp_announcements,
.pkp_structure_main > .announcements {
  order: 2;
}

.pkp_structure_main > .current_issue,
.pkp_structure_main > .obj_issue_toc {
  order: 9;
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid var(--jtds-border);
}

/* Style current issue heading consistent */
.current_issue_title {
  font-family: var(--jtds-font-display) !important;
  font-size: clamp(1.25rem, 1rem + 0.5vw, 1.5rem) !important;
  font-weight: 600 !important;
  color: var(--jtds-text) !important;
  letter-spacing: -0.01em;
  margin-bottom: 1rem !important;
}

/* FIX: Move Current Issue to bottom (correct selector) */
.page_index_journal {
  display: flex !important;
  flex-direction: column !important;
}
.page_index_journal > .additional_content,
.page_index_journal > .homepage_image {
  order: 1 !important;
}
.page_index_journal > .cmp_announcements,
.page_index_journal > .announcements {
  order: 2 !important;
}
.page_index_journal > .current_issue {
  order: 9 !important;
  margin-top: 2.5rem !important;
  padding-top: 2.5rem !important;
  border-top: 1px solid var(--jtds-border) !important;
}

/* ============ HOMEPAGE TYPOGRAPHY (refined) ============ */
.jtds-home-section {
  margin: 2rem 0;
}

.jtds-home-section + .jtds-home-section {
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid var(--jtds-border);
}

.jtds-section-title {
  font-family: var(--jtds-font-display);
  font-size: clamp(1.75rem, 1.5rem + 0.75vw, 2.25rem);
  font-weight: 700;
  color: var(--jtds-text);
  letter-spacing: -0.025em;
  line-height: 1.15;
  margin: 0 0 1rem 0;
}

.jtds-section-subtitle {
  font-family: var(--jtds-font-display);
  font-size: clamp(1.25rem, 1.1rem + 0.4vw, 1.5rem);
  font-weight: 600;
  color: var(--jtds-text);
  letter-spacing: -0.015em;
  margin: 0 0 0.75rem 0;
}

.jtds-lead {
  font-family: var(--jtds-font-body);
  font-size: clamp(1.05rem, 1rem + 0.3vw, 1.2rem);
  font-weight: 400;
  line-height: 1.65;
  color: var(--jtds-text);
  margin: 0 0 1rem 0;
}

.jtds-prose {
  font-family: var(--jtds-font-body);
  font-size: 1rem;
  line-height: 1.75;
  color: #334155;
  margin: 0 0 1rem 0;
  max-width: 72ch;
}

.jtds-prose:last-child {
  margin-bottom: 0;
}

.jtds-prose a, .jtds-lead a, .jtds-note a {
  color: var(--jtds-primary);
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color var(--jtds-fast);
}

.jtds-prose a:hover, .jtds-lead a:hover, .jtds-note a:hover {
  border-bottom-color: var(--jtds-primary);
  text-decoration: none;
}

.jtds-note {
  font-family: var(--jtds-font-body);
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--jtds-text-muted);
  margin: 1.5rem 0 0 0;
  padding-top: 1rem;
  border-top: 1px solid var(--jtds-border);
}

.jtds-stat-text-sm {
  font-family: var(--jtds-font-body);
  font-weight: 600;
  color: var(--jtds-text);
  font-size: 0.875rem;
}

/* ============ CTA Buttons (homepage submit section) ============ */
.jtds-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 1.25rem 0 0 0;
}

.jtds-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  font-family: var(--jtds-font-body);
  font-size: 0.95rem;
  font-weight: 500;
  border-radius: 0.5rem;
  text-decoration: none !important;
  transition: all var(--jtds-fast);
  min-height: 44px;
  cursor: pointer;
  border: 1px solid transparent;
}

.jtds-btn-primary {
  background: var(--jtds-primary);
  color: white !important;
  border-color: var(--jtds-primary);
}

.jtds-btn-primary:hover {
  background: var(--jtds-primary-deep);
  border-color: var(--jtds-primary-deep);
  transform: translateY(-1px);
  box-shadow: var(--jtds-shadow-md);
  color: white !important;
}

.jtds-btn-secondary {
  background: white;
  color: var(--jtds-primary) !important;
  border-color: var(--jtds-border-strong);
}

.jtds-btn-secondary:hover {
  border-color: var(--jtds-primary);
  background: var(--jtds-bg-alt);
  transform: translateY(-1px);
  color: var(--jtds-primary-deep) !important;
}

/* ============ INDEXING IMAGES (refined) ============ */
.jtds-indexing {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem 2rem;
  padding: 1.25rem 1.5rem;
  background: var(--jtds-bg-alt);
  border: 1px solid var(--jtds-border);
  border-radius: 0.75rem;
  margin: 0;
}

.jtds-indexing img,
.jtds-indexing a img {
  height: 36px;
  width: auto;
  filter: grayscale(100%) opacity(0.6);
  transition: filter var(--jtds-fast), transform var(--jtds-fast);
}

.jtds-indexing img:hover,
.jtds-indexing a:hover img {
  filter: grayscale(0%) opacity(1);
  transform: scale(1.05);
}

/* ============ ARTICLE SUMMARY (with action icons) ============ */
.obj_article_summary {
  position: relative;
}

.obj_article_summary .meta {
  margin-bottom: 0.75rem !important;
}

/* Galley links (PDF/HTML) — pill-style */
.obj_article_summary .galleys_links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.75rem 0 0 0;
  padding: 0;
  list-style: none;
}

.obj_article_summary .galleys_links li {
  margin: 0;
}

.obj_article_summary .galleys_links a,
.obj_article_summary .galleys_links .pkp_button {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  font-family: var(--jtds-font-body);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--jtds-primary) !important;
  background: white;
  border: 1px solid var(--jtds-border-strong);
  border-radius: 0.375rem;
  text-decoration: none !important;
  transition: all var(--jtds-fast);
  min-height: 32px;
}

.obj_article_summary .galleys_links a:hover {
  background: var(--jtds-primary);
  border-color: var(--jtds-primary);
  color: white !important;
  transform: translateY(-1px);
  box-shadow: var(--jtds-shadow-sm);
}

/* PDF icon prefix */
.obj_article_summary .galleys_links a[href*="pdf"]::before,
.obj_article_summary .galleys_links a:has(span[class*="pdf"])::before {
  content: "\f1c1";
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  font-size: 0.85rem;
}

/* Generic fallback prefix for any galley */
.obj_article_summary .galleys_links a::before {
  content: "\f019";
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  font-size: 0.85rem;
}

.obj_article_summary .galleys_links a[href*="pdf"i]::before,
.obj_article_summary .galleys_links a.pdf::before,
.obj_article_summary .galleys_links li.pdf a::before {
  content: "\f1c1";
}

/* Always show "Lihat Artikel" link AFTER article meta (for articles without galleys too) */
.obj_article_summary::after {
  content: "";
  display: block;
  margin-top: 0.5rem;
}

.obj_article_summary .title a::after {
  content: "";
}

/* Action row container — visible always */
.obj_article_summary .action-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.obj_article_summary .doiInSummary {
  margin-top: 0.5rem !important;
  font-size: 0.85rem;
  color: var(--jtds-text-muted);
}

.obj_article_summary .doiInSummary strong {
  font-weight: 500;
  color: var(--jtds-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.7rem;
}

.obj_article_summary .doiInSummary a {
  font-family: var(--jtds-font-mono);
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--jtds-primary) !important;
}

/* "View Article →" injected via CSS for articles WITHOUT galleys */
.obj_article_summary .galleys_links:empty::after {
  content: "Lihat Detail \2192";
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  font-family: var(--jtds-font-body);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--jtds-primary);
  background: white;
  border: 1px solid var(--jtds-border-strong);
  border-radius: 0.375rem;
  cursor: default;
  pointer-events: none;
  user-select: none;
  opacity: 0.7;
}

/* Make whole article card clickable visually (on hover) */
.obj_article_summary:hover .title a {
  color: var(--jtds-primary);
}

/* Mobile: stat cards more compact */
@media (max-width: 640px) {
  .jtds-cta-row { flex-direction: column; }
  .jtds-cta-row .jtds-btn { width: 100%; justify-content: center; }
  .jtds-indexing { gap: 1rem 1.25rem; padding: 1rem; }
  .jtds-indexing img { height: 28px; }
}

/* ============ ARTICLE TITLE — UPPERCASE CONSISTENT ============ */
.obj_article_summary .title,
.obj_article_summary .title a,
.obj_article_summary h4.title,
.obj_article_summary h4.title a,
.obj_article_full .title,
.obj_article_details .article_title,
.cmp_article_list .obj_article_summary .title,
.cmp_article_list .obj_article_summary .title a {
  text-transform: uppercase !important;
  letter-spacing: 0.005em !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  font-family: var(--jtds-font-display) !important;
}

/* ============ CTA ROW (4 button: login, register, template, panduan) ============ */
.jtds-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin: 1.25rem 0 1rem 0;
  align-items: stretch;
}

.jtds-cta-row .jtds-btn {
  flex: 0 1 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.125rem !important;
  white-space: nowrap;
}

.jtds-cta-row .jtds-btn i {
  font-size: 0.9rem;
  line-height: 1;
}

@media (max-width: 640px) {
  .jtds-cta-row .jtds-btn {
    flex: 1 1 calc(50% - 0.625rem);
    justify-content: center;
    white-space: normal;
    text-align: center;
    font-size: 0.875rem;
    padding: 0.625rem 0.75rem !important;
  }
}

/* ============ HIDE Login/Register di header (sudah ada di homepage CTA) ============ */
#navigationUser li:has(> a[href$="/login"]),
#navigationUser li:has(> a[href$="/user/register"]) {
  display: none !important;
}

/* Fallback untuk browser tanpa :has() support */
#navigationUser a[href$="/login"],
#navigationUser a[href$="/user/register"] {
  display: none !important;
}

/* Kalau navigationUser cuma punya 2 li ini, hide whole wrapper */
#navigationUserWrapper:not(:has(li:not(:has(a[href$="/login"]):not(:has(a[href$="/user/register"]))))) {
  display: none !important;
}

/* ============ SCOPE LIST (custom marker) ============ */
.jtds-scope-list {
  list-style: none;
  padding: 0;
  margin: 1rem 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.625rem;
}

@media (min-width: 768px) {
  .jtds-scope-list {
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 1.5rem;
  }
}

.jtds-scope-list li {
  position: relative;
  padding: 0.625rem 0.75rem 0.625rem 1.75rem;
  font-family: var(--jtds-font-body);
  font-size: 0.95rem;
  line-height: 1.55;
  color: #334155;
  background: var(--jtds-bg-alt);
  border-radius: 0.5rem;
  border-left: 3px solid var(--jtds-primary);
}

.jtds-scope-list li::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  font-size: 0.75rem;
  color: var(--jtds-primary);
  position: absolute;
  left: 0.625rem;
  top: 0.875rem;
}

.jtds-scope-list li strong {
  color: var(--jtds-text);
  font-weight: 600;
}

/* ============ FEATURES GRID (Mengapa publish) ============ */
.jtds-features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1rem;
  margin: 1rem 0;
}
/* JTDS-FEATURES-RESPONSIVE-v2 — patched 2026-05-14 */
.page_contact { max-width: 1100px; margin-left: auto; margin-right: auto; }

@media (min-width: 640px) {
  .jtds-features {
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .jtds-features {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.jtds-feature {
  background: white;
  border: 1px solid var(--jtds-border);
  border-radius: 0.75rem;
  padding: 1.25rem;
  transition: all var(--jtds-fast);
  position: relative;
}

.jtds-feature:hover {
  border-color: var(--jtds-primary-light);
  box-shadow: var(--jtds-shadow-md);
  transform: translateY(-2px);
}

.jtds-feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  background: linear-gradient(135deg, var(--jtds-primary), var(--jtds-primary-deep));
  color: white;
  border-radius: 0.5rem;
  font-size: 1rem;
  margin-bottom: 0.875rem;
  box-shadow: 0 2px 6px rgba(30, 64, 175, 0.2);
}

.jtds-feature-title {
  font-family: var(--jtds-font-display) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--jtds-text) !important;
  margin: 0 0 0.375rem 0 !important;
  letter-spacing: -0.01em;
}

.jtds-feature-desc {
  font-family: var(--jtds-font-body);
  font-size: 0.875rem;
  line-height: 1.55;
  color: var(--jtds-text-muted);
  margin: 0;
}

/* ============ PROCESS LIST (numbered) ============ */
.jtds-process {
  list-style: none;
  counter-reset: jtds-step;
  padding: 0;
  margin: 1rem 0;
  display: grid;
  gap: 0.75rem;
}

.jtds-process li {
  counter-increment: jtds-step;
  position: relative;
  padding: 1rem 1rem 1rem 3.5rem;
  background: var(--jtds-bg-alt);
  border: 1px solid var(--jtds-border);
  border-radius: 0.625rem;
  font-family: var(--jtds-font-body);
  font-size: 0.95rem;
  line-height: 1.6;
  color: #334155;
}

.jtds-process li::before {
  content: counter(jtds-step);
  position: absolute;
  left: 0.875rem;
  top: 0.875rem;
  width: 32px;
  height: 32px;
  background: var(--jtds-primary);
  color: white;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--jtds-font-display);
  font-weight: 700;
  font-size: 0.95rem;
  box-shadow: 0 2px 4px rgba(30, 64, 175, 0.25);
}

.jtds-process li strong {
  color: var(--jtds-text);
  font-weight: 600;
}

/* Smooth scroll untuk anchor link di /about */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* ============ EDITORIAL TEAM CARDS ============ */
.jtds-editorial-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.875rem;
  margin: 1rem 0 1.5rem 0;
}

@media (min-width: 640px) {
  .jtds-editorial-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1024px) {
  .jtds-editorial-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.jtds-editorial-card {
  background: white;
  border: 1px solid var(--jtds-border);
  border-radius: 0.625rem;
  padding: 1.125rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  transition: all var(--jtds-fast);
  position: relative;
  overflow: hidden;
}

.jtds-editorial-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, var(--jtds-primary), var(--jtds-primary-deep));
}

.jtds-editorial-card:hover {
  border-color: var(--jtds-primary-light);
  box-shadow: var(--jtds-shadow-md);
  transform: translateY(-2px);
}

.jtds-editorial-name {
  font-family: var(--jtds-font-display);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--jtds-text);
  letter-spacing: -0.01em;
  line-height: 1.3;
  padding-left: 0.5rem;
}

.jtds-editorial-role {
  font-family: var(--jtds-font-body);
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--jtds-primary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding-left: 0.5rem;
}

.jtds-editorial-affiliation {
  font-family: var(--jtds-font-body);
  font-size: 0.875rem;
  color: var(--jtds-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0.5rem;
  margin-top: 0.25rem;
}

.jtds-editorial-affiliation i {
  color: var(--jtds-text-subtle);
  font-size: 0.8rem;
  flex-shrink: 0;
}

/* ============ TEAM BLOCK (sidebar-friendly compact) ============ */
.jtds-team-block {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.jtds-team-card {
  position: relative;
  padding: 0.625rem 0.75rem 0.625rem 0.875rem;
  background: white;
  border: 1px solid var(--jtds-border);
  border-radius: 0.5rem;
  border-left: 3px solid var(--jtds-primary);
  transition: all var(--jtds-fast);
}

.jtds-team-card:hover {
  border-color: var(--jtds-primary-light);
  border-left-color: var(--jtds-primary-deep);
  box-shadow: var(--jtds-shadow-sm);
  transform: translateX(2px);
}

.jtds-team-name {
  font-family: var(--jtds-font-display);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--jtds-text);
  letter-spacing: -0.01em;
  line-height: 1.3;
  margin-bottom: 0.125rem;
}

.jtds-team-role {
  font-family: var(--jtds-font-body);
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--jtds-primary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 0.25rem;
}

.jtds-team-aff {
  font-family: var(--jtds-font-body);
  font-size: 0.78rem;
  color: var(--jtds-text-muted);
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  line-height: 1.4;
}

.jtds-team-aff i {
  color: var(--jtds-text-subtle);
  font-size: 0.7rem;
  margin-top: 0.2rem;
  flex-shrink: 0;
}

/* ============ TEAM BLOCK — sub-headings + links ============ */
.jtds-team-subhead {
  font-family: var(--jtds-font-display);
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--jtds-primary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0.875rem 0 0.5rem 0;
  padding-bottom: 0.3rem;
  border-bottom: 2px solid var(--jtds-primary);
}

.jtds-team-subhead:first-child {
  margin-top: 0;
}

/* Team links row (Scholar, SINTA, ORCID, Scopus) */
.jtds-team-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.5rem;
  padding-top: 0.4rem;
  border-top: 1px dashed var(--jtds-border);
}

.jtds-team-links a {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.2rem 0.45rem;
  font-family: var(--jtds-font-body);
  font-size: 0.66rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--jtds-primary) !important;
  background: var(--jtds-bg-alt);
  border: 1px solid var(--jtds-border);
  border-radius: 0.25rem;
  text-decoration: none !important;
  transition: all var(--jtds-fast);
}

.jtds-team-links a:hover {
  background: var(--jtds-primary);
  color: white !important;
  border-color: var(--jtds-primary);
  transform: translateY(-1px);
}

.jtds-team-links a i {
  font-size: 0.72rem;
}

.jtds-team-empty {
  font-family: var(--jtds-font-body);
  font-size: 0.85rem;
  color: var(--jtds-text-muted);
  font-style: italic;
  padding: 0.875rem;
  background: var(--jtds-bg-alt);
  border: 1px dashed var(--jtds-border-strong);
  border-radius: 0.5rem;
  margin: 0;
  line-height: 1.5;
}

/* ============================================================
   PLAGIARISM ALERT INFOGRAPHIC
   ============================================================ */
.jtds-plagiarism-alert {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.5rem;
  padding: 1.75rem;
  margin: 1.5rem 0;
  background: linear-gradient(135deg, #fef3c7 0%, #fef9e7 100%);
  border: 1px solid #f59e0b;
  border-left: 6px solid #d97706;
  border-radius: 0.875rem;
  position: relative;
  overflow: hidden;
}

.jtds-plagiarism-alert::before {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(217, 119, 6, 0.08) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.jtds-pa-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #d97706, #b45309);
  color: white;
  border-radius: 50%;
  font-size: 1.75rem;
  flex-shrink: 0;
  box-shadow: 0 6px 16px rgba(217, 119, 6, 0.3);
}

.jtds-pa-content {
  position: relative;
  z-index: 1;
}

.jtds-pa-tag {
  display: inline-block;
  padding: 0.25rem 0.625rem;
  background: #d97706;
  color: white;
  font-family: var(--jtds-font-body);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}

.jtds-pa-title {
  font-family: var(--jtds-font-display) !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  color: #78350f !important;
  margin: 0 0 0.625rem 0 !important;
  letter-spacing: -0.015em;
}

.jtds-pa-desc {
  font-family: var(--jtds-font-body);
  font-size: 0.95rem;
  line-height: 1.6;
  color: #78350f;
  margin: 0 0 1rem 0;
}

.jtds-pa-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
  margin: 1rem 0;
}

.jtds-pa-tool {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.875rem;
  background: white;
  color: #78350f;
  border: 1.5px solid #d97706;
  border-radius: 0.375rem;
  font-family: var(--jtds-font-body);
  font-size: 0.875rem;
  font-weight: 600;
}

.jtds-pa-tool i {
  color: #16a34a;
  font-size: 0.95rem;
}

.jtds-pa-tool-or {
  font-family: var(--jtds-font-body);
  font-size: 0.85rem;
  font-style: italic;
  color: #92400e;
  font-weight: 500;
}

.jtds-pa-threshold {
  display: inline-block;
  padding: 1rem 1.5rem;
  background: white;
  border: 2px solid #d97706;
  border-radius: 0.75rem;
  margin: 0.75rem 0 1rem 0;
  text-align: center;
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.15);
}

.jtds-pa-num {
  font-family: var(--jtds-font-display);
  font-size: 2.75rem;
  font-weight: 800;
  color: #d97706;
  line-height: 1;
  letter-spacing: -0.04em;
}

.jtds-pa-num-label {
  font-family: var(--jtds-font-body);
  font-size: 0.78rem;
  font-weight: 700;
  color: #78350f;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-top: 0.25rem;
}

.jtds-pa-num-note {
  font-family: var(--jtds-font-body);
  font-size: 0.78rem;
  color: #92400e;
  font-style: italic;
  margin-top: 0.125rem;
}

.jtds-pa-footer {
  font-family: var(--jtds-font-body);
  font-size: 0.85rem;
  line-height: 1.55;
  color: #78350f;
  margin: 0;
  padding-top: 0.75rem;
  border-top: 1px dashed #d97706;
}

@media (max-width: 640px) {
  .jtds-plagiarism-alert {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 1.25rem;
  }
  .jtds-pa-icon {
    margin: 0 auto;
  }
  .jtds-pa-tools {
    justify-content: center;
  }
}

/* ============================================================
   FLOW DIAGRAM (Alur Pengiriman) — Step by Step
   ============================================================ */
.jtds-flow {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin: 1.5rem 0;
  align-items: stretch;
}

@media (min-width: 768px) {
  .jtds-flow {
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 0.5rem;
  }
}

@media (min-width: 1280px) {
  .jtds-flow {
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr;
  }
}

.jtds-flow-step {
  position: relative;
  padding: 1.25rem 1rem 1rem 1rem;
  background: white;
  border: 1px solid var(--jtds-border);
  border-radius: 0.75rem;
  text-align: center;
  transition: all var(--jtds-fast);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.jtds-flow-step:hover {
  border-color: var(--jtds-primary-light);
  box-shadow: var(--jtds-shadow-md);
  transform: translateY(-2px);
}

.jtds-flow-num {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, var(--jtds-primary), var(--jtds-primary-deep));
  color: white;
  border: 3px solid white;
  border-radius: 50%;
  font-family: var(--jtds-font-display);
  font-weight: 700;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(30, 64, 175, 0.3);
}

.jtds-flow-icon {
  width: 50px;
  height: 50px;
  background: var(--jtds-bg-alt);
  color: var(--jtds-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  margin: 0.625rem 0 0.875rem 0;
  border: 2px solid var(--jtds-bg-deep);
  transition: all var(--jtds-fast);
}

.jtds-flow-step:hover .jtds-flow-icon {
  background: var(--jtds-primary);
  color: white;
  transform: scale(1.1);
}

.jtds-flow-title {
  font-family: var(--jtds-font-display) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--jtds-text) !important;
  margin: 0 0 0.5rem 0 !important;
  letter-spacing: -0.01em;
  line-height: 1.3;
}

.jtds-flow-desc {
  font-family: var(--jtds-font-body);
  font-size: 0.78rem;
  line-height: 1.5;
  color: var(--jtds-text-muted);
  margin: 0;
}

.jtds-flow-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--jtds-border-strong);
  font-size: 1.5rem;
  padding: 0.5rem;
}

@media (max-width: 767px) {
  .jtds-flow-arrow {
    transform: rotate(90deg);
  }
}

/* ============================================================
   FEE CARD (Tanpa Biaya highlight)
   ============================================================ */
.jtds-fee-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  margin: 1rem 0;
  background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
  border: 1px solid #16a34a;
  border-left: 5px solid #15803d;
  border-radius: 0.75rem;
}

.jtds-fee-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #16a34a, #15803d);
  color: white;
  border-radius: 50%;
  font-size: 1.25rem;
  flex-shrink: 0;
  box-shadow: 0 4px 10px rgba(22, 163, 74, 0.25);
}

.jtds-fee-title {
  font-family: var(--jtds-font-display) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #14532d !important;
  margin: 0 0 0.25rem 0 !important;
  letter-spacing: -0.01em;
}

.jtds-fee-desc {
  font-family: var(--jtds-font-body);
  font-size: 0.9rem;
  line-height: 1.55;
  color: #14532d;
  margin: 0;
}

@media (max-width: 640px) {
  .jtds-fee-card {
    flex-direction: column;
    text-align: center;
    padding: 1rem;
  }
}

/* ======= FEE GRID (2 card: free + page surcharge) ======= */
.jtds-fee-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.875rem;
  margin: 1rem 0;
}

@media (min-width: 768px) {
  .jtds-fee-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* Warn variant — orange tone for page surcharge */
.jtds-fee-card-warn {
  background: linear-gradient(135deg, #fff7ed 0%, #fffbeb 100%);
  border-color: #f59e0b;
  border-left-color: #d97706;
}

.jtds-fee-icon-warn {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  box-shadow: 0 4px 10px rgba(217, 119, 6, 0.25);
}

.jtds-fee-title-warn {
  color: #78350f !important;
}

.jtds-fee-desc-warn {
  color: #78350f !important;
}

/* ============================================================
   AI DISCLOSURE ALERT — purple/indigo accent
   ============================================================ */
.jtds-ai-alert {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.5rem;
  padding: 1.75rem;
  margin: 1.5rem 0;
  background: linear-gradient(135deg, #ede9fe 0%, #f3f0ff 100%);
  border: 1px solid #8b5cf6;
  border-left: 6px solid #6d28d9;
  border-radius: 0.875rem;
  position: relative;
  overflow: hidden;
}

.jtds-ai-alert::before {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(109, 40, 217, 0.08) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.jtds-ai-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
  color: white;
  border-radius: 50%;
  font-size: 1.75rem;
  flex-shrink: 0;
  box-shadow: 0 6px 16px rgba(109, 40, 217, 0.3);
}

.jtds-ai-content {
  position: relative;
  z-index: 1;
}

.jtds-ai-tag {
  display: inline-block;
  padding: 0.25rem 0.625rem;
  background: #6d28d9;
  color: white;
  font-family: var(--jtds-font-body);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}

.jtds-ai-title {
  font-family: var(--jtds-font-display) !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  color: #4c1d95 !important;
  margin: 0 0 0.625rem 0 !important;
  letter-spacing: -0.015em;
}

.jtds-ai-desc {
  font-family: var(--jtds-font-body);
  font-size: 0.95rem;
  line-height: 1.6;
  color: #4c1d95;
  margin: 0 0 1rem 0;
}

.jtds-ai-rules {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin: 1rem 0;
}

.jtds-ai-rule {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.875rem;
  align-items: start;
  padding: 0.875rem 1rem;
  background: white;
  border-radius: 0.5rem;
  border: 1px solid;
  font-family: var(--jtds-font-body);
  font-size: 0.875rem;
  line-height: 1.55;
}

.jtds-ai-rule i {
  font-size: 1.25rem;
  margin-top: 0.1rem;
}

.jtds-ai-rule-allow {
  border-color: #16a34a;
  color: #14532d;
}
.jtds-ai-rule-allow i {
  color: #16a34a;
}

.jtds-ai-rule-deny {
  border-color: #dc2626;
  color: #7f1d1d;
}
.jtds-ai-rule-deny i {
  color: #dc2626;
}

.jtds-ai-rule-info {
  border-color: #6d28d9;
  color: #4c1d95;
}
.jtds-ai-rule-info i {
  color: #6d28d9;
}

.jtds-ai-rule strong {
  font-weight: 700;
}

.jtds-ai-footer {
  font-family: var(--jtds-font-body);
  font-size: 0.85rem;
  line-height: 1.55;
  color: #5b21b6;
  margin: 0;
  padding-top: 0.75rem;
  border-top: 1px dashed #8b5cf6;
  font-style: italic;
}

@media (max-width: 640px) {
  .jtds-ai-alert {
    grid-template-columns: 1fr;
    text-align: left;
    padding: 1.25rem;
  }
  .jtds-ai-icon {
    margin: 0;
  }
  .jtds-ai-rule {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
}

/* ============ TEXT JUSTIFY (rata kanan-kiri konsisten) ============ */
.jtds-prose,
.jtds-lead,
.jtds-pa-desc,
.jtds-pa-footer,
.jtds-ai-desc,
.jtds-ai-footer,
.jtds-fee-desc,
.jtds-flow-desc,
.jtds-note,
.pkp_structure_main p,
.cmp_announcement p {
  text-align: justify !important;
  text-justify: inter-word;
  hyphens: auto;
  -webkit-hyphens: auto;
}

/* Tetap left-aligned untuk specific UI elements */
.jtds-stat-label,
.jtds-stat-value,
.jtds-stat-text,
.jtds-stat-text-sm,
.jtds-feature-title,
.jtds-feature-desc,
.jtds-team-name,
.jtds-team-aff,
.jtds-team-role,
.jtds-flow-title,
.jtds-pa-title,
.jtds-ai-title,
.jtds-fee-title,
.jtds-section-title,
.jtds-section-subtitle {
  text-align: left !important;
}

/* Card content stays left for readability of short labels */
.jtds-stat,
.jtds-team-card,
.jtds-feature {
  text-align: left;
}

/* Footer stays center (it has center alignment) */
.pkp_structure_footer_wrapper p,
.pkp_structure_footer_wrapper div {
  text-align: inherit !important;
}

/* ============================================================
   JTDS — UI/UX FINAL POLISH (override prior styles)
   Design principles: hierarchy, breath, soft elevation, calm
   ============================================================ */

:root {
  /* Multi-layer soft shadows — depth without harshness */
  --jtds-shadow-xs:   0 1px 2px rgba(15, 23, 42, 0.04);
  --jtds-shadow-sm:   0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.04);
  --jtds-shadow-card: 0 1px 3px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.05);
  --jtds-shadow-md:   0 2px 4px rgba(15, 23, 42, 0.04), 0 8px 16px rgba(15, 23, 42, 0.06);
  --jtds-shadow-lg:   0 4px 8px rgba(15, 23, 42, 0.05), 0 16px 32px rgba(15, 23, 42, 0.08);
  --jtds-shadow-hover: 0 4px 8px rgba(15, 23, 42, 0.06), 0 12px 24px rgba(30, 64, 175, 0.08);

  /* Border tone — softer */
  --jtds-border-soft: rgba(15, 23, 42, 0.06);
}

/* ============================================================
   TYPOGRAPHY — TIGHTER HIERARCHY (header sizes reduced)
   ============================================================ */

/* Site-level h1 */
h1,
.pkp_structure_main h1,
.pkp_site_name a {
  font-size: clamp(1.625rem, 1.4rem + 0.75vw, 2rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.2 !important;
}

/* Section title (e.g. About, page top) — was 28-36px, now 22-28px */
h2,
.pkp_structure_main h2,
.cmp_announcement h2,
.jtds-section-title {
  font-size: clamp(1.375rem, 1.2rem + 0.5vw, 1.625rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
  margin-top: 1.75rem;
  margin-bottom: 0.75rem;
}

/* Sub-section heading — was 20-24px, now 17-20px */
h3,
.pkp_structure_main h3,
.jtds-section-subtitle {
  font-size: clamp(1.0625rem, 1rem + 0.25vw, 1.2rem) !important;
  font-weight: 600 !important;
  color: var(--jtds-text) !important;
  letter-spacing: -0.012em !important;
  line-height: 1.3 !important;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

/* h4 in components */
h4 {
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: -0.005em;
}

/* Body */
body, .pkp_structure_main {
  font-size: 0.95rem;
  line-height: 1.65;
}

.jtds-lead {
  font-size: clamp(0.98rem, 0.94rem + 0.2vw, 1.075rem) !important;
}

.jtds-prose {
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
}

/* ============================================================
   STAT CARDS — refined spacing + soft shadow
   ============================================================ */
.jtds-stat {
  background: white;
  border: 1px solid var(--jtds-border-soft) !important;
  box-shadow: var(--jtds-shadow-xs);
  padding: 0.875rem 1.125rem;
  transition: box-shadow var(--jtds-fast), transform var(--jtds-fast), border-color var(--jtds-fast);
}

.jtds-stat:hover {
  border-color: var(--jtds-primary-light) !important;
  box-shadow: var(--jtds-shadow-card);
  transform: translateY(-1px);
}

.jtds-stat-label {
  font-size: 0.65rem !important;
  letter-spacing: 0.1em !important;
}

.jtds-stat-value {
  font-size: 1rem !important;
}

.jtds-stat-text-sm {
  font-size: 0.85rem !important;
}

/* ============================================================
   FEATURE CARDS (Mengapa Mempublikasikan)
   ============================================================ */
.jtds-feature {
  border: 1px solid var(--jtds-border-soft) !important;
  box-shadow: var(--jtds-shadow-xs);
  padding: 1.125rem !important;
}

.jtds-feature:hover {
  box-shadow: var(--jtds-shadow-card);
  border-color: var(--jtds-border) !important;
  transform: translateY(-1px);
}

.jtds-feature-icon {
  width: 34px !important;
  height: 34px !important;
  font-size: 0.92rem !important;
  margin-bottom: 0.625rem !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 2px 4px rgba(30, 64, 175, 0.15);
}

.jtds-feature-title {
  font-size: 0.95rem !important;
  margin-bottom: 0.25rem !important;
}

.jtds-feature-desc {
  font-size: 0.83rem !important;
  line-height: 1.55 !important;
}

/* ============================================================
   PROCESS STEPS (Peer Review numbered)
   ============================================================ */
.jtds-process li {
  border: 1px solid var(--jtds-border-soft) !important;
  box-shadow: var(--jtds-shadow-xs);
  padding: 0.875rem 1rem 0.875rem 3.25rem !important;
  font-size: 0.9rem !important;
}

.jtds-process li:hover {
  box-shadow: var(--jtds-shadow-card);
  transform: translateY(-1px);
}

.jtds-process li::before {
  width: 28px !important;
  height: 28px !important;
  font-size: 0.85rem !important;
  top: 0.75rem !important;
  left: 0.75rem !important;
}

/* ============================================================
   SCOPE LIST — softer + more breathing
   ============================================================ */
.jtds-scope-list li {
  border: 1px solid var(--jtds-border-soft) !important;
  background: white !important;
  box-shadow: var(--jtds-shadow-xs);
  padding: 0.625rem 0.875rem 0.625rem 2rem !important;
  font-size: 0.88rem !important;
  border-left: 3px solid var(--jtds-primary) !important;
  transition: box-shadow var(--jtds-fast), transform var(--jtds-fast);
}

.jtds-scope-list li:hover {
  box-shadow: var(--jtds-shadow-card);
  transform: translateX(2px);
}

.jtds-scope-list li::before {
  font-size: 0.7rem !important;
  top: 0.875rem !important;
  left: 0.75rem !important;
}

/* ============================================================
   SIDEBAR BLOCKS
   ============================================================ */
.pkp_block, .block {
  border: 1px solid var(--jtds-border-soft) !important;
  box-shadow: var(--jtds-shadow-xs);
  padding: 1rem 1.125rem !important;
}

.pkp_block .title, .block h2 {
  font-size: 0.92rem !important;
  border-bottom-width: 1.5px !important;
  margin-bottom: 0.625rem !important;
  padding-bottom: 0.5rem !important;
}

/* Sidebar section card refinement */
.jtds-sidebar-section {
  border: 1px solid var(--jtds-border-soft) !important;
  box-shadow: var(--jtds-shadow-xs);
  padding: 0.75rem 0.9rem !important;
}

.jtds-sidebar-title {
  font-size: 0.85rem !important;
}

.jtds-sidebar-list a {
  font-size: 0.83rem !important;
}

/* ============================================================
   ARTICLE / ISSUE SUMMARY
   ============================================================ */
.obj_article_summary {
  border: 1px solid var(--jtds-border-soft) !important;
  box-shadow: var(--jtds-shadow-xs);
  padding: 1rem 1.125rem !important;
}

.obj_article_summary:hover {
  box-shadow: var(--jtds-shadow-card);
  border-color: var(--jtds-border) !important;
}

.obj_article_summary .title {
  font-size: 1rem !important;
  line-height: 1.35 !important;
}

.obj_issue_summary {
  border: 1px solid var(--jtds-border-soft) !important;
  box-shadow: var(--jtds-shadow-xs);
}

.obj_issue_summary:hover {
  box-shadow: var(--jtds-shadow-md);
  border-color: var(--jtds-border) !important;
}

/* ============================================================
   PLAGIARISM ALERT — tighter, calmer
   ============================================================ */
.jtds-plagiarism-alert {
  padding: 1.5rem !important;
  border-left-width: 5px !important;
  box-shadow: var(--jtds-shadow-card);
}

.jtds-pa-icon {
  width: 52px !important;
  height: 52px !important;
  font-size: 1.45rem !important;
}

.jtds-pa-title {
  font-size: 1.15rem !important;
}

.jtds-pa-desc {
  font-size: 0.9rem !important;
}

.jtds-pa-num {
  font-size: 2.25rem !important;
}

.jtds-pa-num-label {
  font-size: 0.7rem !important;
}

.jtds-pa-num-note {
  font-size: 0.72rem !important;
}

.jtds-pa-tool {
  padding: 0.4rem 0.75rem !important;
  font-size: 0.82rem !important;
}

.jtds-pa-footer {
  font-size: 0.82rem !important;
}

/* ============================================================
   AI DISCLOSURE ALERT — match plagiarism dimensions
   ============================================================ */
.jtds-ai-alert {
  padding: 1.5rem !important;
  border-left-width: 5px !important;
  box-shadow: var(--jtds-shadow-card);
}

.jtds-ai-icon {
  width: 52px !important;
  height: 52px !important;
  font-size: 1.45rem !important;
}

.jtds-ai-title {
  font-size: 1.15rem !important;
}

.jtds-ai-desc {
  font-size: 0.9rem !important;
}

.jtds-ai-rule {
  padding: 0.75rem 0.875rem !important;
  font-size: 0.83rem !important;
  border-radius: 0.5rem !important;
  box-shadow: var(--jtds-shadow-xs);
}

.jtds-ai-rule i {
  font-size: 1.1rem !important;
}

.jtds-ai-footer {
  font-size: 0.82rem !important;
}

/* ============================================================
   FEE CARDS
   ============================================================ */
.jtds-fee-card {
  padding: 1rem 1.125rem !important;
  box-shadow: var(--jtds-shadow-card);
  border-left-width: 4px !important;
}

.jtds-fee-icon {
  width: 40px !important;
  height: 40px !important;
  font-size: 1.05rem !important;
}

.jtds-fee-title {
  font-size: 1rem !important;
}

.jtds-fee-desc {
  font-size: 0.85rem !important;
}

/* ============================================================
   FLOW DIAGRAM (Alur Pengiriman) — subtle elevation
   ============================================================ */
.jtds-flow-step {
  padding: 1rem 0.875rem 0.875rem 0.875rem !important;
  border: 1px solid var(--jtds-border-soft) !important;
  box-shadow: var(--jtds-shadow-xs);
}

.jtds-flow-step:hover {
  box-shadow: var(--jtds-shadow-card);
  border-color: var(--jtds-border) !important;
}

.jtds-flow-num {
  width: 26px !important;
  height: 26px !important;
  font-size: 0.78rem !important;
  top: -13px !important;
  border-width: 2.5px !important;
}

.jtds-flow-icon {
  width: 42px !important;
  height: 42px !important;
  font-size: 1.15rem !important;
  margin: 0.5rem 0 0.625rem 0 !important;
}

.jtds-flow-title {
  font-size: 0.88rem !important;
  margin-bottom: 0.4rem !important;
}

.jtds-flow-desc {
  font-size: 0.74rem !important;
  line-height: 1.5 !important;
}

/* ============================================================
   EDITORIAL TEAM CARDS (page /about/editorialTeam)
   ============================================================ */
.jtds-editorial-card,
.jtds-team-card {
  padding: 0.875rem 1rem 0.875rem 1rem !important;
  border: 1px solid var(--jtds-border-soft) !important;
  box-shadow: var(--jtds-shadow-xs);
  border-left-width: 3px !important;
}

.jtds-editorial-card:hover,
.jtds-team-card:hover {
  box-shadow: var(--jtds-shadow-card);
  border-color: var(--jtds-border) !important;
}

.jtds-team-name {
  font-size: 0.95rem !important;
}

.jtds-team-aff {
  font-size: 0.8rem !important;
}

.jtds-team-subhead {
  font-size: 0.7rem !important;
  margin: 0.875rem 0 0.5rem 0 !important;
  border-bottom-width: 1.5px !important;
}

/* ============================================================
   BUTTONS — refined
   ============================================================ */
.jtds-btn {
  padding: 0.625rem 1.125rem !important;
  font-size: 0.88rem !important;
  box-shadow: var(--jtds-shadow-xs);
}

.jtds-btn:hover {
  box-shadow: var(--jtds-shadow-card);
}

/* ============================================================
   INDEXING ROW — softer
   ============================================================ */
.jtds-indexing {
  padding: 1rem 1.25rem !important;
  border: 1px solid var(--jtds-border-soft) !important;
  box-shadow: var(--jtds-shadow-xs);
  gap: 1.25rem 1.75rem !important;
}

.jtds-indexing img,
.jtds-indexing a img {
  height: 32px !important;
}

/* ============================================================
   TABLES — minimal noise
   ============================================================ */
table.data,
.pkp_structure_main table {
  border: 1px solid var(--jtds-border-soft) !important;
  box-shadow: var(--jtds-shadow-xs);
}

table.data td:first-child {
  font-size: 0.78rem !important;
}

/* ============================================================
   SECTION SPACING — more breathing room
   ============================================================ */
.jtds-home-section + .jtds-home-section {
  margin-top: 2rem !important;
  padding-top: 1.5rem !important;
}

.jtds-home-section {
  margin: 1.5rem 0 !important;
}

/* ============================================================
   GLOBAL POLISH
   ============================================================ */

/* Smoother corners */
.pkp_block,
.jtds-stat,
.jtds-feature,
.jtds-team-card,
.jtds-editorial-card,
.obj_article_summary,
.obj_issue_summary,
.jtds-flow-step {
  border-radius: 0.625rem !important;
}

/* Image rendering quality */
img {
  -webkit-font-smoothing: antialiased;
  image-rendering: -webkit-optimize-contrast;
}

/* Underline offset cleaner for body links */
.jtds-prose a:hover,
.jtds-lead a:hover {
  text-underline-offset: 4px !important;
}

/* Selection — calmer */
::selection {
  background: rgba(30, 64, 175, 0.2);
  color: var(--jtds-text);
}

/* ============================================================
   ANNOUNCEMENTS — di tengah homepage (dipindah lewat JS)
   ============================================================ */

/* Hide announcement link di header navigasi */
.pkp_navigation_primary li:has(a[href$="/announcement"]) {
  display: none !important;
}
.pkp_navigation_primary a[href$="/announcement"] {
  display: none !important;
}

/* Style cmp_announcements yang dipindah ke slot */
#jtds-announcement-slot {
  margin: 1.5rem 0;
}

#jtds-announcement-slot .cmp_announcements {
  background: white;
  border: 1px solid var(--jtds-border-soft);
  border-left: 4px solid var(--jtds-primary);
  border-radius: 0.625rem;
  box-shadow: var(--jtds-shadow-card);
  padding: 1.25rem 1.5rem;
  margin: 0;
}

/* Translate "Announcements" heading ke "Pengumuman" lewat CSS trick */
#jtds-announcement-slot .cmp_announcements > h2 {
  font-size: 0 !important;
  margin: 0 0 0.875rem 0 !important;
  padding: 0 0 0.5rem 0 !important;
  border-bottom: 2px solid var(--jtds-primary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

#jtds-announcement-slot .cmp_announcements > h2::before {
  content: "\f0a1";
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  font-size: 1rem;
  color: var(--jtds-primary);
}

#jtds-announcement-slot .cmp_announcements > h2::after {
  content: "Pengumuman";
  font-family: var(--jtds-font-display);
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--jtds-text);
  letter-spacing: -0.01em;
}

/* Featured (first) announcement */
#jtds-announcement-slot .obj_announcement_summary {
  border: 1px solid var(--jtds-border-soft);
  border-radius: 0.5rem;
  padding: 0.875rem 1rem;
  margin-bottom: 0.625rem;
  background: var(--jtds-bg-alt);
  transition: all var(--jtds-fast);
}

#jtds-announcement-slot .obj_announcement_summary:hover {
  border-color: var(--jtds-primary-light);
  box-shadow: var(--jtds-shadow-xs);
  transform: translateX(2px);
}

#jtds-announcement-slot .obj_announcement_summary h3,
#jtds-announcement-slot .obj_announcement_summary h4 {
  font-family: var(--jtds-font-display) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  margin: 0 0 0.25rem 0 !important;
  line-height: 1.4 !important;
}

#jtds-announcement-slot .obj_announcement_summary h3 a,
#jtds-announcement-slot .obj_announcement_summary h4 a {
  color: var(--jtds-text) !important;
  text-decoration: none !important;
}

#jtds-announcement-slot .obj_announcement_summary h3 a:hover,
#jtds-announcement-slot .obj_announcement_summary h4 a:hover {
  color: var(--jtds-primary) !important;
}

#jtds-announcement-slot .obj_announcement_summary .date {
  font-family: var(--jtds-font-mono);
  font-size: 0.7rem;
  color: var(--jtds-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0.375rem;
}

#jtds-announcement-slot .obj_announcement_summary .description {
  font-family: var(--jtds-font-body);
  font-size: 0.85rem;
  line-height: 1.55;
  color: #475569;
  margin: 0;
  text-align: justify;
}

/* "More announcements" link */
#jtds-announcement-slot .more {
  margin-top: 0.625rem;
}


/* ============================================================
   ANNOUNCEMENT — MINIMALIST OVERRIDE
   Featured + compact uniform; description max 1 baris (truncate)
   ============================================================ */

/* Container lebih ringkas */
#jtds-announcement-slot .cmp_announcements {
  padding: 1rem 1.125rem !important;
}

/* Heading "Pengumuman" lebih kecil */
#jtds-announcement-slot .cmp_announcements > h2 {
  margin: 0 0 0.625rem 0 !important;
  padding: 0 0 0.375rem 0 !important;
  border-bottom-width: 1.5px !important;
}

#jtds-announcement-slot .cmp_announcements > h2::after {
  font-size: 0.95rem !important;
}

#jtds-announcement-slot .cmp_announcements > h2::before {
  font-size: 0.85rem !important;
}

/* Setiap announcement card uniform compact */
#jtds-announcement-slot .obj_announcement_summary {
  padding: 0.55rem 0.875rem !important;
  margin: 0 0 0.4rem 0 !important;
  border-radius: 0.375rem !important;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.625rem 0.875rem;
  align-items: baseline;
}

#jtds-announcement-slot .obj_announcement_summary:last-child {
  margin-bottom: 0 !important;
}

/* Date jadi badge kecil di kiri */
#jtds-announcement-slot .obj_announcement_summary .date {
  font-family: var(--jtds-font-mono) !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase;
  color: var(--jtds-text-muted) !important;
  white-space: nowrap;
  margin: 0 !important;
  padding: 0.18rem 0.45rem;
  background: white;
  border: 1px solid var(--jtds-border);
  border-radius: 0.25rem;
  align-self: center;
}

/* Title compact, single line ellipsis */
#jtds-announcement-slot .obj_announcement_summary h3,
#jtds-announcement-slot .obj_announcement_summary h4 {
  font-family: var(--jtds-font-display) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Description (only featured) — truncate 1 baris, di bawah title */
#jtds-announcement-slot .obj_announcement_summary .description,
#jtds-announcement-slot .obj_announcement_summary > p {
  grid-column: 1 / -1;
  font-size: 0.78rem !important;
  line-height: 1.45 !important;
  color: var(--jtds-text-muted) !important;
  margin: 0.25rem 0 0 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left !important;
}

/* "More" link — kecil compact */
#jtds-announcement-slot .more {
  margin: 0.5rem 0 0 0 !important;
  text-align: right;
}

#jtds-announcement-slot .more a {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: var(--jtds-primary) !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Hover */
#jtds-announcement-slot .obj_announcement_summary:hover {
  background: white !important;
  transform: translateX(2px);
}

#jtds-announcement-slot .obj_announcement_summary:hover .date {
  border-color: var(--jtds-primary-light);
  color: var(--jtds-primary);
}

/* ============================================================
   ISSUE ARCHIVE — COMPACT GRID LAYOUT
   /index.php/JTDS/issue/archive
   ============================================================ */

/* Page wrapper */
.page_index_archive .issues_archive,
.page_archive .issues_archive {
  margin: 1.25rem 0;
}

/* Convert <ul> ke grid responsive */
.page_index_archive ul:not(.cmp_breadcrumbs):not(.pkp_navigation_user):not(.jtds-sidebar-list),
.page_archive ul:not(.cmp_breadcrumbs):not(.pkp_navigation_user):not(.jtds-sidebar-list) {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.75rem !important;
}

.page_index_archive ul li,
.page_archive ul li {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Issue card compact */
.page_index_archive .obj_issue_summary,
.page_archive .obj_issue_summary {
  padding: 0.875rem 1rem !important;
  margin: 0 !important;
  height: 100%;
  display: flex !important;
  flex-direction: column;
  gap: 0.25rem;
  border: 1px solid var(--jtds-border-soft) !important;
  border-left: 3px solid var(--jtds-primary) !important;
  border-radius: 0.5rem !important;
  background: white !important;
  box-shadow: var(--jtds-shadow-xs);
  transition: all var(--jtds-fast);
  position: relative;
  overflow: hidden;
}

.page_index_archive .obj_issue_summary:hover,
.page_archive .obj_issue_summary:hover {
  border-color: var(--jtds-primary-light) !important;
  border-left-color: var(--jtds-primary-deep) !important;
  box-shadow: var(--jtds-shadow-card) !important;
  transform: translateY(-2px);
}

/* Title — kompak, no margin */
.page_index_archive .obj_issue_summary h2,
.page_archive .obj_issue_summary h2 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  font-family: var(--jtds-font-display) !important;
  letter-spacing: -0.01em;
  line-height: 1.3 !important;
  border: none !important;
}

.page_index_archive .obj_issue_summary .title,
.page_archive .obj_issue_summary .title {
  color: var(--jtds-text) !important;
  text-decoration: none !important;
  font-size: 0.95rem !important;
  display: block;
}

.page_index_archive .obj_issue_summary:hover .title,
.page_archive .obj_issue_summary:hover .title {
  color: var(--jtds-primary) !important;
}

/* Series (Vol/No) — badge mono kecil */
.page_index_archive .obj_issue_summary .series,
.page_archive .obj_issue_summary .series {
  font-family: var(--jtds-font-mono) !important;
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  color: var(--jtds-text-muted) !important;
  letter-spacing: 0.02em !important;
  display: inline-block;
  padding: 0.15rem 0.5rem;
  background: var(--jtds-bg-alt);
  border-radius: 0.25rem;
  align-self: flex-start;
  margin-top: 0.25rem !important;
}

/* Description — hide kalau kosong, truncate kalau ada */
.page_index_archive .obj_issue_summary .description,
.page_archive .obj_issue_summary .description {
  font-size: 0.78rem !important;
  line-height: 1.45 !important;
  color: var(--jtds-text-muted) !important;
  margin: 0.25rem 0 0 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.page_index_archive .obj_issue_summary .description:empty,
.page_archive .obj_issue_summary .description:empty {
  display: none !important;
}

/* Page heading "Archives" lebih kompak */
.page_index_archive h1,
.page_archive h1 {
  margin-top: 0.5rem !important;
  margin-bottom: 1rem !important;
}

/* Mobile: 1 col, gap kecil */
@media (max-width: 480px) {
  .page_index_archive ul:not(.cmp_breadcrumbs),
  .page_archive ul:not(.cmp_breadcrumbs) {
    grid-template-columns: 1fr !important;
  }
}


/* ============================================================
   ARTICLE VIEW PAGE — DOWNLOAD BUTTONS + CITATION
   ============================================================ */

/* PDF / Galley download — fix hover (text putih tetap readable) */
.obj_galley_link,
.obj_galley_link.pdf {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.7rem 1.4rem !important;
  background: var(--jtds-primary) !important;
  color: white !important;
  border: 1.5px solid var(--jtds-primary) !important;
  border-radius: 0.5rem !important;
  font-family: var(--jtds-font-body) !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  transition: all var(--jtds-fast) !important;
  box-shadow: var(--jtds-shadow-xs) !important;
  margin: 0.25rem 0.4rem 0.25rem 0 !important;
}

.obj_galley_link:hover,
.obj_galley_link.pdf:hover,
.obj_galley_link:focus,
.obj_galley_link.pdf:focus {
  background: var(--jtds-primary-deep) !important;
  color: white !important;
  border-color: var(--jtds-primary-deep) !important;
  transform: translateY(-1px);
  box-shadow: var(--jtds-shadow-card) !important;
  text-decoration: none !important;
}

.obj_galley_link.pdf::before {
  content: "\f1c1";
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  font-size: 0.95rem;
}

.obj_galley_link:not(.pdf)::before {
  content: "\f15c";
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  font-size: 0.9rem;
}

/* ============================================================
   HOW TO CITE
   ============================================================ */

.item.citation > .label,
.item.citation .label {
  font-family: var(--jtds-font-display) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: var(--jtds-text) !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 0.5rem !important;
  display: block;
}

.item.citation .value,
#citationOutput {
  font-family: var(--jtds-font-body) !important;
  font-size: 0.85rem !important;
  line-height: 1.55 !important;
  color: #475569 !important;
  background: var(--jtds-bg-alt) !important;
  border: 1px solid var(--jtds-border) !important;
  border-radius: 0.5rem !important;
  padding: 0.75rem 0.875rem !important;
  margin: 0 0 0.625rem 0 !important;
}

/* "More Citation Formats" toggle button */
.citation_formats_button {
  display: inline-flex !important;
  align-items: center;
  gap: 0.375rem;
  background: white !important;
  color: var(--jtds-primary) !important;
  border: 1px solid var(--jtds-border-strong) !important;
  padding: 0.4rem 0.875rem !important;
  border-radius: 0.4rem !important;
  font-family: var(--jtds-font-body) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: all var(--jtds-fast);
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.citation_formats_button::before {
  content: "\f0c9";
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
}

.citation_formats_button:hover,
.citation_formats_button:focus {
  background: var(--jtds-primary) !important;
  color: white !important;
  border-color: var(--jtds-primary) !important;
}

/* Dropdown panel */
.citation_formats_list {
  margin-top: 0.5rem !important;
  background: white !important;
  border: 1px solid var(--jtds-border) !important;
  border-radius: 0.5rem !important;
  box-shadow: var(--jtds-shadow-card) !important;
  padding: 0.5rem !important;
}

.citation_formats_list[aria-hidden="true"] {
  display: none !important;
}

/* Style buttons grid */
.citation_formats_styles {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 0.25rem !important;
}

.citation_formats_styles li {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.citation_formats_styles a {
  display: block !important;
  padding: 0.35rem 0.5rem !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  color: var(--jtds-text) !important;
  background: var(--jtds-bg-alt) !important;
  border: 1px solid transparent !important;
  border-radius: 0.3rem !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all var(--jtds-fast);
}

.citation_formats_styles a:hover,
.citation_formats_styles a:focus {
  background: var(--jtds-primary) !important;
  color: white !important;
  border-color: var(--jtds-primary) !important;
}

/* RIS + BibTeX — PROMINENT (white bg + blue border + bold) */
.citation_formats_styles a[href*="/download/ris"],
.citation_formats_styles a[href*="/download/bibtex"] {
  background: white !important;
  color: var(--jtds-primary-deep) !important;
  border-color: var(--jtds-primary) !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.3rem !important;
}

.citation_formats_styles a[href*="/download/ris"]:hover,
.citation_formats_styles a[href*="/download/bibtex"]:hover {
  background: var(--jtds-primary) !important;
  color: white !important;
}

.citation_formats_styles a .fa-download {
  font-size: 0.8rem;
}

.citation_formats_list h3,
.citation_formats_list .heading {
  font-family: var(--jtds-font-display) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: var(--jtds-text-muted) !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 0.5rem 0 0.4rem 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* ============================================================
   ARTICLE TITLE & METADATA
   ============================================================ */

.page_article .article_title,
.obj_article_full .article_title {
  font-size: clamp(1.2rem, 1rem + 0.5vw, 1.6rem) !important;
  line-height: 1.3 !important;
  margin-bottom: 0.75rem !important;
}

.page_article .authors,
.obj_article_full .authors {
  font-size: 0.95rem !important;
  color: var(--jtds-text) !important;
  margin-bottom: 0.5rem !important;
}

.page_article .affiliation,
.obj_article_full .affiliation {
  font-size: 0.82rem !important;
  color: var(--jtds-text-muted) !important;
  font-style: italic;
}

.item.abstract {
  margin: 1.5rem 0 !important;
}

.item.abstract .label,
.item.abstract h2 {
  font-family: var(--jtds-font-display) !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--jtds-text) !important;
  margin-bottom: 0.5rem !important;
}

.item.abstract .value,
.item.abstract p {
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
  color: var(--jtds-text) !important;
  text-align: justify !important;
}

/* DOI badge */
.item.doi {
  margin: 1rem 0 !important;
}

.item.doi .label {
  display: inline-block;
  background: var(--jtds-primary);
  color: white !important;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-right: 0.5rem;
}

.item.doi .value a {
  font-family: var(--jtds-font-mono);
  font-size: 0.85rem;
  color: var(--jtds-primary);
}

.page_article .item.keywords .label,
.page_article .item.references .label {
  font-family: var(--jtds-font-display) !important;
  font-size: 0.78rem !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 700 !important;
  color: var(--jtds-text) !important;
  margin-bottom: 0.4rem !important;
  display: block;
}

/* ============================================================
   HOVER FIX — semua download/galley/article links readable
   ============================================================ */

a.obj_galley_link,
a.obj_galley_link.pdf,
.obj_article_summary a.obj_galley_link,
.obj_article_summary a.obj_galley_link.pdf,
.obj_article_summary .galleys_links a,
.obj_article_summary .galleys_links li a,
.cmp_article_list a.obj_galley_link,
.cmp_article_list a.obj_galley_link.pdf,
.page_issue a.obj_galley_link,
.page_article a.obj_galley_link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  padding: 0.5rem 1rem !important;
  background-color: #1e40af !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 1.5px solid #1e40af !important;
  border-radius: 0.5rem !important;
  font-family: var(--jtds-font-body) !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  transition: all 150ms ease-out !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
  margin: 0.2rem 0.35rem 0.2rem 0 !important;
}

a.obj_galley_link:hover,
a.obj_galley_link:focus,
a.obj_galley_link.pdf:hover,
a.obj_galley_link.pdf:focus,
.obj_article_summary a.obj_galley_link:hover,
.obj_article_summary a.obj_galley_link.pdf:hover,
.obj_article_summary .galleys_links a:hover,
.obj_article_summary .galleys_links li a:hover,
.cmp_article_list a.obj_galley_link:hover,
.cmp_article_list a.obj_galley_link.pdf:hover,
.page_issue a.obj_galley_link:hover,
.page_article a.obj_galley_link:hover {
  background-color: #1e3a8a !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #1e3a8a !important;
  text-decoration: none !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.25) !important;
}

a.obj_galley_link::before {
  content: "\f1c1" !important;
  font-family: "Font Awesome 5 Free", "FontAwesome" !important;
  font-weight: 900 !important;
  font-size: 0.9rem !important;
  display: inline-block !important;
}

a.obj_galley_link:not(.pdf)::before { content: "\f15c" !important; }

.obj_article_summary .galleys_links,
.cmp_article_list .galleys_links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.4rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0.5rem 0 0 0 !important;
}

.obj_article_summary .galleys_links li,
.cmp_article_list .galleys_links li {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.obj_article_summary h3.title a,
.obj_article_summary h4.title a,
.obj_article_summary .title a,
.cmp_article_list .obj_article_summary .title a {
  color: var(--jtds-text) !important;
  text-decoration: none !important;
  transition: color 150ms !important;
}

.obj_article_summary h3.title a:hover,
.obj_article_summary h4.title a:hover,
.obj_article_summary .title a:hover,
.cmp_article_list .obj_article_summary .title a:hover {
  color: var(--jtds-primary) !important;
  text-decoration: none !important;
}

.obj_article_summary .meta .authors {
  color: var(--jtds-text-muted) !important;
}

.obj_article_summary .doiInSummary a {
  color: var(--jtds-primary) !important;
}

.obj_article_summary .doiInSummary a:hover {
  color: var(--jtds-primary-deep) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

.page_issue .heading h2,
.page_issue .heading .published,
.page_issue h1,
.page_issue h2 {
  color: var(--jtds-text) !important;
}

.page_issue .section h3,
.page_issue .sections h3 {
  font-family: var(--jtds-font-display) !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  color: var(--jtds-text) !important;
  letter-spacing: -0.01em;
  margin: 1.25rem 0 0.625rem 0 !important;
  padding-bottom: 0.4rem !important;
  border-bottom: 2px solid var(--jtds-primary);
}

.read_more, a.read_more {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  padding: 0.5rem 1rem !important;
  background: white !important;
  color: var(--jtds-primary) !important;
  border: 1px solid var(--jtds-border-strong) !important;
  border-radius: 0.4rem !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 150ms !important;
  margin-top: 1rem;
}

.read_more:hover, a.read_more:hover {
  background: var(--jtds-primary) !important;
  color: white !important;
  border-color: var(--jtds-primary) !important;
  text-decoration: none !important;
}

.page_issue .heading {
  background: var(--jtds-bg-alt);
  padding: 1rem 1.25rem;
  border-radius: 0.625rem;
  border: 1px solid var(--jtds-border-soft);
  margin-bottom: 1.25rem;
}

.page_issue .heading h2 {
  font-family: var(--jtds-font-display);
  font-size: 1.25rem;
  margin: 0 0 0.4rem 0 !important;
}

.page_issue .heading .published {
  font-family: var(--jtds-font-mono);
  font-size: 0.78rem;
  color: var(--jtds-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* ============================================================
   STAT GRID — PREMIUM ACADEMIC LOOK
   Grey gradient container + accent strip + refined cards
   ============================================================ */

.jtds-stats {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.875rem !important;
  padding: 1.75rem 1.5rem 1.5rem 1.5rem !important;
  margin: 1.5rem 0 !important;
  background:
    linear-gradient(135deg, rgba(248, 250, 252, 1) 0%, rgba(241, 245, 249, 1) 50%, rgba(239, 246, 255, 0.6) 100%);
  border: 1px solid var(--jtds-border);
  border-radius: 0.875rem !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 1px 2px rgba(15, 23, 42, 0.03),
    0 4px 12px rgba(15, 23, 42, 0.04) !important;
  isolation: isolate;
}

/* Top accent strip — academic blue gradient */
.jtds-stats::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg,
    var(--jtds-primary) 0%,
    var(--jtds-primary-light) 50%,
    var(--jtds-primary) 100%);
  border-radius: 0.875rem 0.875rem 0 0;
  z-index: 1;
}

/* Subtle decorative corner accent (academic grid feel) */
.jtds-stats::after {
  content: "";
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--jtds-primary);
  opacity: 0.15;
  box-shadow:
    0 0 0 8px rgba(30, 64, 175, 0.05),
    0 0 0 16px rgba(30, 64, 175, 0.03);
  pointer-events: none;
}

/* === Cards: white floating on grey === */
.jtds-stat {
  position: relative;
  background: white !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-radius: 0.625rem !important;
  padding: 0.75rem 1rem !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 0 0 1px rgba(255, 255, 255, 0.5) inset !important;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  isolation: isolate;
}

/* Top reveal strip on hover — academic accent */
.jtds-stat::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--jtds-primary), var(--jtds-primary-light));
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.jtds-stat:hover {
  transform: translateY(-2px);
  border-color: var(--jtds-primary-light) !important;
  box-shadow:
    0 4px 12px rgba(15, 23, 42, 0.06),
    0 8px 20px rgba(30, 64, 175, 0.08) !important;
}

.jtds-stat:hover::before {
  transform: scaleX(1);
}

/* Label — uppercase tracking-wide muted */
.jtds-stat-label {
  font-family: var(--jtds-font-body) !important;
  font-size: 0.625rem !important;
  font-weight: 700 !important;
  color: var(--jtds-text-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  margin-bottom: 0.4rem !important;
  display: block;
  position: relative;
}

/* Subtle label underline accent */
.jtds-stat-label::after {
  content: "";
  display: block;
  width: 18px;
  height: 1.5px;
  background: var(--jtds-primary);
  margin-top: 0.3rem;
  border-radius: 1px;
  opacity: 0.5;
  transition: width 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 280ms;
}

.jtds-stat:hover .jtds-stat-label::after {
  width: 32px;
  opacity: 1;
}

/* Value (mono for numeric eISSN/DOI) — strong, refined */
.jtds-stat-value {
  font-family: var(--jtds-font-mono) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: var(--jtds-text) !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

/* Text variant (Frekuensi, Akses, Lisensi, Akreditasi) */
.jtds-stat-text-sm {
  font-family: var(--jtds-font-body) !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  color: var(--jtds-text) !important;
  letter-spacing: -0.005em !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

/* Mobile refinement */
@media (max-width: 640px) {
  .jtds-stats {
    grid-template-columns: repeat(2, 1fr) !important;
    padding: 1.25rem 1rem 1rem 1rem !important;
  }
  .jtds-stat {
    padding: 0.625rem 0.75rem !important;
  }
  .jtds-stat-value {
    font-size: 0.95rem !important;
  }
  .jtds-stat-text-sm {
    font-size: 0.85rem !important;
  }
}

@media (max-width: 380px) {
  .jtds-stats {
    grid-template-columns: 1fr !important;
  }
}

/* Period status badge (Open / Close) */
.jtds-period-badge {
  display: inline-block;
  padding: 2px 8px;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  border-radius: 0.25rem;
  margin-left: 0.4rem;
  vertical-align: middle;
  font-family: var(--jtds-font-body);
  border: 1px solid;
}
.jtds-period-open {
  background: #d1fae5;
  color: #065f46;
  border-color: #059669;
}
.jtds-period-progress {
  background: #fef3c7;
  color: #92400e;
  border-color: #d97706;
}
.jtds-period-close {
  background: #fee2e2;
  color: #7f1d1d;
  border-color: #dc2626;
}


/* ========================================================== */
/* JTDS — Article statistics + Author corresponding (2026-04-28) */
/* ========================================================== */
.jtds-article-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin-top: 14px;
  padding: 10px 14px;
  background: #f8fafc;
  border-left: 3px solid #1e40af;
  border-radius: 4px;
  font-size: 0.88em;
  color: #475569;
}
.jtds-article-stats .jtds-stat-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.jtds-article-stats .jtds-stat-item i.fa {
  color: #1e40af;
  opacity: 0.85;
}
.jtds-article-stats .jtds-stat-item strong {
  color: #1e293b;
  font-weight: 700;
}
.jtds-article-stats .jtds-galley-downloads {
  border-left: 1px dashed #cbd5e1;
  padding-left: 14px;
}
.jtds-article-stats .jtds-galley-downloads:first-of-type:not(.jtds-abstract-views) {
  border-left: none;
  padding-left: 0;
}

/* Authors block */
.jtds-authors {
  line-height: 1.7;
}
.jtds-author {
  display: inline-block;
}
.jtds-author-corresponding {
  font-weight: 600;
  color: #1e40af;
}
.jtds-corresponding-mark {
  display: inline-block;
  margin-left: 3px;
  font-size: 0.85em;
  color: #1e40af;
  cursor: help;
  vertical-align: super;
}
.jtds-author-corresponding:hover .jtds-corresponding-mark {
  transform: scale(1.15);
  transition: transform 150ms ease;
}
.jtds-author-sep {
  color: #64748b;
}
.jtds-author-count {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  background: #e0e7ff;
  color: #1e40af;
  border-radius: 10px;
  font-size: 0.78em;
  font-weight: 600;
  vertical-align: middle;
}

/* Mobile */
@media (max-width: 600px) {
  .jtds-article-stats {
    flex-direction: column;
    gap: 6px;
  }
  .jtds-article-stats .jtds-galley-downloads {
    border-left: none;
    padding-left: 0;
  }
}


/* ========================================================== */
/* JTDS — Mini stats compact (replaces old article-stats panel) */
/* Design rationale (ui-ux-pro-max):                            */
/*  - Hierarchy: stats = secondary info → muted color           */
/*  - Intentional rhythm: inline, no border, no extra space     */
/*  - Designed states: hover darkens, focus-visible ring        */
/*  - Accessible: SVG aria-hidden, role="group" + aria-label    */
/* ========================================================== */
.jtds-mini-stats {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  padding: 0;
  font-size: 0.78em;
  color: #94a3b8;
  letter-spacing: 0.01em;
  line-height: 1.3;
}
.jtds-mini-stat {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: color 150ms cubic-bezier(0.16, 1, 0.3, 1);
  cursor: help;
}
.jtds-mini-stat:hover,
.jtds-mini-stat:focus-visible {
  color: #1e40af;
  outline: none;
}
.jtds-mini-stat svg {
  flex-shrink: 0;
  opacity: 0.75;
  transition: opacity 150ms ease;
}
.jtds-mini-stat:hover svg {
  opacity: 1;
}
.jtds-mini-num {
  font-weight: 600;
  color: #475569;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}
.jtds-mini-stat:hover .jtds-mini-num {
  color: #1e40af;
}
.jtds-mini-sep {
  color: #cbd5e1;
  user-select: none;
  font-weight: 300;
}

/* Float right when there is a galleys list above */
.galleys_links + .jtds-mini-stats {
  float: right;
  margin-top: -32px;
  margin-right: 4px;
}

/* Mobile: stack below galleys, full width */
@media (max-width: 600px) {
  .galleys_links + .jtds-mini-stats {
    float: none;
    margin-top: 8px;
    margin-right: 0;
    display: flex;
    justify-content: flex-start;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .jtds-mini-stat,
  .jtds-mini-stat svg {
    transition: none;
  }
}

/* Override old verbose stats panel (delete styles) */
.jtds-article-stats {
  display: none !important;
}


/* ========================================================== */
/* JTDS — Article detail page redesign (2026-04-28)             */
/* Design rationale (ui-ux-pro-max applied):                    */
/*  - Hierarchy: DOI demoted from h2 → inline subtle line       */
/*  - Editorial layout: dates timeline below abstract            */
/*  - Layered cards: separate visual zones for info vs abstract  */
/*  - Designed states: hover + focus-visible on dates           */
/*  - Tabular numbers for date alignment                         */
/* ========================================================== */

/* ---- DOI inline (demoted from h2) ---- */
.jtds-doi-inline {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin: 0 0 18px 0;
  padding: 6px 0;
  font-size: 0.86em;
  color: #475569;
  border-bottom: 1px dashed #e2e8f0;
}
.jtds-doi-label {
  color: #94a3b8;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.85em;
}
.jtds-doi-value {
  color: #1e40af;
  text-decoration: none;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  font-size: 0.95em;
  word-break: break-all;
}
.jtds-doi-value:hover,
.jtds-doi-value:focus-visible {
  text-decoration: underline;
  outline: none;
}

/* Override default OJS h2 prominence inside the doi item */
.item.doi h2.label,
.item.doi .label {
  display: none !important;
}

/* ---- Article info panel (below abstract) ---- */
.jtds-article-info {
  margin: 28px 0;
  padding: 20px 24px;
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

/* Timeline dates */
.jtds-info-dates {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 14px;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e2e8f0;
}
.jtds-info-date {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  padding: 4px 0;
}
.jtds-info-date svg {
  flex-shrink: 0;
  color: #64748b;
  opacity: 0.85;
}
.jtds-info-date-label {
  font-size: 0.78em;
  color: #94a3b8;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-right: 4px;
}
.jtds-info-date-value {
  font-weight: 600;
  color: #1e293b;
  font-variant-numeric: tabular-nums;
  font-size: 0.93em;
}
.jtds-info-date-published svg,
.jtds-info-date-published .jtds-info-date-value {
  color: #1e40af;
}

/* Issue meta + license */
.jtds-info-meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}
.jtds-info-row {
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: baseline;
  gap: 12px;
  font-size: 0.92em;
}
.jtds-info-row dt {
  color: #94a3b8;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.82em;
  margin: 0;
}
.jtds-info-row dd {
  color: #1e293b;
  margin: 0;
  line-height: 1.5;
}
.jtds-info-row dd a {
  color: #1e40af;
  text-decoration: none;
  font-weight: 500;
}
.jtds-info-row dd a:hover {
  text-decoration: underline;
}
.jtds-info-row-license {
  margin-top: 4px;
}
.jtds-cc-badge {
  margin-top: 6px;
}
.jtds-cc-badge img {
  display: inline-block;
  vertical-align: middle;
  border: 0;
  height: 26px;
  width: auto;
}

/* Mobile: collapse meta rows */
@media (max-width: 640px) {
  .jtds-article-info {
    padding: 16px 14px;
  }
  .jtds-info-dates {
    grid-template-columns: 1fr;
    gap: 8px;
    padding-bottom: 14px;
    margin-bottom: 14px;
  }
  .jtds-info-row {
    grid-template-columns: 1fr;
    gap: 2px;
  }
  .jtds-info-row dt {
    font-size: 0.78em;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .jtds-doi-value,
  .jtds-info-row dd a {
    transition: none;
  }
}


/* ========================================================== */
/* JTDS — Article info meta lines (simple text, 1-line each)   */
/* Override grid/dl style — minimal text only                   */
/* ========================================================== */

/* Hide old grid meta (kept the .jtds-info-meta in case) */
.jtds-info-meta {
  display: none !important;
}

/* New simple text lines */
.jtds-info-lines {
  margin: 0;
  font-size: 0.92em;
  line-height: 1.7;
  color: #1e293b;
}
.jtds-info-line {
  margin: 0 0 4px 0;
  padding: 0;
}
.jtds-info-line:last-child {
  margin-bottom: 0;
}
.jtds-info-line-label {
  display: inline-block;
  min-width: 70px;
  color: #94a3b8;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.78em;
  margin-right: 8px;
  vertical-align: baseline;
}
.jtds-info-line a {
  color: #1e40af;
  text-decoration: none;
}
.jtds-info-line a:hover,
.jtds-info-line a:focus-visible {
  text-decoration: underline;
  outline: none;
}

/* Reduce panel chrome around info */
.jtds-article-info {
  background: #fafbfc !important;
  padding: 16px 18px !important;
  box-shadow: none !important;
}

/* Mobile: reset min-width so wrap nicely */
@media (max-width: 640px) {
  .jtds-info-line-label {
    display: block;
    min-width: 0;
    margin-right: 0;
    margin-bottom: -2px;
  }
}


/* ========================================================== */
/* JTDS — Article detail v2 (2026-04-29)                       */
/* ui-ux-pro-max applied:                                       */
/*  - Hierarchy: dates pill secondary above DOI                 */
/*  - Compact horizontal: meta-cards row replace sidebar style  */
/*  - Editorial: IEEE references with hanging indent            */
/*  - Tight rhythm: DOI->Abstract jarak ditipiskan              */
/* ========================================================== */

/* ---- DATES PILLS row (above DOI) ---- */
.jtds-dates-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0 12px 0;
  padding: 0;
}
.jtds-date-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  font-size: 0.82em;
  color: #475569;
  line-height: 1.4;
  transition: all 150ms cubic-bezier(0.16, 1, 0.3, 1);
}
.jtds-date-pill:hover {
  background: #e0e7ff;
  border-color: #c7d2fe;
  color: #1e40af;
}
.jtds-date-pill svg {
  flex-shrink: 0;
  opacity: 0.7;
}
.jtds-date-pill .jtds-date-label {
  font-size: 0.92em;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #94a3b8;
  font-weight: 600;
}
.jtds-date-pill .jtds-date-value {
  font-weight: 600;
  color: #1e293b;
  font-variant-numeric: tabular-nums;
}
.jtds-date-pill.jtds-date-published {
  background: #dbeafe;
  border-color: #bfdbfe;
  color: #1e40af;
}
.jtds-date-pill.jtds-date-published .jtds-date-label,
.jtds-date-pill.jtds-date-published .jtds-date-value,
.jtds-date-pill.jtds-date-published svg {
  color: #1e40af;
  opacity: 1;
}

/* ---- DOI tighten gap to abstract ---- */
.jtds-doi-inline {
  margin: 0 0 6px 0 !important;
  padding: 4px 0 !important;
  border-bottom: none !important;
}
.item.abstract {
  margin-top: 8px !important;
}
.item.keywords {
  margin: 6px 0 !important;
}

/* ---- 4 META CARDS HORIZONTAL (below abstract) ---- */
.jtds-meta-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 24px 0;
}
.jtds-meta-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 76px;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.jtds-meta-card:hover {
  border-color: #c7d2fe;
  box-shadow: 0 2px 6px rgba(30, 64, 175, 0.06);
}
.jtds-meta-card-label {
  font-size: 0.72em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #64748b;
  margin: 0;
  padding: 0 0 4px 0;
  border-bottom: 1px solid #e2e8f0;
  line-height: 1.2;
}
.jtds-meta-card-value {
  font-size: 0.85em;
  color: #1e293b;
  line-height: 1.45;
  word-wrap: break-word;
}
.jtds-meta-card-value a {
  color: #1e40af;
  text-decoration: none;
}
.jtds-meta-card-value a:hover,
.jtds-meta-card-value a:focus-visible {
  text-decoration: underline;
  outline: none;
}
.jtds-meta-card-license .jtds-license-copy {
  margin: 0 0 6px 0;
  font-size: 0.92em;
  color: #475569;
}
.jtds-cc-badge-mini img {
  display: inline-block;
  height: 22px;
  width: auto;
  vertical-align: middle;
}

/* ---- REFERENCES IEEE format ---- */
.jtds-references {
  margin: 32px 0 24px 0;
  padding: 20px 24px;
  background: #ffffff;
  border-top: 2px solid #1e40af;
  border-bottom: 1px solid #e2e8f0;
}
.jtds-ref-heading {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.4em;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 16px 0;
  letter-spacing: -0.01em;
}
.jtds-ref-list {
  margin: 0;
  padding: 0 0 0 0;
  counter-reset: ref-counter;
  list-style: none;
}
.jtds-ref-item {
  counter-increment: ref-counter;
  position: relative;
  padding: 6px 0 6px 40px;
  font-size: 0.92em;
  line-height: 1.6;
  color: #334155;
  border-bottom: 1px dashed #e2e8f0;
  word-wrap: break-word;
}
.jtds-ref-item:last-child {
  border-bottom: none;
}
.jtds-ref-item::before {
  content: "[" counter(ref-counter) "]";
  position: absolute;
  left: 0;
  top: 6px;
  width: 32px;
  font-weight: 600;
  color: #1e40af;
  font-variant-numeric: tabular-nums;
  text-align: left;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  font-size: 0.92em;
}
.jtds-ref-item a {
  color: #1e40af;
  text-decoration: none;
  word-break: break-all;
}
.jtds-ref-item a:hover {
  text-decoration: underline;
}

/* ---- HIDE old article-info panel (replaced by horizontal cards) ---- */
.jtds-article-info,
.jtds-info-meta,
.jtds-info-lines,
.jtds-info-dates {
  display: none !important;
}

/* ---- MOBILE responsive ---- */
@media (max-width: 900px) {
  .jtds-meta-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 540px) {
  .jtds-meta-cards {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .jtds-dates-row {
    gap: 6px;
  }
  .jtds-date-pill {
    font-size: 0.78em;
    padding: 4px 10px;
  }
  .jtds-references {
    padding: 16px 14px;
  }
  .jtds-ref-item {
    padding-left: 32px;
    font-size: 0.88em;
  }
  .jtds-ref-item::before {
    width: 26px;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .jtds-date-pill,
  .jtds-meta-card {
    transition: none;
  }
}


/* ========================================================== */
/* JTDS — Sidebar cards (matches user reference image)          */
/* Override jtds-meta-cards horizontal (now hidden)             */
/* ========================================================== */

.jtds-meta-cards {
  display: none !important;
}

.jtds-side-card {
  display: block;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 14px 16px;
  margin: 0 0 14px 0;
}
.jtds-side-card-label {
  font-size: 0.86em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #475569;
  margin: 0 0 6px 0;
  padding: 0 0 6px 0;
  border-bottom: 1px solid #e2e8f0;
  line-height: 1.2;
}
.jtds-side-card-value {
  font-size: 0.92em;
  color: #1e293b;
  line-height: 1.55;
  margin: 0;
}
.jtds-side-card-value a {
  color: #1e40af;
  text-decoration: none;
}
.jtds-side-card-value a:hover,
.jtds-side-card-value a:focus-visible {
  text-decoration: underline;
  outline: none;
}

/* License specific */
.jtds-side-license .jtds-side-license-copy {
  margin: 0 0 8px 0;
  font-size: 0.92em;
  line-height: 1.5;
  color: #475569;
}
.jtds-side-license a {
  word-break: break-word;
}
.jtds-side-license img {
  display: inline-block;
  height: 28px;
  width: auto;
  vertical-align: middle;
  margin: 4px 0;
}

/* Issue + Section grid (2 columns side-by-side) */
.jtds-side-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0 0 14px 0;
}
.jtds-side-grid .jtds-side-card {
  margin: 0;
  padding: 12px 14px;
}
.jtds-side-grid .jtds-side-card-label {
  font-size: 0.78em;
}
.jtds-side-grid .jtds-side-card-value {
  font-size: 0.86em;
}

/* Mobile: stack issue+section */
@media (max-width: 540px) {
  .jtds-side-grid {
    grid-template-columns: 1fr;
  }
}

/* DOI inline tighter */
.jtds-doi-inline {
  margin: 4px 0 8px 0 !important;
  padding: 4px 0 !important;
  border-bottom: none !important;
  font-size: 0.82em !important;
}


/* ============================================================ */
/* JTDS — Sidebar Quick Links (premium UI/UX)                    */
/* ui-ux-pro-max applied:                                        */
/*  - Hierarchy: section headers visually distinct from links    */
/*  - Semantic color: header = brand info, link = action         */
/*  - Designed states: card-like hover matching stat cards       */
/*  - Editorial typography: uppercase tracking, serif accent     */
/*  - Reduced motion respected                                   */
/* ============================================================ */

/* ---- WRAPPER ---- */
.jtds-sidebar-block {
  margin: 0 0 18px 0;
  padding: 0;
}
.jtds-sidebar-block:last-child {
  margin-bottom: 0;
}

/* ---- SECTION HEADER (non-clickable, semantic color) ---- */
.jtds-sidebar-title {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: #1e40af !important;
  margin: 0 0 10px 0 !important;
  padding: 8px 12px !important;
  background: linear-gradient(90deg, rgba(30, 64, 175, 0.08) 0%, rgba(30, 64, 175, 0.02) 100%) !important;
  border-left: 3px solid #1e40af !important;
  border-radius: 0 4px 4px 0 !important;
  cursor: default !important;
  user-select: none;
  position: relative;
  display: block;
}
.jtds-sidebar-title::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #1e40af;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
  opacity: 0.6;
}

/* ---- LINK LIST ---- */
.jtds-sidebar-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.jtds-sidebar-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ---- LINK ITEM (card-style with hover lift) ---- */
.jtds-sidebar-list li a {
  display: block;
  padding: 9px 14px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  color: #475569;
  text-decoration: none;
  font-size: 0.86em;
  font-weight: 500;
  line-height: 1.35;
  position: relative;
  transition:
    transform 200ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 200ms cubic-bezier(0.16, 1, 0.3, 1),
    color 200ms cubic-bezier(0.16, 1, 0.3, 1),
    padding-left 200ms cubic-bezier(0.16, 1, 0.3, 1);
}
.jtds-sidebar-list li a::before {
  content: "→";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%) translateX(-12px);
  opacity: 0;
  color: #1e40af;
  font-weight: 600;
  transition: opacity 200ms ease, transform 200ms cubic-bezier(0.16, 1, 0.3, 1);
}

/* ---- HOVER STATE (card lift like homepage stat cards) ---- */
.jtds-sidebar-list li a:hover,
.jtds-sidebar-list li a:focus-visible {
  transform: translateY(-2px);
  box-shadow:
    0 4px 12px rgba(15, 23, 42, 0.06),
    0 8px 20px rgba(30, 64, 175, 0.08);
  border-color: #c7d2fe;
  color: #1e40af;
  padding-left: 28px;
  outline: none;
}
.jtds-sidebar-list li a:hover::before,
.jtds-sidebar-list li a:focus-visible::before {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

/* ---- ACTIVE STATE (click feedback) ---- */
.jtds-sidebar-list li a:active {
  transform: translateY(-1px) scale(0.985);
  box-shadow: 0 2px 6px rgba(30, 64, 175, 0.10);
  transition-duration: 80ms;
}

/* ---- REDUCED MOTION ---- */
@media (prefers-reduced-motion: reduce) {
  .jtds-sidebar-list li a,
  .jtds-sidebar-list li a::before {
    transition: none;
  }
  .jtds-sidebar-list li a:hover,
  .jtds-sidebar-list li a:focus-visible {
    transform: none;
  }
}

/* ---- MOBILE ---- */
@media (max-width: 540px) {
  .jtds-sidebar-list li a {
    padding: 8px 12px;
    font-size: 0.84em;
  }
  .jtds-sidebar-title {
    font-size: 0.68rem !important;
    padding: 6px 10px !important;
  }
}


/* ============================================================ */
/* JTDS — Header Navigation premium UI/UX (consistent w/ sidebar) */
/* ui-ux-pro-max applied:                                         */
/*  - Hierarchy: primary nav inline, user nav distinct treatment  */
/*  - Designed states: hover lift + underline accent              */
/*  - Smooth cubic-bezier matching sidebar Quick Links            */
/*  - Accessible: focus-visible, ARIA dropdown                    */
/* ============================================================ */

/* ---- PRIMARY NAVIGATION (Home, Current, Archives, About, etc) ---- */
.pkp_navigation_primary {
  font-family: var(--jtds-font-body);
  font-size: 0.92rem;
  font-weight: 500;
}
.pkp_navigation_primary > li {
  position: relative;
  margin: 0 2px;
}

/* Default state */
.pkp_navigation_primary li a {
  display: inline-block;
  padding: 8px 14px !important;
  color: #475569 !important;
  background: transparent !important;
  border-radius: 6px !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.82rem;
  font-weight: 600;
  position: relative;
  transition:
    transform 200ms cubic-bezier(0.16, 1, 0.3, 1),
    color 200ms cubic-bezier(0.16, 1, 0.3, 1),
    background 200ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Underline accent (animated) */
.pkp_navigation_primary > li > a::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 4px;
  height: 2px;
  background: #1e40af;
  border-radius: 1px;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 240ms cubic-bezier(0.16, 1, 0.3, 1);
}

/* Hover state — lift + brand color + underline */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus-visible {
  color: #1e40af !important;
  background: rgba(30, 64, 175, 0.04) !important;
  transform: translateY(-1px);
  text-decoration: none !important;
  outline: none;
}
.pkp_navigation_primary > li > a:hover::after,
.pkp_navigation_primary > li > a:focus-visible::after {
  transform: scaleX(1);
}

/* Active state — press feedback */
.pkp_navigation_primary > li > a:active {
  transform: translateY(0);
  background: rgba(30, 64, 175, 0.08) !important;
}

/* Current page indicator (li.current_page) */
.pkp_navigation_primary > li.current_page > a,
.pkp_navigation_primary > li.current_page_ancestor > a {
  color: #1e40af !important;
  background: rgba(30, 64, 175, 0.06) !important;
}
.pkp_navigation_primary > li.current_page > a::after,
.pkp_navigation_primary > li.current_page_ancestor > a::after {
  transform: scaleX(1);
  opacity: 0.5;
}

/* ---- DROPDOWN (About > submenu) ---- */
.pkp_navigation_primary > li > ul {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 220px;
  margin: 0;
  padding: 6px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow:
    0 4px 12px rgba(15, 23, 42, 0.08),
    0 12px 28px rgba(30, 64, 175, 0.06);
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 2px;
  z-index: 100;
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  transition:
    opacity 200ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 200ms cubic-bezier(0.16, 1, 0.3, 1);
}

.pkp_navigation_primary > li:hover > ul,
.pkp_navigation_primary > li:focus-within > ul {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.pkp_navigation_primary > li > ul > li {
  margin: 0;
  list-style: none;
}

.pkp_navigation_primary > li > ul > li > a {
  display: block !important;
  padding: 8px 12px !important;
  border-radius: 5px !important;
  font-size: 0.84rem;
  text-transform: none;
  letter-spacing: 0;
  color: #475569 !important;
  background: transparent !important;
  font-weight: 500;
  transition:
    transform 180ms cubic-bezier(0.16, 1, 0.3, 1),
    background 180ms cubic-bezier(0.16, 1, 0.3, 1),
    color 180ms cubic-bezier(0.16, 1, 0.3, 1),
    padding-left 180ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.pkp_navigation_primary > li > ul > li > a:hover,
.pkp_navigation_primary > li > ul > li > a:focus-visible {
  background: rgba(30, 64, 175, 0.06) !important;
  color: #1e40af !important;
  padding-left: 18px !important;
  transform: none;
}

/* Hide underline accent for dropdown items */
.pkp_navigation_primary > li > ul > li > a::after {
  display: none;
}

/* ---- USER NAVIGATION (Register, Login top-right) ---- */
.pkp_navigation_user {
  font-family: var(--jtds-font-body);
  font-size: 0.85rem;
  font-weight: 600;
}
.pkp_navigation_user li a {
  padding: 6px 14px !important;
  border-radius: 999px !important;
  color: #1e40af !important;
  background: transparent !important;
  border: 1px solid transparent;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.78rem;
  transition:
    transform 200ms cubic-bezier(0.16, 1, 0.3, 1),
    background 200ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 200ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.pkp_navigation_user li a:hover,
.pkp_navigation_user li a:focus-visible {
  background: #1e40af !important;
  color: #ffffff !important;
  border-color: #1e40af;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.20);
  text-decoration: none !important;
  outline: none;
}
.pkp_navigation_user li a:active {
  transform: translateY(0);
  background: #1e3a8a !important;
  box-shadow: 0 2px 6px rgba(30, 64, 175, 0.20);
}

/* ---- REDUCED MOTION ---- */
@media (prefers-reduced-motion: reduce) {
  .pkp_navigation_primary li a,
  .pkp_navigation_primary > li > a::after,
  .pkp_navigation_primary > li > ul,
  .pkp_navigation_user li a {
    transition: none !important;
  }
  .pkp_navigation_primary li a:hover,
  .pkp_navigation_user li a:hover {
    transform: none !important;
  }
}

/* ---- MOBILE ---- */
@media (max-width: 768px) {
  .pkp_navigation_primary li a {
    padding: 8px 10px !important;
    font-size: 0.78rem;
    letter-spacing: 0.02em;
  }
  .pkp_navigation_primary > li > a::after {
    bottom: 2px;
    height: 1.5px;
  }
  .pkp_navigation_primary > li > ul {
    position: static;
    box-shadow: none;
    border: none;
    background: rgba(30, 64, 175, 0.04);
    margin: 4px 0 0 0;
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
}


/* ============================================================ */
/* JTDS — Header Nav fix (override theme defaultManuscript)     */
/* User report: "saat pilih About text hitam tidak nampak"      */
/* Fix: high-specificity color override + active state          */
/* ============================================================ */

/* Force text color biru — high specificity to beat theme */
ul#navigationPrimary > li > a,
.pkp_navigation_primary > li > a,
header .pkp_navigation_primary li a {
  color: #475569 !important;
}

ul#navigationPrimary > li > a:hover,
ul#navigationPrimary > li > a:focus,
ul#navigationPrimary > li > a:focus-visible,
ul#navigationPrimary > li:hover > a,
.pkp_navigation_primary > li:hover > a,
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
header .pkp_navigation_primary li a:hover,
header .pkp_navigation_primary li a:focus {
  color: #1e40af !important;
  background: rgba(30, 64, 175, 0.06) !important;
  text-decoration: none !important;
}

/* Dropdown items: override theme's color: @text-bg-base */
ul#navigationPrimary > li > ul > li > a,
ul#navigationPrimary > li > ul > li > a:link,
ul#navigationPrimary > li > ul > li > a:visited,
.pkp_navigation_primary > li > ul > li > a {
  color: #475569 !important;
  background: transparent !important;
  text-decoration: none !important;
}

ul#navigationPrimary > li > ul > li > a:hover,
ul#navigationPrimary > li > ul > li > a:focus,
ul#navigationPrimary > li > ul > li > a:focus-visible,
ul#navigationPrimary > li > ul > li:hover > a,
.pkp_navigation_primary > li > ul > li > a:hover,
.pkp_navigation_primary > li > ul > li > a:focus {
  color: #1e40af !important;
  background: rgba(30, 64, 175, 0.08) !important;
  text-decoration: none !important;
}

/* Override theme rule: a:focus { background: dark; color: light } that flips text white */
ul#navigationPrimary a:focus,
ul#navigationPrimary a:focus-visible,
.pkp_navigation_primary a:focus,
.pkp_navigation_primary a:focus-visible {
  outline: 2px solid rgba(30, 64, 175, 0.3) !important;
  outline-offset: 2px;
}

/* Make sure dropdown is always visible (not behind other elements) */
ul#navigationPrimary > li > ul,
.pkp_navigation_primary > li > ul {
  z-index: 1000 !important;
}


/* ============================================================ */
/* JTDS — Header nav text WHITE (bg=baseColour biru #1e40af)    */
/* Override previous color rules — text putih on biru bg         */
/* ============================================================ */

/* Default state: text putih */
ul#navigationPrimary > li > a,
.pkp_navigation_primary > li > a,
header .pkp_navigation_primary > li > a {
  color: #ffffff !important;
  opacity: 0.92;
}

/* Hover/Focus: text putih solid + bg lighter rgba */
ul#navigationPrimary > li > a:hover,
ul#navigationPrimary > li > a:focus,
ul#navigationPrimary > li > a:focus-visible,
ul#navigationPrimary > li:hover > a,
.pkp_navigation_primary > li:hover > a,
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
header .pkp_navigation_primary > li > a:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.15) !important;
  opacity: 1;
  text-decoration: none !important;
}

/* Underline accent putih */
ul#navigationPrimary > li > a::after,
.pkp_navigation_primary > li > a::after {
  background: #ffffff !important;
}

/* Active state */
ul#navigationPrimary > li > a:active,
.pkp_navigation_primary > li > a:active {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}

/* Current page indicator */
ul#navigationPrimary > li.current_page > a,
ul#navigationPrimary > li.current_page_ancestor > a,
.pkp_navigation_primary > li.current_page > a {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.18) !important;
}

/* Focus ring putih */
ul#navigationPrimary a:focus-visible,
.pkp_navigation_primary a:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.6) !important;
  outline-offset: 2px;
}

/* ---- DROPDOWN (About sub-items) — panel white, text muted dark ---- */
/* Dropdown PANEL has white background, items inside use dark text */
ul#navigationPrimary > li > ul,
.pkp_navigation_primary > li > ul {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow:
    0 4px 12px rgba(15, 23, 42, 0.08),
    0 12px 28px rgba(30, 64, 175, 0.12) !important;
}

ul#navigationPrimary > li > ul > li > a,
ul#navigationPrimary > li > ul > li > a:link,
ul#navigationPrimary > li > ul > li > a:visited,
.pkp_navigation_primary > li > ul > li > a {
  color: #475569 !important;
  background: transparent !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

ul#navigationPrimary > li > ul > li > a:hover,
ul#navigationPrimary > li > ul > li > a:focus,
ul#navigationPrimary > li > ul > li > a:focus-visible,
ul#navigationPrimary > li > ul > li:hover > a,
.pkp_navigation_primary > li > ul > li > a:hover {
  color: #1e40af !important;
  background: rgba(30, 64, 175, 0.08) !important;
}

/* Dropdown items don't need underline accent (white panel) */
ul#navigationPrimary > li > ul > li > a::after,
.pkp_navigation_primary > li > ul > li > a::after {
  display: none !important;
}

/* ---- USER NAV (Register, Login top-right) — also white text on biru ---- */
.pkp_navigation_user li a {
  color: #ffffff !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  opacity: 0.95;
}
.pkp_navigation_user li a:hover,
.pkp_navigation_user li a:focus,
.pkp_navigation_user li a:focus-visible {
  color: #1e40af !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
  opacity: 1;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  text-decoration: none !important;
}
.pkp_navigation_user li a:active {
  background: #f8fafc !important;
  color: #1e40af !important;
}


/* ============================================================ */
/* JTDS — Header nav REVERT (text dark on white bg)             */
/* Override previous white-text rules (logic reversed)          */
/* ============================================================ */

/* Default state: text muted dark — visible on white bg */
ul#navigationPrimary > li > a,
.pkp_navigation_primary > li > a,
header .pkp_navigation_primary > li > a {
  color: #1e293b !important;
  opacity: 1 !important;
}

/* Hover/Focus: text biru brand + bg subtle biru muda */
ul#navigationPrimary > li > a:hover,
ul#navigationPrimary > li > a:focus,
ul#navigationPrimary > li > a:focus-visible,
ul#navigationPrimary > li:hover > a,
.pkp_navigation_primary > li:hover > a,
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
header .pkp_navigation_primary > li > a:hover {
  color: #1e40af !important;
  background: rgba(30, 64, 175, 0.06) !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

/* Underline accent biru brand */
ul#navigationPrimary > li > a::after,
.pkp_navigation_primary > li > a::after {
  background: #1e40af !important;
}

/* Active state */
ul#navigationPrimary > li > a:active,
.pkp_navigation_primary > li > a:active {
  background: rgba(30, 64, 175, 0.10) !important;
  color: #1e40af !important;
}

/* Current page indicator */
ul#navigationPrimary > li.current_page > a,
ul#navigationPrimary > li.current_page_ancestor > a,
.pkp_navigation_primary > li.current_page > a {
  color: #1e40af !important;
  background: rgba(30, 64, 175, 0.06) !important;
}

/* Focus ring biru subtle */
ul#navigationPrimary a:focus-visible,
.pkp_navigation_primary a:focus-visible {
  outline: 2px solid rgba(30, 64, 175, 0.35) !important;
  outline-offset: 2px;
}

/* ---- USER NAV (Register, Login) — pill button on white bg ---- */
.pkp_navigation_user li a {
  color: #1e40af !important;
  background: transparent !important;
  border: 1px solid rgba(30, 64, 175, 0.3) !important;
  opacity: 1 !important;
}
.pkp_navigation_user li a:hover,
.pkp_navigation_user li a:focus,
.pkp_navigation_user li a:focus-visible {
  color: #ffffff !important;
  background: #1e40af !important;
  border-color: #1e40af !important;
  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.20);
  text-decoration: none !important;
}
.pkp_navigation_user li a:active {
  background: #1e3a8a !important;
  color: #ffffff !important;
}

/* Dropdown panel keeps white bg, text dark muted, hover biru */
ul#navigationPrimary > li > ul > li > a,
.pkp_navigation_primary > li > ul > li > a {
  color: #475569 !important;
  background: transparent !important;
  opacity: 1 !important;
}
ul#navigationPrimary > li > ul > li > a:hover,
.pkp_navigation_primary > li > ul > li > a:hover {
  color: #1e40af !important;
  background: rgba(30, 64, 175, 0.08) !important;
}


/* ============================================================ */
/* JTDS — Announcement ticker marquee (>2 announcements)        */
/* Top 2 full cards, rest jadi sliding pill ticker              */
/* ui-ux-pro-max: pause on hover, reduced motion respect        */
/* ============================================================ */

.jtds-ann-ticker {
  margin-top: 14px;
  padding: 8px 0;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  background: linear-gradient(180deg, rgba(30, 64, 175, 0.02) 0%, rgba(255, 255, 255, 0) 100%);
  overflow: hidden;
  position: relative;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, black 60px, black calc(100% - 60px), transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, black 60px, black calc(100% - 60px), transparent 100%);
}

.jtds-ann-ticker-track {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  white-space: nowrap;
  animation: jtds-ann-scroll 60s linear infinite;
  will-change: transform;
}

.jtds-ann-ticker:hover .jtds-ann-ticker-track,
.jtds-ann-ticker:focus-within .jtds-ann-ticker-track {
  animation-play-state: paused;
}

@keyframes jtds-ann-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.jtds-ann-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  color: #475569;
  text-decoration: none;
  font-size: 0.84em;
  font-weight: 500;
  line-height: 1.4;
  flex-shrink: 0;
  transition:
    transform 200ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 200ms cubic-bezier(0.16, 1, 0.3, 1),
    color 200ms cubic-bezier(0.16, 1, 0.3, 1);
}

.jtds-ann-pill:hover,
.jtds-ann-pill:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.10);
  border-color: #c7d2fe;
  color: #1e40af;
  text-decoration: none;
  outline: none;
}

.jtds-ann-pill-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1e40af;
  opacity: 0.85;
}

.jtds-ann-pill-title {
  font-weight: 600;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jtds-ann-pill-date {
  font-size: 0.82em;
  color: #94a3b8;
  font-variant-numeric: tabular-nums;
  padding-left: 8px;
  border-left: 1px solid #e2e8f0;
}

/* Reduced motion: stop animation, show static row */
@media (prefers-reduced-motion: reduce) {
  .jtds-ann-ticker-track {
    animation: none !important;
    flex-wrap: wrap;
    white-space: normal;
    padding: 0 14px;
  }
  .jtds-ann-ticker {
    -webkit-mask-image: none;
            mask-image: none;
  }
}

/* Mobile: smaller pills + faster scroll */
@media (max-width: 640px) {
  .jtds-ann-ticker-track {
    animation-duration: 40s;
    gap: 10px;
  }
  .jtds-ann-pill {
    padding: 5px 12px;
    font-size: 0.78em;
  }
  .jtds-ann-pill-title {
    max-width: 180px;
  }
}


/* ============================================================ */
/* JTDS — Announcement layout fix (override OJS highlight_first) */
/* 2 full cards side-by-side (50/50) — no more compact mode      */
/* ============================================================ */

.jtds-cmp-announcements {
  margin: 0 0 24px 0;
}

.jtds-cmp-announcements > h2 {
  font-family: var(--jtds-font-display, "Playfair Display"), Georgia, serif;
  font-size: 1.3rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 14px 0;
  padding-bottom: 8px;
  border-bottom: 2px solid #1e40af;
  display: inline-block;
}

.jtds-ann-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.jtds-ann-grid > .obj_announcement_summary {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 16px 18px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition:
    transform 200ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 200ms cubic-bezier(0.16, 1, 0.3, 1);
}

.jtds-ann-grid > .obj_announcement_summary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 8px 20px rgba(30, 64, 175, 0.08);
  border-color: #c7d2fe;
}

.jtds-ann-grid > .obj_announcement_summary > h3,
.jtds-ann-grid > .obj_announcement_summary > h2 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.4;
}

.jtds-ann-grid > .obj_announcement_summary > h3 a,
.jtds-ann-grid > .obj_announcement_summary > h2 a {
  color: #1e293b !important;
  text-decoration: none;
}
.jtds-ann-grid > .obj_announcement_summary > h3 a:hover,
.jtds-ann-grid > .obj_announcement_summary > h2 a:hover {
  color: #1e40af !important;
}

.jtds-ann-grid > .obj_announcement_summary > .date {
  font-size: 0.78em;
  color: #94a3b8;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.jtds-ann-grid > .obj_announcement_summary > .summary {
  font-size: 0.92em;
  color: #475569;
  line-height: 1.55;
}
.jtds-ann-grid > .obj_announcement_summary > .summary p {
  margin: 0 0 8px 0;
}
.jtds-ann-grid > .obj_announcement_summary > .summary p:last-child {
  margin-bottom: 0;
}

.jtds-ann-grid > .obj_announcement_summary .read_more {
  display: inline-block;
  margin-top: 4px;
  padding: 6px 14px;
  background: transparent;
  border: 1px solid #1e40af;
  border-radius: 4px;
  color: #1e40af !important;
  font-size: 0.78em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-decoration: none !important;
  transition: all 200ms cubic-bezier(0.16, 1, 0.3, 1);
}
.jtds-ann-grid > .obj_announcement_summary .read_more:hover {
  background: #1e40af;
  color: #ffffff !important;
}

/* Mobile: stack to 1 column */
@media (max-width: 768px) {
  .jtds-ann-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}


/* ============================================================ */
/* JTDS — Single announcement full-width (override 2-col grid)  */
/* ============================================================ */

.jtds-ann-grid {
  display: block !important;
  grid-template-columns: none !important;
}

.jtds-ann-grid > .obj_announcement_summary {
  width: 100%;
  margin: 0 0 14px 0;
}

.jtds-ann-grid > .obj_announcement_summary .summary {
  max-width: 800px;
}

/* ============ FOCUS & SCOPE — bento grid (2026-04-29) ============ */
.jtds-scope-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.875rem;
  margin: 1.25rem 0 1.5rem 0;
}

@media (max-width: 768px) {
  .jtds-scope-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}

.jtds-scope-card {
  background: #fafbfc;
  border-radius: 8px;
  padding: 1rem 1.15rem 1.05rem 1.15rem;
  border-left: 3px solid var(--jtds-primary, #1e40af);
  transition: background var(--jtds-fast, 150ms), border-left-color var(--jtds-fast, 150ms);
}

.jtds-scope-card:hover {
  background: #f1f5f9;
}

.jtds-scope-card-wide {
  grid-column: 1 / -1;
  background: #f8fafc;
  border-left-width: 4px;
  padding: 1.15rem 1.35rem 1.25rem 1.35rem;
}

.jtds-scope-num {
  font-family: var(--jtds-font-mono, "JetBrains Mono", ui-monospace, monospace);
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  color: #94a3b8;
  font-weight: 600;
  margin-bottom: 0.4rem;
}

.jtds-scope-title {
  font-family: var(--jtds-font-display, "Playfair Display", Georgia, serif);
  font-size: 1.02rem;
  font-weight: 600;
  color: var(--jtds-primary, #1e40af);
  margin: 0 0 0.45rem 0;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.jtds-scope-card-wide .jtds-scope-title {
  font-size: 1.1rem;
}

.jtds-scope-body {
  font-family: var(--jtds-font-body, "Inter", system-ui, sans-serif);
  font-size: 0.9rem;
  line-height: 1.6;
  color: #475569;
  margin: 0;
}

.jtds-scope-body em {
  font-style: italic;
  color: #334155;
}

.jtds-scope-domains {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem 1rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px dashed #cbd5e1;
}

@media (max-width: 1024px) {
  .jtds-scope-domains { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .jtds-scope-domains { grid-template-columns: 1fr; }
}

.jtds-scope-domain {
  padding: 0.1rem 0 0.1rem 0.75rem;
  border-left: 2px solid #c89626;
}

.jtds-scope-domain h5 {
  font-family: var(--jtds-font-display, "Playfair Display", Georgia, serif);
  font-size: 0.85rem;
  font-weight: 600;
  color: #1e3a8a;
  margin: 0 0 0.25rem 0;
  line-height: 1.25;
  letter-spacing: -0.005em;
}

.jtds-scope-domain p {
  font-family: var(--jtds-font-body, "Inter", system-ui, sans-serif);
  font-size: 0.8rem;
  line-height: 1.55;
  color: #475569;
  margin: 0;
}

.jtds-scope-domain p em {
  font-style: italic;
  color: #334155;
}

@media (prefers-reduced-motion: reduce) {
  .jtds-scope-card { transition: none; }
}


/* ============ READ MORE / VIEW ALL — compact secondary btn (2026-04-29) ============ */
/* Unified style for both announcement read_more and View All Issues; replaces old chunky variants. */
.read_more,
a.read_more,
.jtds-ann-grid > .obj_announcement_summary .read_more {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.55rem 1.15rem !important;
  background: #ffffff !important;
  color: var(--jtds-primary, #1e40af) !important;
  border: 1px solid var(--jtds-border-strong, #cbd5e1) !important;
  border-radius: 0.5rem !important;
  font-family: var(--jtds-font-body, "Inter", sans-serif) !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  margin-top: 1rem !important;
  min-height: 36px !important;
  width: auto !important;
  box-shadow: none !important;
  transition: background 150ms, color 150ms, border-color 150ms, transform 150ms, box-shadow 150ms !important;
}

.read_more:hover,
a.read_more:hover,
.jtds-ann-grid > .obj_announcement_summary .read_more:hover {
  background: var(--jtds-primary, #1e40af) !important;
  color: #ffffff !important;
  border-color: var(--jtds-primary, #1e40af) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.18) !important;
}

.read_more:focus-visible,
a.read_more:focus-visible {
  outline: 2px solid var(--jtds-primary, #1e40af);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .read_more,
  a.read_more,
  }

/* ============ Accessibility — pkp_screen_reader hide (2026-04-29) ============ */
.pkp_screen_reader {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


/* ============ DOI inline polish (2026-04-29) — pill with subtle frame ============ */
.jtds-doi-inline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin: 0.5rem 0 1rem 0 !important;
  padding: 0.4rem 0.85rem !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  font-size: 0.82em !important;
  color: #475569 !important;
  flex-wrap: wrap !important;
  width: auto !important;
  max-width: 100% !important;
}

.jtds-doi-inline .jtds-doi-label {
  color: #94a3b8 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-size: 0.78em !important;
}

.jtds-doi-inline .jtds-doi-value {
  color: #1e40af !important;
  text-decoration: none !important;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace !important;
  font-size: 0.94em !important;
  font-weight: 500 !important;
  word-break: break-all !important;
  border-bottom: 1px solid transparent !important;
  transition: border-color 150ms !important;
}

.jtds-doi-inline .jtds-doi-value:hover,
.jtds-doi-inline .jtds-doi-value:focus-visible {
  text-decoration: none !important;
  border-bottom-color: #1e40af !important;
  outline: none !important;
}


/* ============ AUTHORS — pill flex-wrap layout (2026-04-29) ============ */
/* 2-column grid (always), full-width container, refined hierarchy.
   Corresponding author = gold accent + envelope marker + stronger weight. */

/* Force authors UL to fill its parent (main_entry) */
.page_article section.item.authors,
.obj_article_full section.item.authors {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  margin: 0.5rem 0 1.25rem 0 !important;
}

.page_article .authors,
.obj_article_full .authors {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.75rem !important;
  list-style: none !important;
  padding: 0.85rem 0.75rem !important;
  margin: 0.5rem 0 0 0 !important;
  background: transparent !important;
  border-top: 1px solid #f1f5f9 !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

@media (max-width: 480px) {
  .page_article .authors,
  .obj_article_full .authors {
    grid-template-columns: 1fr !important;
    gap: 0.55rem !important;
  }
}

.page_article .authors > li,
.obj_article_full .authors > li {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.2rem !important;
  padding: 0.65rem 0.95rem 0.7rem 0.95rem !important;
  margin: 0 !important;
  background: #fafbfc !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 3px solid #94a3b8 !important;
  border-radius: 8px !important;
  list-style: none !important;
  min-width: 0 !important;
  max-width: 100% !important;
  position: relative !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
  transition:
    background 200ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 200ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 200ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Hover — subtle lift (UI/UX promax: designed interaction state) */
.page_article .authors > li:hover,
.obj_article_full .authors > li:hover {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06) !important;
  transform: translateY(-1px);
}

/* Focus state for keyboard navigation (a11y) */
.page_article .authors > li:focus-within,
.obj_article_full .authors > li:focus-within {
  outline: 2px solid var(--jtds-primary, #1e40af);
  outline-offset: 2px;
}

/* === Corresponding author: gold accent + stronger differentiation === */
.page_article .authors > li.primary-contact,
.obj_article_full .authors > li.primary-contact {
  background: linear-gradient(135deg, #fffbeb 0%, #fff7d6 100%) !important;
  border-color: #fde68a !important;
  border-left: 3px solid #c89626 !important;
  box-shadow: 0 1px 2px rgba(200, 150, 38, 0.08) !important;
}

.page_article .authors > li.primary-contact:hover,
.obj_article_full .authors > li.primary-contact:hover {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
  border-color: #fbbf24 !important;
  box-shadow: 0 4px 12px rgba(200, 150, 38, 0.18) !important;
}

/* Names — typography hierarchy */
.page_article .authors > li > .name,
.obj_article_full .authors > li > .name {
  font-family: var(--jtds-font-body, "Inter", system-ui, sans-serif) !important;
  font-weight: 600 !important;
  font-size: 0.94rem !important;
  color: #0f172a !important;
  line-height: 1.3 !important;
  letter-spacing: -0.005em !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0.35em !important;
  flex-wrap: wrap !important;
  word-break: break-word !important;
}

.page_article .authors > li.primary-contact > .name,
.obj_article_full .authors > li.primary-contact > .name {
  color: #78350f !important;
  font-weight: 700 !important;
}

/* Envelope marker for corresponding author */
.jtds-corr-marker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.05em !important;
  height: 1.05em !important;
  font-size: 0.8em !important;
  color: #c89626 !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

/* Affiliation — secondary, italic */
.page_article .authors > li > .affiliation,
.obj_article_full .authors > li > .affiliation {
  font-size: 0.79rem !important;
  color: #64748b !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  max-width: 100% !important;
  word-break: normal !important;
}

.page_article .authors > li.primary-contact > .affiliation,
.obj_article_full .authors > li.primary-contact > .affiliation {
  color: #92400e !important;
}

/* Hide redundant "Author" userGroup label */
.page_article .authors > li > .userGroup,
.obj_article_full .authors > li > .userGroup {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .page_article .authors > li,
  .obj_article_full .authors > li {
    transition: none !important;
    transform: none !important;
  }
  .page_article .authors > li:hover,
  .obj_article_full .authors > li:hover {
    transform: none !important;
  }
}



/* ============ HEADER MOBILE POLISH (2026-04-29) ============ */
/* Default theme JS toggles `.pkp_site_nav_menu--isOpen` on nav and
   `.pkp_site_nav_toggle--transform` on button. We style accordingly. */

/* === HAMBURGER BUTTON === */
/* Hidden on desktop (>768px), shown on mobile */
.pkp_site_nav_toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  background: transparent;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  transition: background 150ms, border-color 150ms;
}

.pkp_site_nav_toggle span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
}

/* Hamburger lines (3 bars) via pseudo + box-shadow */
.pkp_site_nav_toggle::before,
.pkp_site_nav_toggle::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 22px;
  height: 2px;
  background: #1e293b;
  border-radius: 2px;
  transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1),
              top 250ms cubic-bezier(0.16, 1, 0.3, 1);
}
.pkp_site_nav_toggle::before {
  top: calc(50% - 6px);
  transform: translateX(-50%);
  box-shadow: 0 6px 0 #1e293b;
}
.pkp_site_nav_toggle::after {
  top: calc(50% + 6px);
  transform: translateX(-50%);
}

.pkp_site_nav_toggle:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.pkp_site_nav_toggle:focus-visible {
  outline: 2px solid #1e40af;
  outline-offset: 2px;
}

/* Animated to X when open */
.pkp_site_nav_toggle--transform::before {
  top: 50%;
  transform: translateX(-50%) rotate(45deg);
  box-shadow: none;
}
.pkp_site_nav_toggle--transform::after {
  top: 50%;
  transform: translateX(-50%) rotate(-45deg);
}

/* === MOBILE NAV DRAWER === */
@media (max-width: 768px) {
  /* JTDS-BURGER-LEFT-v1 — patched 2026-05-14 */
  .pkp_site_nav_toggle {
    display: inline-flex !important;
    order: -1;
    margin-right: 0.75rem;
  }
  .pkp_site_name {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  /* Position toggle on the LEFT of header (was right) */
  .pkp_site_name_wrapper {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
  }

  /* Mobile nav: hidden by default, slide down when open */
  .pkp_site_nav_menu {
    display: block !important;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
    transition: max-height 350ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  .pkp_site_nav_menu--isOpen {
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  }

  /* Stack nav items vertically */
  .pkp_navigation_primary_row,
  .pkp_navigation_primary_wrapper {
    display: block !important;
    width: 100%;
  }

  ul#navigationPrimary,
  .pkp_navigation_primary {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0.5rem 1rem !important;
  }

  ul#navigationPrimary > li,
  .pkp_navigation_primary > li {
    width: 100% !important;
    margin: 0 !important;
    border-bottom: 1px solid #f1f5f9;
  }

  ul#navigationPrimary > li:last-child,
  .pkp_navigation_primary > li:last-child {
    border-bottom: none;
  }

  ul#navigationPrimary > li > a,
  .pkp_navigation_primary > li > a {
    display: block !important;
    padding: 0.85rem 0.5rem !important;
    width: 100% !important;
    color: #1e293b !important;
    background: transparent !important;
    font-size: 0.95rem !important;
  }

  /* Reset desktop animated underline accent on mobile */
  ul#navigationPrimary > li > a::after,
  .pkp_navigation_primary > li > a::after {
    display: none !important;
  }

  ul#navigationPrimary > li > a:hover,
  .pkp_navigation_primary > li > a:hover,
  ul#navigationPrimary > li > a:focus,
  .pkp_navigation_primary > li > a:focus {
    background: rgba(30, 64, 175, 0.06) !important;
    color: #1e40af !important;
    transform: none !important;
  }

  /* Mobile dropdown (About submenu) — show inline expanded */
  ul#navigationPrimary > li > ul,
  .pkp_navigation_primary > li > ul {
    position: static !important;
    display: block !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    background: rgba(30, 64, 175, 0.03) !important;
    margin: 0 !important;
    padding: 0.25rem 0.75rem 0.5rem 1rem !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  ul#navigationPrimary > li > ul > li > a,
  .pkp_navigation_primary > li > ul > li > a {
    padding: 0.6rem 0.75rem !important;
    font-size: 0.88rem !important;
  }

  /* Search link as styled item in mobile nav */
  .pkp_search,
  .pkp_search_desktop {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 0.85rem 1.5rem !important;
    color: #1e40af !important;
    background: rgba(30, 64, 175, 0.04) !important;
    font-weight: 500 !important;
    border-top: 1px solid #f1f5f9;
  }

  .pkp_search:hover,
  .pkp_search_desktop:hover {
    background: rgba(30, 64, 175, 0.08) !important;
    text-decoration: none !important;
  }

  /* Site name responsive */
  .pkp_site_name {
    flex: 1 !important;
    min-width: 0 !important;
  }
  .pkp_site_name a {
    font-size: clamp(1rem, 0.85rem + 1.5vw, 1.4rem) !important;
  }

  /* Header wrapper adjustments */
  .pkp_head_wrapper {
    padding: 0.75rem 1rem !important;
    flex-wrap: wrap !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pkp_site_nav_toggle,
  .pkp_site_nav_toggle::before,
  .pkp_site_nav_toggle::after,
  .pkp_site_nav_menu {
    transition: none !important;
  }
}


/* ============ DIM PLACEHOLDER LINKS — editorial team (2026-04-29) ============ */
/* Editor profiles with href="#" mean "not yet filled". Dim visually so admin
   sees what needs updating, but doesn't render as broken active link. */
.page_about a[href="#"] {
  opacity: 0.25 !important;
  pointer-events: none !important;
  cursor: default !important;
  filter: grayscale(60%) !important;
}

.page_about a[href="#"]:hover,
.page_about a[href="#"]:focus {
  text-decoration: none !important;
  background: transparent !important;
  transform: none !important;
}


/* ============ SUBMISSION FORM MULTILINGUAL FIX (2026-05-01) ============
   Custom input[type="text"] rules above conflict with OJS submission wizard
   multilingual control (Vue-rendered). Reset within submission/workflow scope. */

body.pkp_page_submission input[type="text"],
body.pkp_page_submission input[type="email"],
body.pkp_page_submission input[type="password"],
body.pkp_page_submission input[type="search"],
body.pkp_page_submission input[type="url"],
body.pkp_page_submission textarea,
body.pkp_page_submission select,
body.pkp_page_workflow input[type="text"],
body.pkp_page_workflow input[type="email"],
body.pkp_page_workflow textarea,
body.pkp_page_workflow select,
.pkpFormField input[type="text"],
.pkpFormField input[type="email"],
.pkpFormField input[type="password"],
.pkpFormField input[type="search"],
.pkpFormField input[type="url"],
.pkpFormField textarea,
.pkpFormField select,
.pkpFormField--multilingual input,
.pkpFormField--multilingual textarea,
.pkpFormField__control input,
.pkpFormField__control textarea {
  font-family: inherit;
  font-size: inherit;
  border-radius: revert;
  padding: revert;
  min-height: revert;
  background: revert;
  border: revert;
  transition: revert;
  width: revert;
  max-width: revert;
}

body.pkp_page_submission input:focus-visible,
body.pkp_page_submission textarea:focus-visible,
body.pkp_page_submission select:focus-visible,
body.pkp_page_workflow input:focus-visible,
body.pkp_page_workflow textarea:focus-visible,
.pkpFormField input:focus-visible,
.pkpFormField textarea:focus-visible,
.pkpFormField select:focus-visible {
  outline: revert;
  border-color: revert;
  box-shadow: revert;
}

/* Ensure multilingual locale tabs render with adequate spacing */
.pkpFormField--multilingual .pkpFormField__heading,
.pkpFormField__locales {
  margin-bottom: 0.5rem;
}

.pkpFormField__control--locale {
  margin-bottom: 1rem;
}

/* Submission wizard step navigation — keep readable */
body.pkp_page_submission .pkpSteps__step,
body.pkp_page_submission .pkpStep__heading,
body.pkp_page_submission .pkpStep__content {
  font-family: inherit;
}
/* ============ END SUBMISSION FORM FIX ============ */

/* ============ MULTILINGUAL FORM STACK VERTICAL (2026-05-01 v2) ============
   OJS multilingual fields default = side-by-side per locale → input merapat.
   Force stack vertical + full width for better UX. */

/* Stack multilingual locale inputs vertically (instead of horizontal columns) */
.pkpFormField--multilingual,
.pkpFormFieldMultilingualText,
.pkpFormField__multilingualInputs,
.pkpFormField__inputs {
  display: block !important;
  width: 100% !important;
}

.pkpFormField--multilingual > *,
.pkpFormFieldMultilingualText > *,
.pkpFormField__multilingualInputs > * {
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 1rem;
}

/* Ensure each locale input takes full width of its container */
.pkpFormField--multilingual input[type="text"],
.pkpFormField--multilingual input[type="url"],
.pkpFormField--multilingual textarea,
.pkpFormField--multilingual .pkpFormField__control,
.pkpFormFieldMultilingualText .pkpFormField__control,
.pkpFormField__control--multilingual {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Submission page form container: use full available width */
body.pkp_page_submission .pkpForm,
body.pkp_page_submission .pkpFormPage,
body.pkp_page_submission .pkpForm__pages,
body.pkp_page_submission .pkpFormPage__inner,
body.pkp_page_submission .pkpForm__steps {
  max-width: 100% !important;
  width: 100% !important;
}

/* TinyMCE/textarea editors fill full width */
body.pkp_page_submission .tox-tinymce,
body.pkp_page_submission .pkpFormField__control textarea,
.pkpFormFieldRichTextarea .tox-tinymce {
  width: 100% !important;
  max-width: 100% !important;
}

/* Form field row: gap between fields, no horizontal cram */
.pkpFormField {
  margin-bottom: 1.5rem;
}

.pkpFormField__heading,
.pkpFormField__label {
  margin-bottom: 0.5rem;
}
/* ============ END MULTILINGUAL VERTICAL STACK ============ */

/* ============ MULTILINGUAL FIELD WIDTH FIX (2026-05-01 v3) ============
   Root cause: OJS sets .pkpFormField--text__input { width: 20em; display: inline-block }
   When journal has 2+ locales, inputs render side-by-side (inline-block) and merapat. */

.pkpFormField--text__input,
.pkpFormField--text input[type="text"],
.pkpFormField--text input[type="email"],
.pkpFormField--text input[type="url"] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  margin-bottom: 0.75rem;
}

/* Multilingual progress indicator (locale icon) — keep positioned correctly */
.pkpFormField .multilingualProgress {
  /* keep absolute positioning, just ensure container is wide enough */
}

/* Field labels showing locale name — give breathing room */
.pkpFormField__heading {
  display: block !important;
  width: 100% !important;
  margin-bottom: 0.5rem !important;
}

/* TinyMCE rich textarea */
.pkpFormField--richTextarea,
.pkpFormField--richTextarea__control {
  width: 100% !important;
}

/* Submission page: form takes full container width */
body.pkp_page_submission .pkpForm,
body.pkp_page_submission .pkpFormPage,
body.pkp_page_submission .pkpForm__pages,
body.pkp_page_submission .pkpFormPage__inner {
  max-width: 100% !important;
  width: 100% !important;
}
/* ============ END MULTILINGUAL WIDTH FIX v3 ============ */

/* ============ MULTILINGUAL SIDE-BY-SIDE FIX (2026-05-01 v4) ============
   OJS 3.4 default: .pkpFormField--text__input { width: 20em; display: inline-block }
   With multiple locales, multiple .pkpFormField wrap inputs that stack inline → side-by-side.
   Force each pkpFormField to be block-level and full-width. */

body.pkp_page_submission .pkpFormField,
.pkpFormPage .pkpFormField,
.pkpForm .pkpFormField {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 1.25rem !important;
  float: none !important;
  clear: both !important;
}

body.pkp_page_submission .pkpFormField--text__input,
body.pkp_page_submission .pkpFormField--select__input,
body.pkp_page_submission input.pkpFormField--text__input[type="text"],
.pkpForm .pkpFormField--text__input,
.pkpForm input.pkpFormField--text__input,
.pkpFormPage .pkpFormField--text__input {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* Form field control wrapper: full width */
body.pkp_page_submission .pkpFormField__control,
.pkpForm .pkpFormField__control {
  width: 100% !important;
  display: block !important;
}

/* Reset any inline-block that puts fields side-by-side */
body.pkp_page_submission .pkpFormField,
body.pkp_page_submission .pkpFormField__control,
body.pkp_page_submission .pkpFormField--text__input {
  vertical-align: top;
}

/* If OJS uses grid/flex on form page, force single column */
body.pkp_page_submission .pkpFormPage__inner,
body.pkp_page_submission .pkpForm__pages > *,
body.pkp_page_submission .pkpForm__page {
  display: block !important;
  grid-template-columns: 1fr !important;
}
/* ============ END v4 ============ */


/* ============================================================
   JTDS — ARTICLE VIEW JUSTIFY (v2 — fixed IEEE spacing 2026-05-03)
   Justify text + IEEE-style hanging indent for references.
   ============================================================ */

/* Abstract — raw text container (no inner <p> wrapper in OJS 3.4) */
.page_article .item.abstract,
.obj_article_full .item.abstract {
  text-align: justify !important;
  text-justify: inter-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  word-spacing: 0.02em;
}

/* Abstract heading — NOT justified */
.page_article .item.abstract h2,
.page_article .item.abstract .label,
.obj_article_full .item.abstract h2,
.obj_article_full .item.abstract .label {
  text-align: left !important;
  hyphens: manual;
}

/* References — IEEE format: [N] in left column, text with hanging indent */
.page_article .item.references .jtds-ref-item,
.page_article .csl-entry,
.page_article .csl-bib-body .csl-entry {
  text-align: justify !important;
  text-justify: inter-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  word-spacing: 0.01em;
  /* Keep original padding from line 3996: padding: 6px 0 6px 40px */
  /* Do NOT override padding-left here */
  /* Do NOT use text-indent — original ::before uses position:absolute */
}

/* IEEE-style: enhance marker spacing for better readability */
.page_article .jtds-ref-list,
.jtds-ref-list {
  padding-left: 0 !important;
}

.page_article .jtds-ref-item,
.jtds-ref-item {
  padding-left: 52px !important;   /* increased from 40px for more breathing room */
}

.page_article .jtds-ref-item::before,
.jtds-ref-item::before {
  width: 40px !important;          /* marker zone, 12px gap to text */
  text-align: left !important;
  padding-right: 8px;
}

/* Mobile responsive — smaller but still IEEE format */
@media (max-width: 540px) {
  .page_article .jtds-ref-item,
  .jtds-ref-item {
    padding-left: 40px !important;
  }
  .page_article .jtds-ref-item::before,
  .jtds-ref-item::before {
    width: 30px !important;
    padding-right: 6px;
  }
}

/* References heading — left align */
.page_article .item.references h2,
.page_article .item.references .label,
.page_article .item.references .jtds-ref-heading {
  text-align: left !important;
  hyphens: manual;
}

/* Keywords value — inline list, NOT justified */
.page_article .item.keywords .value,
.obj_article_full .item.keywords .value {
  text-align: left !important;
  hyphens: manual;
}

/* Body content (HTML galley) — paragraph justify */
.page_article .galley_view,
.page_article .galley-content,
.page_article #articleFullText p,
.page_article .article_section p,
.obj_article_full .galley_view p {
  text-align: justify !important;
  text-justify: inter-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  word-spacing: 0.02em;
}

/* Issue TOC — abstract preview consistent */
.page_issue .obj_article_summary .item.abstract,
.page_issue .obj_article_summary .article_abstract {
  text-align: justify !important;
  text-justify: inter-word;
  hyphens: auto;
  -webkit-hyphens: auto;
}

/* Print preserve */
@media print {
  .page_article .item.abstract,
  .page_article .jtds-ref-item,
  .page_article .csl-entry {
    text-align: justify !important;
    hyphens: auto;
  }
}

/* Mobile narrow — fallback to left for abstract (avoid huge gaps) */
@media (max-width: 480px) {
  .page_article .item.abstract,
  .page_article .csl-entry {
    text-align: left !important;
    hyphens: auto;
  }
}

/* ============================================================
   SUBMISSIONS PAGE — style match with /about/editorialTeam
   Last update: 2026-05-04
   ============================================================ */

/* --- cmp_notification: info card dengan blue left accent --- */
.page_submissions .cmp_notification {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  border-left: 3px solid var(--jtds-primary) !important;
  border-right: 1px solid #bfdbfe !important;
  border-bottom: 1px solid #bfdbfe !important;
  border-radius: 0.5rem !important;
  padding: 0.75rem 1rem !important;
  font-size: 0.9rem !important;
  color: var(--jtds-primary-deep) !important;
  margin-bottom: 1.75rem !important;
}

/* --- Section containers: border-top separator + spacing --- */
.page_submissions .author_guidelines,
.page_submissions .submission_checklist,
.page_submissions .privacy_statement {
  padding-top: 1.5rem !important;
  margin-top: 1.75rem !important;
  border-top: 1px solid var(--jtds-border) !important;
}

/* --- OJS h2 section headings: gaya block title (Playfair + blue underline) --- */
.page_submissions .author_guidelines > h2,
.page_submissions .submission_checklist > h2,
.page_submissions .privacy_statement > h2 {
  font-family: var(--jtds-font-display) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  color: var(--jtds-primary) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  line-height: 1.3 !important;
  margin: 0 0 1.25rem 0 !important;
  padding-bottom: 0.4rem !important;
  border-bottom: 2px solid var(--jtds-primary) !important;
}

/* --- submission_checklist ul: card-style list seperti jtds-team-card --- */
.page_submissions .submission_checklist ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.page_submissions .submission_checklist ul li {
  position: relative;
  padding: 0.5rem 0.75rem 0.5rem 2.1rem !important;
  background: white !important;
  border: 1px solid var(--jtds-border) !important;
  border-left: 3px solid var(--jtds-primary) !important;
  border-radius: 0.375rem !important;
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
  transition: box-shadow var(--jtds-fast), transform var(--jtds-fast);
}

.page_submissions .submission_checklist ul li:hover {
  box-shadow: var(--jtds-shadow-xs);
  transform: translateX(2px);
}

.page_submissions .submission_checklist ul li::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  position: absolute;
  left: 0.6rem;
  top: 0.57rem;
  color: var(--jtds-primary);
  font-size: 0.68rem;
}

/* --- Sembunyikan section_policy (isinya "Section default policy" — boilerplate OJS) --- */
.page_submissions .section_policy {
  display: none !important;
}


/* ============================================================
   SUBMISSIONS — card unification (match jtds-team-card style)
   White bg + blue left border + translateX hover
   Last update: 2026-05-04
   ============================================================ */

/* --- fee-card: ganti hijau → putih + blue left border --- */
.jtds-fee-card {
  background: white !important;
  border: 1px solid var(--jtds-border) !important;
  border-left: 3px solid var(--jtds-primary) !important;
  border-radius: 0.5rem !important;
  padding: 0.875rem 1rem !important;
  transition: all var(--jtds-fast) !important;
  gap: 0.875rem !important;
}

.jtds-fee-card:hover {
  border-color: var(--jtds-primary-light) !important;
  border-left-color: var(--jtds-primary-deep) !important;
  box-shadow: var(--jtds-shadow-card) !important;
  transform: translateX(2px) !important;
}

.jtds-fee-icon {
  width: 40px !important;
  height: 40px !important;
  font-size: 1.1rem !important;
  background: linear-gradient(135deg, var(--jtds-primary), var(--jtds-primary-deep)) !important;
  box-shadow: 0 3px 8px rgba(30, 64, 175, 0.2) !important;
}

.jtds-fee-title {
  color: var(--jtds-text) !important;
  font-size: 0.95rem !important;
}

.jtds-fee-desc {
  color: var(--jtds-text-muted) !important;
  font-size: 0.85rem !important;
}

/* warn variant: putih + amber left border */
.jtds-fee-card-warn {
  background: white !important;
  border-color: var(--jtds-border) !important;
  border-left: 3px solid var(--jtds-warning) !important;
}

.jtds-fee-card-warn:hover {
  border-left-color: #b45309 !important;
}

.jtds-fee-icon-warn {
  background: linear-gradient(135deg, var(--jtds-warning), #b45309) !important;
  box-shadow: 0 3px 8px rgba(217, 119, 6, 0.2) !important;
}

.jtds-fee-title-warn {
  color: var(--jtds-text) !important;
  font-size: 0.95rem !important;
}

.jtds-fee-desc-warn {
  color: var(--jtds-text-muted) !important;
  font-size: 0.85rem !important;
}

/* --- fee-grid: 1 → 2 → 3 cols (match jtds-editorial-grid) --- */
.jtds-fee-grid {
  grid-template-columns: 1fr !important;
  gap: 0.875rem !important;
}

@media (min-width: 640px) {
  .jtds-fee-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* --- scope-list: putih + border + hover translateX (match team-card) --- */
.jtds-scope-list li {
  background: white !important;
  border: 1px solid var(--jtds-border) !important;
  border-left: 3px solid var(--jtds-primary) !important;
  border-radius: 0.5rem !important;
  transition: all var(--jtds-fast) !important;
}

.jtds-scope-list li:hover {
  border-color: var(--jtds-primary-light) !important;
  border-left-color: var(--jtds-primary-deep) !important;
  box-shadow: var(--jtds-shadow-card) !important;
  transform: translateX(2px) !important;
}

/* --- flow-step: tambah left border + sesuaikan hover --- */
.jtds-flow-step {
  border-left: 3px solid var(--jtds-primary) !important;
}

.jtds-flow-step:hover {
  border-color: var(--jtds-primary-light) !important;
  border-left-color: var(--jtds-primary-deep) !important;
  box-shadow: var(--jtds-shadow-card) !important;
  transform: translateY(-2px) !important;
}


/* ============================================================
   SUBMISSIONS — alert unification (match editorial team style)
   Ganti orange/purple → white + blue accent
   Last update: 2026-05-04
   ============================================================ */

/* ── PLAGIARISM ALERT: putih + blue left border ───────────── */
.jtds-plagiarism-alert {
  background: white !important;
  border: 1px solid var(--jtds-border) !important;
  border-left: 3px solid var(--jtds-primary) !important;
  border-radius: 0.5rem !important;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem !important;
}

.jtds-plagiarism-alert::before {
  display: none !important;
}

.jtds-pa-icon {
  width: 44px !important;
  height: 44px !important;
  font-size: 1.25rem !important;
  background: linear-gradient(135deg, var(--jtds-primary), var(--jtds-primary-deep)) !important;
  box-shadow: 0 3px 8px rgba(30, 64, 175, 0.2) !important;
}

.jtds-pa-tag {
  background: var(--jtds-primary) !important;
}

.jtds-pa-title {
  color: var(--jtds-text) !important;
  font-size: 1.05rem !important;
}

.jtds-pa-desc {
  color: var(--jtds-text-muted) !important;
}

.jtds-pa-tool {
  background: var(--jtds-bg-alt) !important;
  color: var(--jtds-text) !important;
  border: 1px solid var(--jtds-border) !important;
}

.jtds-pa-tool i {
  color: var(--jtds-primary) !important;
}

.jtds-pa-tool-or {
  color: var(--jtds-text-muted) !important;
}

.jtds-pa-threshold {
  border: 2px solid var(--jtds-primary) !important;
  box-shadow: 0 2px 8px rgba(30, 64, 175, 0.1) !important;
}

.jtds-pa-num {
  color: var(--jtds-primary) !important;
}

.jtds-pa-num-label {
  color: var(--jtds-text) !important;
}

.jtds-pa-num-note {
  color: var(--jtds-text-muted) !important;
}

.jtds-pa-footer {
  color: var(--jtds-text-muted) !important;
  border-top-color: var(--jtds-border) !important;
}

/* ── AI ALERT: putih + blue left border ───────────────────── */
.jtds-ai-alert {
  background: white !important;
  border: 1px solid var(--jtds-border) !important;
  border-left: 3px solid var(--jtds-primary) !important;
  border-radius: 0.5rem !important;
  padding: 1.25rem !important;
}

.jtds-ai-alert::before {
  display: none !important;
}

.jtds-ai-icon {
  width: 44px !important;
  height: 44px !important;
  font-size: 1.25rem !important;
  background: linear-gradient(135deg, var(--jtds-primary), var(--jtds-primary-deep)) !important;
  box-shadow: 0 3px 8px rgba(30, 64, 175, 0.2) !important;
}

.jtds-ai-tag {
  background: var(--jtds-primary) !important;
}

.jtds-ai-title {
  color: var(--jtds-text) !important;
  font-size: 1.05rem !important;
}

.jtds-ai-desc {
  color: var(--jtds-text-muted) !important;
}

.jtds-ai-footer {
  color: var(--jtds-text-muted) !important;
  border-top-color: var(--jtds-border) !important;
}

/* ai-rule: tetap semantic tapi lebih subtle */
.jtds-ai-rule {
  border-radius: 0.375rem !important;
  font-size: 0.85rem !important;
}

.jtds-ai-rule-allow {
  background: #f0fdf4 !important;
  border-color: #86efac !important;
  color: var(--jtds-text) !important;
}
.jtds-ai-rule-allow i {
  color: #16a34a !important;
}

.jtds-ai-rule-deny {
  background: #fef2f2 !important;
  border-color: #fca5a5 !important;
  color: var(--jtds-text) !important;
}
.jtds-ai-rule-deny i {
  color: #dc2626 !important;
}

.jtds-ai-rule-info {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: var(--jtds-text) !important;
}
.jtds-ai-rule-info i {
  color: var(--jtds-primary) !important;
}

/* ── flow-step: pastikan hover icon konsisten dengan blue ─── */
.jtds-flow-step:hover .jtds-flow-icon {
  background: var(--jtds-primary) !important;
  color: white !important;
}


/* ============================================================
   SUBMISSIONS — plagiarism & AI alert: top+bottom accent
   Last update: 2026-05-04
   ============================================================ */

.jtds-plagiarism-alert,
.jtds-ai-alert {
  border-left: 1px solid var(--jtds-border) !important;
  border-right: 1px solid var(--jtds-border) !important;
  border-top: 3px solid var(--jtds-primary) !important;
  border-bottom: 3px solid var(--jtds-primary) !important;
}


/* ============================================================
   SUBMISSIONS — full stat-card unification
   Semua komponen pakai pola persis jtds-stat dari homepage
   Last update: 2026-05-04
   ============================================================ */

.jtds-flow-step,
.jtds-fee-card,
.jtds-plagiarism-alert,
.jtds-ai-alert {
  position: relative !important;
  background: white !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-left: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-right: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-radius: 0.625rem !important;
  overflow: hidden !important;
  isolation: isolate !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 0 0 1px rgba(255,255,255,0.5) inset !important;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.jtds-flow-step::before,
.jtds-fee-card::before,
.jtds-ai-alert::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  width: auto !important;
  height: 2px !important;
  background: linear-gradient(90deg, var(--jtds-primary), var(--jtds-primary-light)) !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-radius: 0 !important;
  opacity: 1 !important;
}

.jtds-plagiarism-alert::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  width: auto !important;
  height: 2px !important;
  background: linear-gradient(90deg, #dc2626, #ef4444) !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-radius: 0 !important;
  opacity: 1 !important;
}

.jtds-flow-step:hover,
.jtds-fee-card:hover,
.jtds-ai-alert:hover {
  transform: translateY(-2px) !important;
  border-color: var(--jtds-primary-light) !important;
  box-shadow: 0 4px 12px rgba(15,23,42,0.06), 0 8px 20px rgba(30,64,175,0.08) !important;
}

.jtds-plagiarism-alert:hover {
  transform: translateY(-2px) !important;
  border-color: #fca5a5 !important;
  box-shadow: 0 4px 12px rgba(15,23,42,0.06), 0 8px 20px rgba(220,38,38,0.08) !important;
}

.jtds-flow-step:hover::before,
.jtds-fee-card:hover::before,
.jtds-ai-alert:hover::before,
.jtds-plagiarism-alert:hover::before {
  transform: scaleX(1) !important;
}

.jtds-fee-card-warn::before {
  background: linear-gradient(90deg, var(--jtds-warning), #fbbf24) !important;
}

.jtds-fee-card-warn:hover {
  border-color: #fde68a !important;
  box-shadow: 0 4px 12px rgba(15,23,42,0.06), 0 8px 20px rgba(217,119,6,0.08) !important;
}

.jtds-scope-list li {
  position: relative !important;
  background: white !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-left: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-radius: 0.625rem !important;
  overflow: hidden !important;
  isolation: isolate !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.jtds-scope-list li::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, var(--jtds-primary), var(--jtds-primary-light)) !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.jtds-scope-list li:hover {
  transform: translateY(-1px) !important;
  border-color: var(--jtds-primary-light) !important;
  box-shadow: 0 4px 12px rgba(15,23,42,0.06), 0 8px 20px rgba(30,64,175,0.08) !important;
}

.jtds-scope-list li:hover::after {
  transform: scaleX(1) !important;
}

.page_submissions .submission_checklist ul li {
  position: relative !important;
  background: white !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-left: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-radius: 0.625rem !important;
  overflow: hidden !important;
  isolation: isolate !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  transform: none !important;
}

.page_submissions .submission_checklist ul li::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, var(--jtds-primary), var(--jtds-primary-light)) !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.page_submissions .submission_checklist ul li:hover {
  transform: translateY(-1px) !important;
  border-color: var(--jtds-primary-light) !important;
  box-shadow: 0 4px 12px rgba(15,23,42,0.06), 0 8px 20px rgba(30,64,175,0.08) !important;
}

.page_submissions .submission_checklist ul li:hover::after {
  transform: scaleX(1) !important;
}

.jtds-pa-icon {
  background: linear-gradient(135deg, #dc2626, #b91c1c) !important;
  box-shadow: 0 3px 8px rgba(220, 38, 38, 0.2) !important;
}

.jtds-pa-tag { background: #dc2626 !important; }
.jtds-pa-title { color: var(--jtds-text) !important; font-size: 1.05rem !important; }
.jtds-pa-desc { color: var(--jtds-text-muted) !important; }
.jtds-pa-footer { color: var(--jtds-text-muted) !important; border-top-color: var(--jtds-border) !important; }
.jtds-pa-num { color: #dc2626 !important; }
.jtds-pa-num-label { color: var(--jtds-text) !important; }
.jtds-pa-num-note { color: var(--jtds-text-muted) !important; }
.jtds-pa-threshold { border: 2px solid #fca5a5 !important; box-shadow: 0 2px 8px rgba(220,38,38,0.08) !important; }
.jtds-pa-tool { background: var(--jtds-bg-alt) !important; color: var(--jtds-text) !important; border: 1px solid var(--jtds-border) !important; }
.jtds-pa-tool i { color: #dc2626 !important; }
.jtds-pa-tool-or { color: var(--jtds-text-muted) !important; }

.jtds-ai-icon { background: linear-gradient(135deg, var(--jtds-primary), var(--jtds-primary-deep)) !important; box-shadow: 0 3px 8px rgba(30,64,175,0.2) !important; }
.jtds-ai-tag { background: var(--jtds-primary) !important; }
.jtds-ai-title { color: var(--jtds-text) !important; font-size: 1.05rem !important; }
.jtds-ai-desc { color: var(--jtds-text-muted) !important; }
.jtds-ai-footer { color: var(--jtds-text-muted) !important; border-top-color: var(--jtds-border) !important; }

.jtds-fee-icon { background: linear-gradient(135deg, var(--jtds-primary), var(--jtds-primary-deep)) !important; box-shadow: 0 3px 8px rgba(30,64,175,0.2) !important; }
.jtds-fee-title { color: var(--jtds-text) !important; font-size: 0.95rem !important; }
.jtds-fee-desc { color: var(--jtds-text-muted) !important; font-size: 0.85rem !important; }
.jtds-fee-icon-warn { background: linear-gradient(135deg, var(--jtds-warning), #b45309) !important; box-shadow: 0 3px 8px rgba(217,119,6,0.2) !important; }
.jtds-fee-title-warn { color: var(--jtds-text) !important; }
.jtds-fee-desc-warn { color: var(--jtds-text-muted) !important; }


/* ============================================================
   FIX: flow-step overflow:hidden memotong badge nomor di atas
   Ganti top-reveal strip ke box-shadow inset (tidak butuh overflow:hidden)
   Last update: 2026-05-04
   ============================================================ */

.jtds-flow-step {
  overflow: visible !important;
}

/* Matikan ::before strip (perlu overflow:hidden, tidak bisa dipakai) */
.jtds-flow-step::before {
  display: none !important;
}

/* Ganti top accent ke inset box-shadow — muncul saat hover */
.jtds-flow-step:hover {
  box-shadow:
    inset 0 2px 0 var(--jtds-primary),
    0 4px 12px rgba(15, 23, 42, 0.06),
    0 8px 20px rgba(30, 64, 175, 0.08) !important;
}


/* ============================================================
   FIX: scope-list li & checklist li — overflow:visible
   Ganti ::after top strip ke inset box-shadow (konsisten dengan flow-step)
   Last update: 2026-05-04
   ============================================================ */

.jtds-scope-list li,
.page_submissions .submission_checklist ul li {
  overflow: visible !important;
}

.jtds-scope-list li::after,
.page_submissions .submission_checklist ul li::after {
  display: none !important;
}

.jtds-scope-list li:hover,
.page_submissions .submission_checklist ul li:hover {
  box-shadow:
    inset 0 2px 0 var(--jtds-primary),
    0 4px 12px rgba(15, 23, 42, 0.06),
    0 8px 20px rgba(30, 64, 175, 0.08) !important;
}


/* ============================================================
   STEPS GRID — Persiapan Naskah & Checklist
   Pola jtds-stat: white · badge nomor · icon · inset hover
   Last update: 2026-05-04
   ============================================================ */

.jtds-steps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
  gap: 0.875rem;
  margin: 1rem 0 1.75rem 0;
}

.jtds-step-card {
  position: relative;
  background: white;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 0.625rem;
  padding: 1.5rem 1rem 1rem 1rem;
  text-align: center;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 0 0 1px rgba(255,255,255,0.5) inset;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
}

.jtds-step-card:hover {
  transform: translateY(-2px);
  border-color: var(--jtds-primary-light);
  box-shadow:
    inset 0 2px 0 var(--jtds-primary),
    0 4px 12px rgba(15, 23, 42, 0.06),
    0 8px 20px rgba(30, 64, 175, 0.08);
}

/* Badge nomor — identik dengan jtds-flow-num */
.jtds-step-num {
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  width: 26px;
  height: 26px;
  background: linear-gradient(135deg, var(--jtds-primary), var(--jtds-primary-deep));
  color: white;
  border: 3px solid white;
  border-radius: 50%;
  font-family: var(--jtds-font-display);
  font-weight: 700;
  font-size: 0.78rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(30, 64, 175, 0.3);
}

/* Icon */
.jtds-step-icon {
  width: 44px;
  height: 44px;
  background: var(--jtds-bg-alt);
  color: var(--jtds-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  margin: 0.5rem 0 0.375rem 0;
  border: 2px solid var(--jtds-bg-deep);
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.jtds-step-card:hover .jtds-step-icon {
  background: var(--jtds-primary);
  color: white;
  transform: scale(1.08);
}

/* Title */
.jtds-step-title {
  font-family: var(--jtds-font-display) !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: var(--jtds-text) !important;
  margin: 0 0 0.25rem 0 !important;
  letter-spacing: -0.01em;
  line-height: 1.3;
}

/* Description */
.jtds-step-desc {
  font-family: var(--jtds-font-body);
  font-size: 0.78rem;
  line-height: 1.5;
  color: var(--jtds-text-muted);
  margin: 0;
  text-align: center !important;
}

@media (max-width: 480px) {
  .jtds-steps-grid {
    grid-template-columns: 1fr 1fr;
  }
}


/* ===== STEP-GRID: 3 kolom tetap, kartu lebih besar ===== */
.jtds-steps-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}

.jtds-step-card {
  padding: 1.75rem 1.25rem 1.25rem 1.25rem;
}

.jtds-step-num {
  width: 30px;
  height: 30px;
  top: -15px;
  font-size: 0.82rem;
}

.jtds-step-title {
  font-size: 0.92rem !important;
}

.jtds-step-desc {
  font-size: 0.81rem;
}

@media (max-width: 640px) {
  .jtds-steps-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}

@media (max-width: 400px) {
  .jtds-steps-grid {
    grid-template-columns: 1fr;
  }
}

/* ===== STEP-GRID: 1 kolom horizontal ===== */
.jtds-steps-grid {
  grid-template-columns: 1fr !important;
  gap: 0.75rem !important;
}

.jtds-step-card {
  flex-direction: row !important;
  text-align: left !important;
  align-items: flex-start !important;
  padding: 1.375rem 1.5rem 1.375rem 5rem !important;
  gap: 0 !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
}

.jtds-step-num {
  top: 1.375rem !important;
  left: 1.375rem !important;
  transform: none !important;
  width: 32px !important;
  height: 32px !important;
  font-size: 0.85rem !important;
}

.jtds-step-icon {
  display: none !important;
}

.jtds-step-title {
  text-align: left !important;
  font-size: 0.95rem !important;
  width: 100% !important;
  margin-bottom: 0.3rem !important;
}

.jtds-step-desc {
  text-align: left !important;
  font-size: 0.83rem !important;
  width: 100% !important;
  line-height: 1.65 !important;
}

@media (max-width: 480px) {
  .jtds-step-card {
    padding: 1.25rem 1rem 1.25rem 4.25rem !important;
  }
  .jtds-step-num {
    left: 1rem !important;
    top: 1.25rem !important;
    width: 28px !important;
    height: 28px !important;
  }
}

/* ===== STEP-GRID: 1 panel memanjang ke bawah ===== */
.jtds-steps-grid {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: unset !important;
  gap: 0 !important;
  background: white;
  border: 1px solid rgba(15,23,42,0.07);
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(15,23,42,0.05);
  margin: 1rem 0 1.75rem 0;
}

.jtds-steps-grid .jtds-step-card {
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(15,23,42,0.06) !important;
  border-left: 3px solid transparent !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 1.125rem 1.5rem 1.125rem 4.75rem !important;
  transition: background 150ms ease, border-left-color 150ms ease !important;
}

.jtds-steps-grid .jtds-step-card:last-child {
  border-bottom: none !important;
}

.jtds-steps-grid .jtds-step-card:hover {
  background: var(--jtds-bg-alt, #f8faff) !important;
  border-left-color: var(--jtds-primary, #1e40af) !important;
  transform: none !important;
  box-shadow: none !important;
}

.jtds-steps-grid .jtds-step-num {
  top: 50% !important;
  left: 1.25rem !important;
  transform: translateY(-50%) !important;
  width: 30px !important;
  height: 30px !important;
  font-size: 0.82rem !important;
}

.jtds-steps-grid .jtds-step-title {
  font-size: 0.93rem !important;
  margin-bottom: 0.2rem !important;
  text-align: left !important;
  width: 100% !important;
}

.jtds-steps-grid .jtds-step-desc {
  font-size: 0.82rem !important;
  text-align: left !important;
  width: 100% !important;
  line-height: 1.65 !important;
  color: var(--jtds-text-muted, #64748b) !important;
}

@media (max-width: 480px) {
  .jtds-steps-grid .jtds-step-card {
    padding: 1rem 1rem 1rem 4rem !important;
  }
  .jtds-steps-grid .jtds-step-num {
    left: 1rem !important;
    width: 26px !important;
    height: 26px !important;
    font-size: 0.78rem !important;
  }
}

/* ===== PERSIAPAN NASKAH — prep-grid ===== */
.jtds-prep-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin: 1rem 0 1.75rem 0;
}

.jtds-prep-card {
  background: white;
  border: 1px solid rgba(15,23,42,0.07);
  border-radius: 0.75rem;
  padding: 1.25rem;
  box-shadow: 0 1px 3px rgba(15,23,42,0.04);
  transition: all 200ms cubic-bezier(0.4,0,0.2,1);
}

.jtds-prep-card:hover {
  transform: translateY(-2px);
  border-color: var(--jtds-primary-light);
  box-shadow:
    inset 0 2px 0 var(--jtds-primary),
    0 4px 12px rgba(15,23,42,0.06),
    0 8px 20px rgba(30,64,175,0.08);
}

.jtds-prep-icon {
  width: 40px;
  height: 40px;
  background: var(--jtds-bg-alt, #eff6ff);
  color: var(--jtds-primary, #1e40af);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
  margin-bottom: 0.75rem;
  border: 1px solid rgba(30,64,175,0.1);
  transition: all 200ms cubic-bezier(0.4,0,0.2,1);
}

.jtds-prep-card:hover .jtds-prep-icon {
  background: var(--jtds-primary, #1e40af);
  color: white;
  border-color: var(--jtds-primary, #1e40af);
}

.jtds-prep-title {
  font-family: var(--jtds-font-display, 'Inter', sans-serif) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: var(--jtds-text, #0f172a) !important;
  margin: 0 0 0.375rem 0 !important;
  letter-spacing: -0.01em;
  line-height: 1.3;
}

.jtds-prep-desc {
  font-size: 0.8rem;
  line-height: 1.6;
  color: var(--jtds-text-muted, #64748b);
  margin: 0;
}

@media (max-width: 768px) {
  .jtds-prep-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .jtds-prep-grid { grid-template-columns: 1fr; }
}

/* ===== PERSIAPAN NASKAH — inner sub-grid ===== */
.jtds-ps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
  margin-top: 1.125rem;
}

.jtds-ps-item {
  display: flex;
  gap: 0.625rem;
  align-items: flex-start;
  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(30,64,175,0.1);
  border-radius: 0.5rem;
  padding: 0.875rem 0.875rem 0.875rem 0.75rem;
  transition: background 150ms ease, border-color 150ms ease;
}

.jtds-ps-item:hover {
  background: rgba(255,255,255,0.9);
  border-color: rgba(30,64,175,0.25);
}

.jtds-ps-num {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  background: var(--jtds-primary, #1e40af);
  color: white;
  border-radius: 50%;
  font-size: 0.68rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}

.jtds-ps-body { flex: 1; min-width: 0; }

.jtds-ps-title {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--jtds-text, #0f172a);
  margin-bottom: 0.2rem;
  line-height: 1.3;
}

.jtds-ps-desc {
  font-size: 0.76rem;
  color: var(--jtds-text-muted, #64748b);
  line-height: 1.55;
  margin: 0;
}

@media (max-width: 768px) {
  .jtds-ps-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .jtds-ps-grid { grid-template-columns: 1fr; }
}

/* ===== Biaya grid: 2 kolom ===== */
.jtds-biaya-grid {
  grid-template-columns: repeat(2, 1fr) !important;
}

.jtds-biaya-gratis {
  border-color: rgba(22,163,74,0.18) !important;
  background: rgba(240,253,244,0.7) !important;
}
.jtds-biaya-gratis:hover {
  border-color: rgba(22,163,74,0.35) !important;
  background: rgba(240,253,244,1) !important;
}

.jtds-biaya-warn {
  border-color: rgba(234,179,8,0.2) !important;
  background: rgba(254,252,232,0.7) !important;
}
.jtds-biaya-warn:hover {
  border-color: rgba(234,179,8,0.4) !important;
  background: rgba(254,252,232,1) !important;
}

.jtds-ps-num-green {
  background: #16a34a !important;
}
.jtds-ps-num-warn {
  background: #b45309 !important;
}

/* icon dalam jtds-ps-title */
.jtds-ps-title .fa {
  margin-right: 0.3em;
  color: var(--jtds-primary, #1e40af);
  font-size: 0.85em;
}

@media (max-width: 480px) {
  .jtds-biaya-grid { grid-template-columns: 1fr !important; }
}

/* === Author Biography section — HIDDEN (2026-05-05 v3 final) === */
.page_article section.item.author_bios,
.obj_article_full section.item.author_bios {
  display: none !important;
}

/* ============================================================
 * Home page intro — thumbnail beside text (2026-05-06)
 * ============================================================ */
.jtds-home-intro {
  display: flex !important;
  gap: 1.75rem;
  align-items: flex-start;
  margin: 0 0 1.5rem 0;
  flex-wrap: wrap;
}

.jtds-home-intro-image {
  flex: 0 0 220px;
  max-width: 220px;
}

.jtds-home-intro-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.10);
  border: 1px solid var(--jtds-border, #e2e8f0);
}

.jtds-home-intro-text {
  flex: 1 1 360px;
  min-width: 0;
}

.jtds-home-intro-text .jtds-lead,
.jtds-home-intro-text .jtds-prose {
  margin-top: 0;
}

/* Mobile: stack vertical */
@media (max-width: 640px) {
  .jtds-home-intro {
    flex-direction: column;
    gap: 1rem;
  }
  .jtds-home-intro-image {
    flex: 0 0 auto;
    max-width: 180px;
    margin: 0 auto;
  }
  .jtds-home-intro-text {
    flex: 1 1 auto;
  }
}
/* JTDS-HEADER-BANNER-FULL-v2 — patched 2026-05-14 */
.pkp_head_wrapper {
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 0 !important;
}
.pkp_site_name_wrapper {
  width: 100% !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
.pkp_site_name {
  width: 100% !important;
  text-align: center !important;
  margin: 0 !important;
}
.pkp_site_name a.is_img {
  display: block !important;
  width: 100%;
}
.pkp_site_name a.is_img img {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  display: block;
  margin: 28px auto 25px auto;
}
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper {
  background: #ffffff !important;
}
.pkp_site_nav_menu {
  width: 100%;
  background: #fafafa;
  border-top: 1px solid #e5e7eb;
}
@media (max-width: 768px) {
  .pkp_site_name a.is_img img {
    max-height: 80px !important;
    object-fit: contain;
    object-position: left center;
  }
}
/* /JTDS-HEADER-BANNER-FULL-v2 */