/*
 * Journal Intelektual | OJS 3.3 / Default
 * Unggah sebagai Journal Style Sheet. Tambahkan HTML slideshow ke Journal Summary.
 * Warna utama diambil dari banner Journal Intelektual.
 */

html,
body {
  background: #fff;
}

body {
  margin: 0;
  color: #202b46;
}

body .pkp_structure_page {
  --jin-blue: #3c4398;
  --jin-navy: #26306f;
  --jin-ink: #202b46;
  --jin-muted: #4e5c77;
  --jin-soft: #f1f3fc;
  --jin-line: #dce2f0;
  --jin-white: #fff;
  --jin-width: 1200px;
  --jin-gutter: clamp(16px, 3vw, 38px);
  --jin-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  max-width: var(--jin-width);
  margin: 0 auto !important;
  background: var(--jin-white);
  box-shadow: none;
  color: var(--jin-ink);
  font-family: var(--jin-font);
}

.pkp_structure_page,
.pkp_structure_page *,
.pkp_structure_page *::before,
.pkp_structure_page *::after {
  box-sizing: border-box;
}

.pkp_structure_page a:focus-visible,
.pkp_structure_page button:focus-visible {
  outline: 2px solid #4069d2;
  outline-offset: 3px;
}

.pkp_structure_main a,
.pkp_structure_sidebar a,
.pkp_structure_footer a {
  color: var(--jin-blue);
  text-underline-offset: .18em;
}

.pkp_structure_main a:hover,
.pkp_structure_sidebar a:hover,
.pkp_structure_footer a:hover {
  color: var(--jin-navy);
}

/* Header, banner, dan navigasi bawaan OJS */
.pkp_structure_page #headerNavigationContainer {
  background: var(--jin-navy);
  border: 1px solid var(--jin-line);
  border-top: 0;
}

.pkp_structure_head .pkp_head_wrapper,
.has_site_logo .pkp_structure_head .pkp_head_wrapper,
.pkp_structure_head .pkp_site_name_wrapper,
.pkp_structure_head .pkp_navigation_primary_wrapper {
  width: 100%;
  max-width: none;
  padding: 0;
}

.pkp_structure_head .pkp_site_name_wrapper {
  display: flex;
  align-items: center;
  min-height: 50px;
  height: auto;
  background: var(--jin-blue);
}

.pkp_structure_head .pkp_site_name {
  flex: 1;
  min-width: 0;
  margin: 0;
}

.pkp_structure_head .pkp_site_name > a {
  padding: 0;
  color: #fff;
}

.pkp_structure_head .pkp_site_name > a:not(.is_img) {
  padding: 12px var(--jin-gutter);
}

.pkp_structure_head .pkp_site_name > .is_img {
  display: block;
  margin: 0;
}

.pkp_structure_head .pkp_site_name .is_img img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none !important;
}

.pkp_structure_head .pkp_site_nav_toggle {
  top: 50%;
  left: 0;
  width: 48px;
  height: 48px;
  transform: translateY(-50%);
}

.pkp_structure_head .pkp_site_nav_toggle:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}

.pkp_structure_head .pkp_site_nav_menu,
.pkp_structure_head .pkp_navigation_primary_row {
  background: var(--jin-white);
}

.pkp_structure_head .pkp_site_nav_menu a {
  color: var(--jin-navy);
  font-family: var(--jin-font);
  font-weight: 650;
}

.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary > li > a {
  color: var(--jin-navy);
}

.pkp_structure_head .pkp_site_nav_menu a:hover,
.pkp_structure_head .pkp_site_nav_menu a:focus {
  color: var(--jin-blue);
  background: var(--jin-soft);
  border-color: var(--jin-blue);
}

.pkp_structure_head .pkp_site_nav_menu .pkp_nav_list ul {
  background: var(--jin-white);
}

@media (min-width: 992px) {
  .pkp_structure_head .pkp_site_nav_menu {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-inline: var(--jin-gutter);
  }

  .pkp_structure_head .pkp_navigation_primary_row {
    flex: 1;
    padding: 0;
    min-width: 0;
  }

  .pkp_structure_head .pkp_navigation_primary_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .pkp_structure_head .pkp_navigation_primary_wrapper::before,
  .pkp_structure_head .pkp_navigation_primary_wrapper::after {
    display: none;
  }

  .pkp_structure_head .pkp_navigation_primary,
  .pkp_structure_head .pkp_navigation_search_wrapper {
    float: none;
    position: static;
  }

  .pkp_structure_head .pkp_search_desktop {
    position: static;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    border: 0;
  }

  .pkp_structure_head .pkp_navigation_primary > li > a {
    margin: 0;
    padding: 14px 10px 12px;
  }

  .pkp_structure_head #navigationUserWrapper {
    position: static;
    width: auto;
    margin: 0;
    padding: 0 0 0 10px;
    transform: none;
    border-left: 1px solid var(--jin-line);
  }

  .pkp_structure_head #navigationUser > li > a {
    margin: 0;
    padding: 8px 10px;
  }
}

@media (max-width: 991px) {
  .pkp_structure_head .pkp_site_name_wrapper {
    padding-left: 48px;
  }

  .pkp_structure_head .pkp_site_nav_menu {
    max-height: min(70vh, 540px);
    overflow-y: auto;
    padding: 8px var(--jin-gutter) 12px;
    border-bottom: 1px solid var(--jin-line);
    box-shadow: 0 10px 24px rgb(38 48 111 / 12%);
  }

  .pkp_structure_head .pkp_site_nav_menu a {
    min-height: 40px;
    padding: 9px 6px;
  }

  .pkp_structure_head .pkp_navigation_primary_row,
  .pkp_structure_head .pkp_navigation_user_wrapper {
    padding: 0;
  }
}

/* Area isi dan kartu jurnal */
.pkp_structure_page .pkp_structure_content {
  width: 100%;
  max-width: none;
  padding: clamp(20px, 3vw, 36px) var(--jin-gutter) clamp(36px, 5vw, 64px);
}

.pkp_structure_page .pkp_structure_main,
.pkp_structure_page .pkp_structure_main:first-child:last-child {
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow-wrap: anywhere;
}

.pkp_structure_page .pkp_structure_main::before,
.pkp_structure_page .pkp_structure_main::after,
.pkp_structure_page .pkp_structure_sidebar::before {
  display: none;
}

.pkp_structure_page .pkp_structure_main img {
  max-width: 100%;
  height: auto;
}

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4 {
  color: var(--jin-navy);
}

.pkp_structure_main p {
  line-height: 1.65;
}

.page_index_journal .homepage_about {
  display: flex;
  flex-direction: column;
  padding: 0 0 26px;
}

.page_index_journal .homepage_about > h2 {
  margin: 0 0 12px;
}

.page_index_journal .homepage_about > p {
  margin: 0 0 12px;
}

.page_index_journal .homepage_about > .jin-hero {
  order: -1;
  margin-bottom: 28px;
}

.page_index_journal .current_issue {
  padding: clamp(18px, 3vw, 30px);
  border: 1px solid var(--jin-line);
  border-radius: 18px;
}

.page_index_journal .current_issue > h2 {
  margin-top: 0;
  border-bottom-color: var(--jin-blue);
  color: var(--jin-navy);
}

.page_index_journal .current_issue .current_issue_title {
  margin: 6px 0 14px;
  color: var(--jin-ink);
}

.pkp_structure_main .cmp_article_list > li {
  margin-bottom: 12px;
  padding: 16px;
  background: var(--jin-soft);
  border: 1px solid var(--jin-line);
  border-radius: 12px;
}

.pkp_structure_main .obj_article_summary .title {
  margin: 0 0 8px;
  line-height: 1.45;
}

.pkp_structure_main .obj_article_summary .meta {
  color: var(--jin-muted);
}

.pkp_structure_main .obj_galley_link {
  color: var(--jin-navy);
  background: var(--jin-white);
  border-color: var(--jin-blue);
  border-radius: 8px;
}

.pkp_structure_main .obj_galley_link:hover,
.pkp_structure_main .obj_galley_link:focus {
  color: var(--jin-white);
  background: var(--jin-navy);
}

.pkp_structure_main .page_index_journal .additional_content {
  margin: 28px 0 0;
  padding: 22px 0 0;
  border-color: var(--jin-line);
}

/* Sidebar, termasuk tabel menu berwarna yang disimpan di Custom Blocks */
.pkp_structure_page .pkp_structure_sidebar {
  float: none;
  width: auto;
  min-width: 0;
  margin-top: 28px;
  overflow-wrap: anywhere;
}

.pkp_structure_sidebar .pkp_block {
  margin: 0 0 14px;
  padding: 14px;
  background: var(--jin-white);
  border: 1px solid var(--jin-line);
  border-radius: 14px;
}

.pkp_structure_sidebar .pkp_block .title {
  color: var(--jin-navy);
  border-bottom-color: var(--jin-blue);
}

.pkp_structure_sidebar .block_custom table {
  float: none;
  width: 100% !important;
  border-collapse: collapse;
}

.pkp_structure_sidebar .block_custom td {
  padding: 0;
  background: var(--jin-soft) !important;
  border-bottom: 1px solid var(--jin-white) !important;
}

.pkp_structure_sidebar .block_custom tr:first-child td {
  padding: 8px 10px;
  background: var(--jin-navy) !important;
  color: #fff;
  border-radius: 8px;
}

.pkp_structure_sidebar .block_custom td :is(h4, p) {
  margin: 0;
  font-size: 13px;
  line-height: 1.35;
}

.pkp_structure_sidebar .block_custom td a {
  display: block;
  padding: 11px 12px;
  color: var(--jin-navy) !important;
  font-weight: 650;
  text-align: left !important;
  text-decoration: none;
}

.pkp_structure_sidebar .block_custom td a span {
  color: inherit !important;
}

.pkp_structure_sidebar .block_custom td a:hover,
.pkp_structure_sidebar .block_custom td a:focus-visible {
  background: #e3e8fa;
  text-decoration: underline;
}

.pkp_structure_sidebar .pkp_block img {
  max-width: 100%;
  height: auto;
}

.pkp_structure_sidebar .block_custom .content > p {
  margin: 10px 0 0;
}

.pkp_structure_sidebar .block_make_submission_link {
  display: block;
  padding: 9px 12px;
  text-align: center;
  color: #fff;
  background: var(--jin-navy);
  border-color: var(--jin-navy);
  border-radius: 8px;
}

.pkp_structure_sidebar .block_make_submission_link:hover,
.pkp_structure_sidebar .block_make_submission_link:focus {
  color: #fff;
  background: var(--jin-blue);
}

@media (min-width: 992px) {
  .pkp_structure_page .pkp_structure_content.has_sidebar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(230px, 25%);
    align-items: start;
    gap: clamp(22px, 3vw, 36px);
  }

  .pkp_structure_page .pkp_structure_content.has_sidebar::before,
  .pkp_structure_page .pkp_structure_content.has_sidebar::after {
    display: none;
  }

  .pkp_structure_page .pkp_structure_sidebar {
    margin-top: 0;
  }
}

.pkp_structure_page .pkp_structure_footer_wrapper {
  background: var(--jin-soft);
  border-top: 1px solid var(--jin-line);
  border-bottom: 4px solid var(--jin-navy);
}

.pkp_structure_page .pkp_structure_footer {
  width: 100%;
  max-width: none;
  padding: clamp(20px, 4vw, 38px) var(--jin-gutter);
  overflow-wrap: anywhere;
}

.pkp_structure_page .pkp_footer_content {
  float: none;
  width: auto;
  padding: 0;
}

.pkp_structure_page .pkp_footer_content iframe {
  display: block;
  width: min(100%, 620px);
  max-width: 100%;
  height: clamp(200px, 35vw, 300px);
  border-radius: 10px;
}

/* Hero dan slideshow. Satu putaran 27 detik untuk tiga panel. */
.page_index_journal .jin-hero {
  scroll-margin-top: 12px;
  border: 1px solid #dfe4f3;
  border-radius: 22px;
  background: linear-gradient(135deg, #f1f3fc 0%, #fff 70%);
}

.jin-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(16px, 2.8vw, 34px);
  padding: clamp(17px, 2.8vw, 34px);
  scroll-margin-top: 18px;
}

.pkp_structure_main .jin-hero .jin-hero-kicker {
  margin: 0 0 10px;
  color: var(--jin-blue);
  font-size: 11px;
  font-weight: 760;
  letter-spacing: .11em;
  line-height: 1.5;
  text-transform: uppercase;
}

.pkp_structure_main .jin-hero .jin-hero-title {
  margin: 0;
  font-family: var(--jin-font);
  font-size: clamp(30px, 3.5vw, 50px);
  font-weight: 770;
  line-height: 1.06;
  letter-spacing: -.04em;
}

.pkp_structure_main .jin-hero .jin-hero-intro {
  max-width: 37ch;
  margin: 12px 0 17px;
  color: var(--jin-muted);
  font-size: 14px;
  line-height: 1.58;
}

.jin-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.jin-hero .jin-button {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 8px 11px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 730;
  line-height: 1.3;
  text-decoration: none;
}

.jin-hero .jin-button-primary,
.jin-hero .jin-button-primary:hover {
  background: var(--jin-navy);
  color: #fff;
}

.jin-hero .jin-button-primary:hover {
  background: var(--jin-blue);
}

.jin-hero .jin-button-secondary {
  background: #fff;
  border-color: #ccd4e9;
  color: var(--jin-navy);
}

.jin-hero .jin-button-secondary:hover {
  background: var(--jin-soft);
}

.pkp_structure_main .jin-hero .jin-hero-issn {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 14px;
  margin: 15px 0 0;
  color: var(--jin-muted);
  font-size: 11px;
  line-height: 1.45;
}

.jin-hero-showcase {
  min-width: 0;
  overflow: hidden;
  background: #20295e;
  border-radius: 16px;
}

.jin-slides {
  position: relative;
  min-height: clamp(188px, 19vw, 238px);
  isolation: isolate;
}

.jin-slide {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 13px 16px;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(ellipse at 84% 24%, rgb(164 182 255 / 30%), transparent 48%),
    linear-gradient(145deg, var(--jin-slide-start), var(--jin-slide-end));
  animation: jin-slide-fade 27s linear infinite;
}

.jin-slide-research {
  --jin-slide-start: #26316f;
  --jin-slide-end: #424ca5;
  --jin-sheet-ink: #343e8a;
}

.jin-slide-issues {
  --jin-slide-start: #183658;
  --jin-slide-end: #306489;
  --jin-sheet-ink: #204d76;
  animation-delay: -18s;
}

.jin-slide-authors {
  --jin-slide-start: #252c61;
  --jin-slide-end: #5353a0;
  --jin-sheet-ink: #4a438d;
  animation-delay: -9s;
}

@keyframes jin-slide-fade {
  0%, 29.5%, 100% { opacity: 1; visibility: visible; }
  33.3333%, 96% { opacity: 0; visibility: hidden; }
}

.pkp_structure_main .jin-hero .jin-slide-index,
.pkp_structure_main .jin-hero .jin-slide-caption {
  position: relative;
  z-index: 1;
  margin: 0;
  line-height: 1.3;
}

.jin-slide-index {
  color: #e7edff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .15em;
}

.jin-slide-caption {
  font-size: clamp(14px, 1.7vw, 19px);
  font-weight: 720;
}

.jin-slide-art {
  position: absolute;
  inset: 15% 10% 16%;
  display: grid;
  place-items: center;
  background-image: radial-gradient(rgb(216 229 255 / 32%) 1px, transparent 1px);
  background-size: 13px 13px;
  border-radius: 15px;
}

.jin-slide-sheet {
  position: relative;
  width: min(64%, 172px);
  padding: 12px;
  transform: rotate(-8deg);
  border: 1px solid #e2e9ff;
  border-radius: 9px;
  color: var(--jin-sheet-ink);
  background: #f7f8ff;
  box-shadow: 9px 10px 0 rgb(178 198 255 / 35%), 0 14px 26px rgb(19 27 74 / 30%);
}

.jin-slide-issues .jin-slide-sheet {
  transform: rotate(7deg);
  box-shadow: -9px 9px 0 rgb(178 220 255 / 40%), 0 14px 26px rgb(19 27 74 / 30%);
}

.jin-slide-authors .jin-slide-sheet {
  transform: rotate(-4deg);
}

.jin-sheet-label {
  display: block;
  font-size: 9px;
  font-weight: 790;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.jin-bars {
  display: flex;
  align-items: end;
  gap: 5px;
  height: 53px;
  margin-top: 8px;
  padding-bottom: 3px;
  border-bottom: 1px solid #bdc8ed;
}

.jin-bars span {
  flex: 1;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(#7899e5, var(--jin-sheet-ink));
}

.jin-bars span:nth-child(1) { height: 32%; }
.jin-bars span:nth-child(2) { height: 54%; }
.jin-bars span:nth-child(3) { height: 44%; }
.jin-bars span:nth-child(4) { height: 72%; }
.jin-bars span:nth-child(5) { height: 94%; }

.jin-sheet-rows {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}

.jin-sheet-rows span {
  display: block;
  height: 7px;
  border-radius: 8px;
  background: #ced9f4;
}

.jin-sheet-rows span:first-child {
  width: 74%;
  background: var(--jin-sheet-ink);
}

.jin-sheet-rows span:last-child {
  width: 55%;
}

.jin-slide-authors .jin-sheet-rows {
  padding: 9px;
  border: 1px solid #c6ccee;
  border-radius: 6px;
}

.jin-slide-controls {
  min-height: 34px;
  padding: 0 11px;
  text-align: right;
  border-top: 1px solid rgb(228 237 255 / 25%);
}

.jin-hero .jin-slide-controls a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding-inline: 5px;
  color: #f0f3ff;
  font-size: 11px;
  line-height: 1.2;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.jin-hero .jin-slide-controls a:focus-visible {
  outline-color: #fff;
  outline-offset: -2px;
}

.jin-hero .jin-slide-controls .jin-resume-link,
#jin-slideshow-pause:target .jin-slide-controls .jin-pause-link {
  display: none;
}

#jin-slideshow-pause:target .jin-slide-controls .jin-resume-link {
  display: inline-flex;
}

#jin-slideshow-pause:target .jin-slide {
  animation-play-state: paused;
}

@media (max-width: 620px) {
  .jin-hero-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .jin-hero .jin-button {
    min-height: 44px;
  }

  .jin-hero .jin-slide-controls a {
    min-height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .jin-hero .jin-slide {
    animation: none;
  }

  .jin-hero .jin-slide-research {
    opacity: 1;
    visibility: visible;
  }

  .jin-hero .jin-slide-controls {
    display: none;
  }
}

/* Journal Intelektual: issue cards on the Archives page only.
 * OJS renders a flat issue list. A pair shares a row only when both verified
 * issue links for a volume are present next to each other on the same page.
 * To add a future pair, add both selectors for its links in the desktop rules.
 */

.page_issue_archive > h1 {
  margin-bottom: 1.5rem;
  color: #26306f;
}

.page_issue_archive > .issues_archive {
  display: grid;
  gap: 1.1rem;
  align-items: stretch;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

.page_issue_archive > .issues_archive > li {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.page_issue_archive .issues_archive .obj_issue_summary {
  display: flex;
  flex-direction: column;
  gap: .7rem;
  height: 100%;
  padding: clamp(14px, 2.2vw, 20px);
  border: 1px solid #dce2f0;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(38, 48, 111, .07);
}

.page_issue_archive .issues_archive .obj_issue_summary:hover,
.page_issue_archive .issues_archive .obj_issue_summary:focus-within {
  border-color: #aab8e2;
  box-shadow: 0 6px 16px rgba(38, 48, 111, .12);
}

.page_issue_archive .issues_archive .obj_issue_summary::before,
.page_issue_archive .issues_archive .obj_issue_summary::after {
  display: none;
}

.page_issue_archive .issues_archive .obj_issue_summary > .cover {
  display: grid;
  place-items: center;
  float: none;
  width: 100%;
  height: 162px;
  margin: 0;
  padding: 10px;
  border-radius: 10px;
  background: linear-gradient(145deg, #edf1fb, #f8f9fd);
}

.page_issue_archive .issues_archive .obj_issue_summary > .cover img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 142px;
  max-height: 100%;
  border-radius: 3px;
  object-fit: contain;
  box-shadow: 0 4px 10px rgba(38, 48, 111, .18);
}

.page_issue_archive .issues_archive .obj_issue_summary > h2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .4rem;
  margin: 0;
  font-family: inherit;
  line-height: 1.35;
}

.page_issue_archive .issues_archive .obj_issue_summary .series {
  order: -1;
  display: inline-block;
  margin: 0;
  padding: .3em .65em;
  border-radius: 5px;
  background: #eef2fb;
  color: #303b88;
  font-family: inherit;
  font-size: .79rem;
  font-weight: 700;
}

.page_issue_archive .issues_archive .obj_issue_summary .title {
  color: #26306f;
  font-family: inherit;
  font-size: 1.02rem;
  font-weight: 750;
  overflow-wrap: anywhere;
}

.page_issue_archive .issues_archive .obj_issue_summary .title:hover,
.page_issue_archive .issues_archive .obj_issue_summary .title:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page_issue_archive .issues_archive .obj_issue_summary > .description {
  color: #4e5c77;
  font-size: .86rem;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.page_issue_archive .issues_archive .obj_issue_summary > .description p {
  line-height: inherit;
}

@supports selector(li:has(+ li)) {
  /* Decorative space for an issue that has no uploaded cover. */
  .page_issue_archive .issues_archive .obj_issue_summary:not(:has(> .cover))::before {
    content: "";
    display: block;
    flex: 0 0 162px;
    border-radius: 10px;
    background:
      radial-gradient(circle, #a9baff 0 7px, transparent 8px) center calc(50% - 22px) / 20px 20px no-repeat,
      linear-gradient(#e5ebff, #e5ebff) center 50% / 48px 3px no-repeat,
      linear-gradient(#a9baff, #a9baff) center calc(50% + 10px) / 36px 3px no-repeat,
      linear-gradient(145deg, #3c4398, #26306f) center / 82px 110px no-repeat,
      linear-gradient(145deg, #edf1fb, #f8f9fd);
  }
}

@media (min-width: 620px) {
  .page_issue_archive > .issues_archive {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.35rem .95rem;
  }

  /* A single issue occupies the middle two tracks. */
  .page_issue_archive > .issues_archive > li {
    grid-column: 2 / span 2;
  }

  @supports selector(li:has(+ li)) {
    /* Left card of each volume, if the matching right card is next. */
    .page_issue_archive > .issues_archive > li:has(a.title[href$="/issue/view/37"]):has(+ li a.title[href$="/issue/view/34"]),
    .page_issue_archive > .issues_archive > li:has(a.title[href$="/issue/view/32"]):has(+ li a.title[href$="/issue/view/30"]),
    .page_issue_archive > .issues_archive > li:has(a.title[href$="/issue/view/29"]):has(+ li a.title[href$="/issue/view/25"]),
    .page_issue_archive > .issues_archive > li:has(a.title[href$="/issue/view/17"]):has(+ li a.title[href$="/issue/view/16"]),
    .page_issue_archive > .issues_archive > li:has(a.title[href$="/issue/view/13"]):has(+ li a.title[href$="/issue/view/12"]) {
      grid-column: 1 / span 2;
    }

    /* Right card of each volume, if the matching left card is previous. */
    .page_issue_archive > .issues_archive > li:has(a.title[href$="/issue/view/37"]) + li:has(a.title[href$="/issue/view/34"]),
    .page_issue_archive > .issues_archive > li:has(a.title[href$="/issue/view/32"]) + li:has(a.title[href$="/issue/view/30"]),
    .page_issue_archive > .issues_archive > li:has(a.title[href$="/issue/view/29"]) + li:has(a.title[href$="/issue/view/25"]),
    .page_issue_archive > .issues_archive > li:has(a.title[href$="/issue/view/17"]) + li:has(a.title[href$="/issue/view/16"]),
    .page_issue_archive > .issues_archive > li:has(a.title[href$="/issue/view/13"]) + li:has(a.title[href$="/issue/view/12"]) {
      grid-column: 3 / span 2;
    }
  }
}

/* Article view and Contact | OJS 3.3 / Default */
.page_article .obj_article_details > .page_title,
.page_contact > h1 {
  margin: 14px 0 0;
  padding: clamp(20px, 3vw, 34px);
  border: 1px solid var(--jin-line);
  border-left: 5px solid var(--jin-blue);
  border-radius: 14px;
  background: linear-gradient(115deg, #f7f8fe, #eef1fb);
  color: var(--jin-navy);
  font-size: clamp(1.65rem, 3.4vw, 2.5rem);
  font-weight: 750;
  letter-spacing: -.025em;
  line-height: 1.19;
}

.page_article .obj_article_details > .subtitle {
  margin: 12px 0 0;
  color: var(--jin-muted);
  line-height: 1.55;
}

.page_article .obj_article_details .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  margin: 16px 0 0;
  border: 0;
}

.page_article .obj_article_details .row::before,
.page_article .obj_article_details .row::after,
.page_contact > .contact_section::before,
.page_contact > .contact_section::after {
  display: none;
}

.page_article .obj_article_details .main_entry,
.page_article .obj_article_details .entry_details {
  display: grid;
  gap: 14px;
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.page_article .obj_article_details .row > div > .item,
.page_contact > .contact_section > .contact {
  min-width: 0;
  margin: 0;
  padding: clamp(15px, 2.1vw, 22px);
  border: 1px solid var(--jin-line);
  border-radius: 12px;
  background: var(--jin-white);
  box-shadow: 0 3px 12px rgb(38 48 111 / 5%);
}

.page_article .obj_article_details .row > .entry_details > .item {
  padding: 15px;
}

.page_article .obj_article_details .row .item > .label,
.page_article .obj_article_details .row .item > .sub_item > .label,
.page_article .obj_article_details .row .item > h2.pkp_screen_reader {
  display: block;
  margin: 0 0 8px;
  color: var(--jin-navy);
  font-size: .875rem;
  font-weight: 750;
  line-height: 1.45;
}

.page_article .obj_article_details .row .item > h2.pkp_screen_reader {
  position: static !important;
  left: auto;
  width: auto;
  height: auto;
  clip: auto;
}

.page_article .obj_article_details .row .item > .value,
.page_article .obj_article_details .row .item > .sub_item > .value,
.page_article .obj_article_details .row .item > p {
  color: var(--jin-ink);
  font-size: .9375rem;
  line-height: 1.6;
}

.page_article .obj_article_details .row .item.doi > .value,
.page_article .obj_article_details .row .item.keywords > .value {
  display: block;
}

.page_article .obj_article_details .row .item.doi > .value a {
  color: var(--jin-blue);
  font-weight: 650;
  text-decoration: underline;
}

.page_article .obj_article_details .row .item.doi > .value a:hover {
  color: var(--jin-navy);
}

.page_article .obj_article_details .item.authors > ul.authors {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page_article .obj_article_details .item.authors > ul.authors > li {
  min-width: 0;
  margin: 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--jin-soft);
}

.page_article .obj_article_details .item.authors .name {
  display: block;
  color: var(--jin-ink);
  font-weight: 700;
  line-height: 1.45;
}

.page_article .obj_article_details .item.authors .affiliation {
  display: block;
  margin-top: 3px;
  color: var(--jin-muted);
  font-size: .875rem;
  line-height: 1.45;
}

.page_article .obj_article_details .row .item.abstract {
  border-top: 3px solid var(--jin-blue);
  text-align: left;
}

.page_article .obj_article_details .row .item.abstract > .label {
  margin-bottom: 12px;
  font-size: 1.2rem;
}

.page_article .obj_article_details .row .item.abstract > p {
  margin: 0 0 12px;
  line-height: 1.75;
  text-align: left;
}

.page_article .obj_article_details .row .item.abstract > p:last-child,
.page_article .obj_article_details .row .item.copyright > p:last-child {
  margin-bottom: 0;
}

.page_article .obj_article_details .row .entry_details .sub_item + .sub_item {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--jin-line);
}

.page_article .obj_article_details .row .item.cover_image {
  background: var(--jin-soft);
  text-align: center;
}

.page_article .obj_article_details .row .item.cover_image img {
  display: block;
  width: auto;
  max-height: 260px;
  margin: 0 auto;
  border-radius: 5px;
}

.page_article .obj_article_details .row .item.galleys {
  background: var(--jin-soft);
}

.page_article .obj_article_details .row .item.galleys > ul.galleys_links {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page_article .obj_article_details .row .galleys_links > li {
  min-width: 0;
  margin: 0;
  padding: 0;
}

.page_article .obj_article_details .row .galleys_links .obj_galley_link:not(.restricted) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--jin-blue);
  border-radius: 8px;
  background: var(--jin-blue);
  color: var(--jin-white);
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
}

.page_article .obj_article_details .row .galleys_links .obj_galley_link:not(.restricted):is(:hover, :focus-visible) {
  border-color: var(--jin-navy);
  background: var(--jin-navy);
}

.page_article .obj_article_details .row .galleys_links .obj_galley_link.pdf:not(.restricted)::before {
  padding-right: 0;
}

.page_article > .articlesBySameAuthorList,
.page_article > .articlesBySimilarityList:not(:empty) {
  margin-top: 18px;
  padding: clamp(15px, 2.1vw, 22px);
  border: 1px solid var(--jin-line);
  border-radius: 12px;
  background: var(--jin-white);
}

.page_article > .articlesBySameAuthorList > h3,
.page_article > .articlesBySimilarityList > h3 {
  margin: 0 0 10px;
  color: var(--jin-navy);
  font-size: 1.05rem;
}

.page_article > .articlesBySameAuthorList li + li,
.page_article > .articlesBySimilarityList li + li {
  margin-top: 8px;
}

.page_contact > h1 {
  background: linear-gradient(120deg, var(--jin-navy), var(--jin-blue));
  border-color: var(--jin-navy);
  color: var(--jin-white);
}

.page_contact > .contact_section {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 14px;
  margin: 16px 0 0;
}

.page_contact > .contact_section > .address {
  position: relative;
  flex: 1 0 100%;
  min-width: 0;
  margin: 0;
  padding: 17px 16px 17px 57px;
  border: 1px solid var(--jin-line);
  border-radius: 12px;
  background: var(--jin-soft);
  color: var(--jin-ink);
  font-size: .9375rem;
  line-height: 1.65;
}

.page_contact > .contact_section > .address::before,
.page_contact > .contact_section > .contact > h3::before {
  font-family: FontAwesome;
  font-weight: normal;
}

.page_contact > .contact_section > .address::before {
  content: "\f041";
  position: absolute;
  top: 15px;
  left: 15px;
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 8px;
  background: var(--jin-white);
  color: var(--jin-blue);
}

.page_contact > .contact_section > .address > :first-child {
  margin-top: 0;
}

.page_contact > .contact_section > .address > :last-child {
  margin-bottom: 0;
}

.page_contact > .contact_section > .contact {
  flex: 1 1 min(100%, 240px);
  float: none;
  width: auto;
  border-top: 3px solid var(--jin-blue);
}

.page_contact > .contact_section > .contact > h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  color: var(--jin-navy);
  font-size: .875rem;
  font-weight: 750;
  line-height: 1.35;
}

.page_contact > .contact_section > .contact > h3::before {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  place-items: center;
  border-radius: 8px;
  background: var(--jin-soft);
  color: var(--jin-blue);
}

.page_contact > .contact_section > .contact.primary > h3::before {
  content: "\f007";
}

.page_contact > .contact_section > .contact.support > h3::before {
  content: "\f0e6";
}

.page_contact > .contact_section > .contact > .name {
  color: var(--jin-ink);
  font-size: 1.1rem;
  font-weight: 750;
  line-height: 1.45;
}

.page_contact > .contact_section > .contact > .affiliation {
  margin-top: 4px;
  color: var(--jin-muted);
  font-size: .9375rem;
  line-height: 1.5;
}

.page_contact > .contact_section > .contact > .email {
  margin-top: 10px;
}

.page_contact > .contact_section > .contact > .email a,
.page_contact > .contact_section > .contact > .phone a {
  display: inline-block;
  max-width: 100%;
  padding: 7px 10px;
  border: 1px solid var(--jin-line);
  border-radius: 7px;
  background: var(--jin-soft);
  color: var(--jin-navy);
  font-size: .875rem;
  font-weight: 650;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.page_contact > .contact_section > .contact > .email a:hover,
.page_contact > .contact_section > .contact > .phone a:hover {
  border-color: var(--jin-blue);
  text-decoration: underline;
}

@media (min-width: 992px) {
  .page_article .obj_article_details .row {
    grid-template-columns: minmax(0, 1fr) minmax(190px, 28%);
  }
}