@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800&display=swap');

/* ================================================================
   OPEN MUSIC STUDIES — OJS 3.3.0.22 DEFAULT THEME
   Adaptasi visual gaya Classy untuk carakajournal.id/index.php/oms
   ================================================================ */

:root {
  --oms-navy: #03152f;
  --oms-blue: #075b82;
  --oms-cyan: #16b8c7;
  --oms-gold: #e7ae45;
  --oms-ink: #172333;
  --oms-muted: #627184;
  --oms-line: #dce7ee;
  --oms-soft: #f3f8fb;
  --oms-white: #ffffff;
  --oms-radius: 8px;
  --oms-shadow: 0 5px 22px rgba(3, 21, 47, .10);
}

/* Keep the centered layout fixed when short pages do not need a scrollbar */
html {
  overflow-y: scroll;
  scrollbar-gutter: stable;
}

html, body {
  font-family: "Noto Sans", "Segoe UI", Arial, sans-serif;
  color: var(--oms-ink);
  background: #eef3f6;
}

a { color: #087da1; }
a:hover, a:focus { color: #064e70; }
img { max-width: 100%; height: auto; }

/* Page shell */
.pkp_structure_page {
  max-width: 1440px;
  margin: 0 auto;
  background: var(--oms-white);
  box-shadow: 0 0 35px rgba(3, 21, 47, .12);
}

.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user,
.pkp_structure_content,
.pkp_structure_footer {
  max-width: 1200px;
}

/* Header image uploaded through Website > Appearance > Header */
.pkp_structure_head {
  position: relative;
  background: var(--oms-navy);
  border: 0;
}

.pkp_head_wrapper { background: var(--oms-navy); }

.pkp_site_name_wrapper {
  height: auto;
  min-height: 120px;
  margin-bottom: 0 !important;
  padding: 0;
}

.pkp_site_name {
  position: static;
  margin: 0;
  padding: 0;
  line-height: 0 !important;
  text-align: center;
}

.pkp_site_name .is_img {
  display: block;
  line-height: 0;
}

.pkp_site_name .is_img img {
  display: block;
  width: 100%;
  max-width: 1200px;
  max-height: none;
  margin: 0 auto;
  object-fit: contain;
}

.pkp_site_name .is_text {
  display: block;
  padding: 42px 24px;
  color: #fff;
  font-size: clamp(28px, 5vw, 54px);
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* User menu as compact top-right controls */
@media (min-width: 992px) {
  .pkp_navigation_user_wrapper {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: none !important;
    z-index: 20;
    pointer-events: none;
  }

  .pkp_navigation_user {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: right;
    pointer-events: auto;
  }

  .pkp_navigation_user > li > a {
    padding: 7px 12px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(255,255,255,.55);
    border-radius: 0 !important;
    color: var(--oms-navy);
    box-shadow: 0 2px 8px rgba(0,0,0,.16);
  }
}

/* Main navigation */
.pkp_site_nav_menu {
  margin-top: 0 !important;
}

.pkp_navigation_primary_row {
  position: relative;
  margin-top: -7px !important;
  background: #fff;
  border: 1px solid rgba(3,21,47,.08);
  box-shadow: 0 4px 14px rgba(3,21,47,.10);
}

.pkp_navigation_primary > li > a,
.pkp_head_wrapper .pkp_search {
  color: #164d6d;
  font-weight: 600;
}

/* Match the Search baseline with the primary menu labels */
@media (min-width: 992px) {
  .pkp_navigation_search_wrapper .pkp_search.pkp_search_desktop {
    position: relative;
    top: 17px !important;
  }
}

/* Align the Home menu with the text inside the homepage card */
@media (min-width: 992px) {
  #navigationPrimary.pkp_navigation_primary {
    position: relative;
    left: 30px !important;
    padding-left: 0;
  }
}

/* Move the account menu from the 1160px header wrapper to the outer blue edge */
@media (min-width: 1200px) {
  #navigationUserWrapper.pkp_navigation_user_wrapper {
    left: auto !important;
    right: -140px !important;
    width: auto !important;
    transform: none !important;
  }

  #navigationUser.pkp_navigation_user {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

.pkp_navigation_primary > li > a {
  padding-top: 17px;
  padding-bottom: 15px;
  border-bottom: 3px solid transparent;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: #067b9c;
  border-bottom-color: var(--oms-gold);
}

.pkp_navigation_primary ul {
  border: 0;
  border-radius: 0 0 6px 6px;
  box-shadow: var(--oms-shadow);
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus {
  background: var(--oms-soft);
}

/* Content grid */
.pkp_structure_content {
  padding-top: 0 !important;
  padding-bottom: 36px;
}

/* Neutralize the exact desktop spacing rules of OJS Default Theme */
@media (min-width: 992px) {
  body.pkp_page_index .pkp_structure_content {
    padding-top: 0 !important;
  }

  body.pkp_page_index .pkp_structure_main:first-child:last-child {
    margin-top: 0 !important;
  }

  body.pkp_page_index .page_index_journal .additional_content {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  body.pkp_page_index .oms-home-card {
    margin-top: 0 !important;
  }
}

@media (min-width: 992px) {
  .pkp_structure_main {
    float: left;
    width: calc(100% - 320px);
    padding: 0 22px 50px 0;
  }

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

  .pkp_structure_sidebar,
  .pkp_structure_sidebar.left {
    float: right;
    width: 320px;
  }

  /* Full-width layout when no sidebar block is enabled */
  .pkp_structure_content:not(.has_sidebar) .pkp_structure_main {
    float: none;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto !important;
    margin-top: 0 !important;
    padding: 0 0 50px;
  }

  .pkp_structure_content:not(.has_sidebar) > .pkp_structure_main:first-child:last-child {
    margin-top: 0 !important;
  }
}

/* General cards and headings */
.page_index_journal,
.page_issue,
.page_issue_archive,
.page_article,
.page_about,
.page_contact,
.page_submissions,
.page_search {
  line-height: 1.75;
}

.oms-home-card,
.obj_issue_toc,
.obj_article_details,
.page_issue_archive .issues_archive > li {
  background: #fff;
  border: 1px solid var(--oms-line);
  border-radius: var(--oms-radius);
  box-shadow: 0 4px 16px rgba(3,21,47,.06);
}

.page_index_journal h2,
.page_issue h1,
.page_issue_archive h1,
.page_article h1,
.page_about h1,
.page_contact h1,
.page_submissions h1,
.page_search h1 {
  color: var(--oms-navy);
}

.page_index_journal h2::after,
.oms-section-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  margin-top: 10px;
  border-radius: 5px;
  background: linear-gradient(90deg, var(--oms-cyan), var(--oms-gold));
}

/* Additional Content HTML supplied with this package */
.page_index_journal > .additional_content {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pkp_structure_content:not(.has_sidebar) .page_index_journal,
.pkp_structure_content:not(.has_sidebar) .page_index_journal > .additional_content {
  margin-top: 0 !important;
}

.oms-home-card {
  width: 100%;
  margin: 0;
  padding: 30px;
}
.oms-section-title { margin: 0 0 22px; font-size: 25px; }
.oms-about-text { text-align: justify; }

.oms-journal-profile {
  display: grid;
  grid-template-columns: minmax(170px, 220px) 1fr;
  gap: 28px;
  align-items: start;
  margin-top: 25px;
}

.oms-cover {
  display: block;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 7px 18px rgba(3,21,47,.22);
}

.oms-meta { margin: 0; padding: 0; list-style: none; }
.oms-meta li { padding: 7px 0; border-bottom: 1px dashed var(--oms-line); }
.oms-meta strong { color: var(--oms-navy); }

.oms-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0; }
.oms-button,
.block_make_submission a,
.obj_galley_link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid #087da1;
  border-radius: 5px;
  background: linear-gradient(135deg, #087da1, #075b82);
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 3px 9px rgba(7,91,130,.20);
}

.oms-button:hover,
.oms-button:focus,
.block_make_submission a:hover,
.block_make_submission a:focus,
.obj_galley_link:hover,
.obj_galley_link:focus {
  background: var(--oms-navy);
  border-color: var(--oms-navy);
  transform: translateY(-1px);
}

.oms-button--gold {
  background: linear-gradient(135deg, #d89a29, var(--oms-gold));
  border-color: #d89a29;
  color: var(--oms-navy) !important;
}

.oms-indexing {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--oms-line);
}

.oms-indexing img {
  width: auto;
  max-width: 150px;
  height: 48px;
  object-fit: contain;
  padding: 5px;
  background: #fff;
  border: 1px solid var(--oms-line);
}

/* Current issue */
.current_issue,
.homepage_about,
.cmp_announcements { margin-top: 30px; }
.current_issue > h2 { margin-bottom: 22px; }
.obj_issue_toc { padding: 24px; }
.obj_issue_toc .section { border-top-color: var(--oms-line); }
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 { color: var(--oms-blue); }

/* Article summaries */
.obj_article_summary {
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--oms-line);
  border-left: 4px solid var(--oms-cyan);
  border-radius: 6px;
  background: #fff;
}
.obj_article_summary > .title { font-size: 17px; line-height: 1.5; }
.obj_article_summary > .title a { color: var(--oms-navy); }
.obj_article_summary .authors { color: var(--oms-muted); }

/* Article detail */
.obj_article_details { padding: 26px; }
.obj_article_details > .page_title { line-height: 1.35; }
.obj_article_details .authors .name { color: var(--oms-blue); }
.obj_article_details .item.abstract .value { text-align: justify; line-height: 1.8; }
.obj_article_details .entry_details .item { background: var(--oms-soft); }

/* Sidebar cards */
.pkp_structure_sidebar .pkp_block {
  margin: 0 0 18px;
  padding: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--oms-line);
  border-radius: 7px;
  box-shadow: 0 4px 14px rgba(3,21,47,.07);
}

.pkp_structure_sidebar .pkp_block > .title,
.oms-block-title,
.editorial_team_block > .title {
  display: block;
  margin: 0;
  padding: 12px 16px;
  background: linear-gradient(135deg, var(--oms-navy), var(--oms-blue));
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.pkp_structure_sidebar .pkp_block > .content { padding: 15px; }
.block_make_submission .content { text-align: center; }

#customblock-oms-menu .content { padding: 0; }
.oms-side-menu { margin: 0; padding: 0; list-style: none; }
.oms-side-menu li { margin: 0; padding: 0; border-bottom: 1px solid var(--oms-line); }
.oms-side-menu li:last-child { border-bottom: 0; }
.oms-side-menu a {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 13px 15px;
  color: #14658d;
  text-decoration: none;
}
.oms-side-menu a:hover,
.oms-side-menu a:focus { background: #e9f5fa; color: var(--oms-navy); }
.oms-side-menu .fa { width: 20px; color: #087da1; text-align: center; }

.oms-publisher-logo {
  display: block;
  max-width: 190px;
  margin: 4px auto;
  padding: 12px;
  border-radius: 5px;
  background: var(--oms-navy);
}

/* Footer */
.pkp_structure_footer_wrapper {
  background: linear-gradient(135deg, #020e22, #063c5b);
  border-top: 4px solid var(--oms-gold);
  color: rgba(255,255,255,.86);
}
.pkp_structure_footer { padding-top: 0; padding-bottom: 0; }
.pkp_footer_content {
  padding: 20px 18px 10px;
  text-align: center;
}
.pkp_footer_content p { margin: 0; }
.pkp_footer_content a { color: #72dbe2; }
.pkp_brand_footer { padding: 8px 18px 20px; }
.pkp_brand_footer a {
  float: none;
  max-width: 105px;
  margin: 0 auto;
  filter: brightness(0) invert(1);
  opacity: .64;
}

/* Mobile */
@media (max-width: 991px) {
  .pkp_site_name_wrapper { min-height: 0; padding-left: 45px; }
  .pkp_site_name .is_img img { width: 100%; }
  .pkp_site_nav_toggle { top: 50%; transform: translateY(-50%); }
  .pkp_site_nav_menu { background: var(--oms-navy); }
  .pkp_navigation_primary_row { box-shadow: none; }
  .pkp_navigation_primary > li > a { color: #fff; border-bottom: 1px solid rgba(255,255,255,.12); }
  .pkp_navigation_user > li > a { color: #fff; }
  .pkp_structure_content { padding-top: 18px; }
  .pkp_structure_main { padding-bottom: 25px; }
}

@media (max-width: 767px) {
  .pkp_structure_content { padding-left: 12px; padding-right: 12px; }
  .oms-home-card, .obj_issue_toc, .obj_article_details { padding: 18px; }
  .oms-journal-profile { grid-template-columns: 1fr; }
  .oms-cover { max-width: 230px; margin: 0 auto; }
  .oms-actions { flex-direction: column; }
  .oms-button { width: 100%; }
  .obj_article_summary { padding: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* OMS: white text for Submit a Manuscript */
.pkp_page_index .additional_content .oms-actions .oms-button--gold,
.pkp_page_index .additional_content .oms-actions .oms-button--gold:link,
.pkp_page_index .additional_content .oms-actions .oms-button--gold:visited,
.pkp_page_index .additional_content .oms-actions .oms-button--gold:hover,
.pkp_page_index .additional_content .oms-actions .oms-button--gold:focus,
.pkp_page_index .additional_content .oms-actions .oms-button--gold:active {
    color: #ffffff !important;
}

/* === OMS MODERN SUBMISSIONS PAGE v1 START === */

/*
 * Modern public submissions page
 * Scope: /about/submissions only
 * Journal: Open Music Studies
 */

body.pkp_page_about.pkp_op_submissions {
    --oms-submit-navy: #071d38;
    --oms-submit-blue: #0b6687;
    --oms-submit-gold: #d7ad55;
    --oms-submit-gold-dark: #b98a31;
    --oms-submit-text: #172436;
    --oms-submit-muted: #607083;
    --oms-submit-border: #dfe7ee;
    --oms-submit-soft: #f4f7fa;
    --oms-submit-white: #ffffff;
}

body.pkp_page_about.pkp_op_submissions .pkp_structure_main {
    padding-top: 28px;
    padding-bottom: 56px;
}

body.pkp_page_about.pkp_op_submissions .page_submissions {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.85fr);
    gap: 22px;
    color: var(--oms-submit-text);
}

/* Breadcrumb */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_breadcrumbs {
    grid-column: 1 / -1;
    margin: 0 0 2px;
    padding: 0;
}

/* Main page title */

body.pkp_page_about.pkp_op_submissions
.page_submissions > h1 {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--oms-submit-navy);
    font-size: clamp(2rem, 3vw, 2.75rem);
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: -0.035em;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > h1::after {
    content: "Prepare your manuscript and submit it securely through our online editorial system.";
    display: block;
    max-width: 760px;
    margin-top: 10px;
    color: var(--oms-submit-muted);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0;
}

/* Submission action hero */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification {
    grid-column: 1 / -1;
    margin: 4px 0 6px;
    padding: 30px;
    overflow: hidden;
    color: #dcebf2;
    background:
        radial-gradient(
            circle at 92% 10%,
            rgba(215, 173, 85, 0.24),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            var(--oms-submit-navy) 0%,
            #0a3854 58%,
            var(--oms-submit-blue) 100%
        );
    border: 1px solid rgba(215, 173, 85, 0.38);
    border-left: 1px solid rgba(215, 173, 85, 0.38);
    border-radius: 20px;
    box-shadow: 0 18px 40px rgba(7, 29, 56, 0.16);
    line-height: 1.6;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification::before {
    content: "Submit Your Manuscript";
    display: block;
    margin-bottom: 16px;
    color: var(--oms-submit-white);
    font-size: 1.42rem;
    font-weight: 700;
    line-height: 1.25;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    margin: 2px 5px 2px 0;
    padding: 11px 20px;
    border-radius: 11px;
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none;
    transition:
        transform 160ms ease,
        background-color 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:first-of-type {
    color: var(--oms-submit-navy);
    background: var(--oms-submit-gold);
    border: 1px solid var(--oms-submit-gold);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:last-of-type {
    color: var(--oms-submit-white);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.48);
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:hover,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:focus {
    transform: translateY(-2px);
    text-decoration: none;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:first-of-type:hover,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:first-of-type:focus {
    color: var(--oms-submit-navy);
    background: #e4bd68;
    border-color: #e4bd68;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:last-of-type:hover,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:last-of-type:focus {
    color: var(--oms-submit-white);
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.8);
}

/* Shared cards */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .submission_checklist,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .privacy_statement {
    margin: 0;
    padding: 28px;
    background: var(--oms-submit-white);
    border: 1px solid var(--oms-submit-border);
    border-radius: 17px;
    box-shadow: 0 10px 28px rgba(30, 53, 73, 0.07);
}

/* Two-column placement */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .submission_checklist {
    grid-column: 1;
    grid-row: 4 / span 2;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy {
    grid-column: 2;
    grid-row: 4;
    align-self: start;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .privacy_statement {
    grid-column: 2;
    grid-row: 5;
    align-self: start;
}

/* Card headings */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .submission_checklist h2,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy h2,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .privacy_statement h2 {
    margin: 0 0 15px;
    color: var(--oms-submit-navy);
    font-size: 1.24rem;
    font-weight: 720;
    line-height: 1.35;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .submission_checklist h2::before,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy h2::before,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .privacy_statement h2::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 10px 2px 0;
    background: var(--oms-submit-gold);
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(215, 173, 85, 0.15);
}

/* Admin edit links */

body.pkp_page_about.pkp_op_submissions
.page_submissions .cmp_edit_link {
    display: inline-flex;
    margin-left: 8px;
    padding: 4px 8px;
    color: var(--oms-submit-blue);
    background: #eef8fb;
    border-radius: 7px;
    font-size: 0.76rem;
    font-weight: 650;
    vertical-align: middle;
    text-decoration: none;
}

/* Checklist */

body.pkp_page_about.pkp_op_submissions
.submission_checklist > p {
    margin: 0 0 18px;
    color: var(--oms-submit-muted);
    line-height: 1.7;
}

body.pkp_page_about.pkp_op_submissions
.submission_checklist ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.pkp_page_about.pkp_op_submissions
.submission_checklist li {
    position: relative;
    margin: 0;
    padding: 14px 4px 14px 42px;
    color: #354456;
    border-top: 1px solid #edf1f4;
    line-height: 1.65;
}

body.pkp_page_about.pkp_op_submissions
.submission_checklist li:first-child {
    border-top: 0;
}

body.pkp_page_about.pkp_op_submissions
.submission_checklist li::before {
    content: "✓";
    position: absolute;
    top: 14px;
    left: 0;
    display: inline-flex;
    width: 27px;
    height: 27px;
    align-items: center;
    justify-content: center;
    color: var(--oms-submit-navy);
    background: rgba(215, 173, 85, 0.22);
    border: 1px solid rgba(185, 138, 49, 0.34);
    border-radius: 50%;
    font-size: 0.82rem;
    font-weight: 800;
}

/* Section and privacy cards */

body.pkp_page_about.pkp_op_submissions
.section_policy p,
body.pkp_page_about.pkp_op_submissions
.privacy_statement p {
    margin: 0 0 14px;
    color: var(--oms-submit-muted);
    line-height: 1.7;
}

body.pkp_page_about.pkp_op_submissions
.section_policy p:last-child,
body.pkp_page_about.pkp_op_submissions
.privacy_statement p:last-child {
    margin-bottom: 0;
}

body.pkp_page_about.pkp_op_submissions
.section_policy p:last-child a {
    display: inline-flex;
    margin-top: 8px;
    padding: 9px 14px;
    color: var(--oms-submit-white);
    background: var(--oms-submit-blue);
    border-radius: 9px;
    font-weight: 700;
    text-decoration: none;
}

body.pkp_page_about.pkp_op_submissions
.section_policy p:last-child a:hover,
body.pkp_page_about.pkp_op_submissions
.section_policy p:last-child a:focus {
    color: var(--oms-submit-white);
    background: var(--oms-submit-navy);
    text-decoration: none;
}

/* Responsive */

@media (max-width: 900px) {
    body.pkp_page_about.pkp_op_submissions .page_submissions {
        grid-template-columns: minmax(0, 1fr);
    }

    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .submission_checklist,
    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .section_policy,
    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .privacy_statement {
        grid-column: 1;
        grid-row: auto;
    }
}

@media (max-width: 600px) {
    body.pkp_page_about.pkp_op_submissions .pkp_structure_main {
        padding-top: 20px;
        padding-bottom: 36px;
    }

    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .cmp_notification,
    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .submission_checklist,
    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .section_policy,
    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .privacy_statement {
        padding: 22px 19px;
        border-radius: 14px;
    }

    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .cmp_notification a {
        display: flex;
        width: 100%;
        margin: 5px 0;
        text-align: center;
    }
}

/* === OMS MODERN SUBMISSIONS PAGE v1 END === */

/* === OMS MODERN SUBMISSIONS PAGE v1.1 START === */

/* Memadatkan keseluruhan halaman */

body.pkp_page_about.pkp_op_submissions
.page_submissions {
    gap: 18px 20px;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > h1::after {
    margin-top: 7px;
}

/* Memadatkan kartu utama */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification {
    margin: 0 0 4px;
    padding: 24px 28px;
    border-radius: 17px;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification::before {
    margin-bottom: 12px;
    font-size: 1.34rem;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a {
    min-height: 43px;
    padding: 10px 18px;
}

/* Mengganti label tombol pending agar lebih konsisten */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:last-of-type {
    font-size: 0;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:last-of-type::before {
    content: "View Your Pending Submissions";
    font-size: 0.91rem;
}

/* Menyamakan ukuran dan padding kartu isi */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .submission_checklist,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .privacy_statement {
    padding: 25px;
    border-radius: 15px;
}

/* Merapikan kartu Articles */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy {
    position: relative;
    overflow: hidden;
    border-top: 4px solid var(--oms-submit-gold);
}

body.pkp_page_about.pkp_op_submissions
.section_policy p:last-child {
    margin-top: 18px;
    font-size: 0;
}

body.pkp_page_about.pkp_op_submissions
.section_policy p:last-child a {
    display: flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 10px 16px;
    font-size: 0;
    border-radius: 10px;
    box-shadow: 0 7px 16px rgba(11, 102, 135, 0.16);
}

body.pkp_page_about.pkp_op_submissions
.section_policy p:last-child a::before {
    content: "Submit an Article";
    font-size: 0.91rem;
    font-weight: 700;
}

/* Merapikan kartu Privacy Statement */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .privacy_statement {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f7fafc 100%
        );
    border-top: 4px solid var(--oms-submit-blue);
}

body.pkp_page_about.pkp_op_submissions
.privacy_statement h2 {
    margin-bottom: 12px;
}

body.pkp_page_about.pkp_op_submissions
.privacy_statement p {
    font-size: 0.94rem;
    line-height: 1.65;
}

/* Memadatkan checklist */

body.pkp_page_about.pkp_op_submissions
.submission_checklist > p {
    margin-bottom: 12px;
}

body.pkp_page_about.pkp_op_submissions
.submission_checklist li {
    padding-top: 12px;
    padding-bottom: 12px;
}

body.pkp_page_about.pkp_op_submissions
.submission_checklist li::before {
    top: 12px;
}

/* Fokus keyboard lebih jelas */

body.pkp_page_about.pkp_op_submissions
.page_submissions a:focus-visible {
    outline: 3px solid rgba(215, 173, 85, 0.72);
    outline-offset: 3px;
}

/* Penyesuaian layar kecil */

@media (max-width: 600px) {
    body.pkp_page_about.pkp_op_submissions
    .page_submissions {
        gap: 15px;
    }

    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .cmp_notification {
        padding: 21px 18px;
    }

    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .submission_checklist,
    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .section_policy,
    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .privacy_statement {
        padding: 21px 18px;
    }
}

/* === OMS MODERN SUBMISSIONS PAGE v1.1 END === */

/* === OMS SUBMISSIONS REMOVE DUPLICATE CTA v1.2 START === */

/*
 * Kartu Articles adalah informasi section.
 * Tombol submit utama hanya ditampilkan pada kartu hero.
 */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy
p:has(a[href*="/submission"]) {
    display: none !important;
}

/* Fallback untuk struktur tautan OJS dengan query string */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy
p:has(a[href*="page=submission"]) {
    display: none !important;
}

/* Menyesuaikan jarak kartu setelah tombol dihilangkan */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy {
    padding-bottom: 25px;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy p:last-of-type {
    margin-bottom: 0;
}

/* === OMS SUBMISSIONS REMOVE DUPLICATE CTA v1.2 END === */

/* === OMS REMOVE TRAILING DOT v1.3 START === */

/*
 * Menyembunyikan teks penghubung dan titik bawaan OJS,
 * lalu menampilkan kembali kata "or" tanpa tanda titik.
 */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification {
    font-size: 0;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:first-of-type {
    font-size: 0.94rem;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:last-of-type {
    position: relative;
    margin-left: 38px;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:last-of-type::after {
    content: "or";
    position: absolute;
    top: 50%;
    right: calc(100% + 14px);
    color: #dcebf2;
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 1;
    transform: translateY(-50%);
}

@media (max-width: 600px) {
    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .cmp_notification a:last-of-type {
        margin-top: 27px;
        margin-left: 0;
    }

    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .cmp_notification a:last-of-type::after {
        top: -18px;
        right: 50%;
        transform: translateX(50%);
    }
}

/* === OMS REMOVE TRAILING DOT v1.3 END === */


/* ==========================================================
   CARAKA STATIC PAGE ELEGANT CARD
   OMS - Open Music Studies
   V2 - OJS 3.5 actual DOM
   ========================================================== */

/*
 * Static Pages OJS 3.5 menggunakan elemen:
 * class="page"
 *
 * Selector [class="page"] sengaja dipakai agar tidak mengenai
 * halaman OJS lain yang biasanya memiliki class tambahan.
 */


/* ----------------------------------------------------------
   STATIC PAGE CARD
   ---------------------------------------------------------- */

body.pkp_op_index
.pkp_structure_main div[class="page"] {

    box-sizing: border-box;

    margin-top: 18px;
    margin-bottom: 30px;

    padding: 30px 34px 32px;

    background: #ffffff;

    border: 1px solid rgba(19, 58, 87, 0.20);
    border-radius: 10px;

    box-shadow:
        0 1px 2px rgba(15, 35, 55, 0.025),
        0 6px 20px rgba(15, 35, 55, 0.045);

    color: #263746;
}


/* ----------------------------------------------------------
   PAGE TITLE
   ---------------------------------------------------------- */

body.pkp_op_index
.pkp_structure_main div[class="page"] > h1:first-child,

body.pkp_op_index
.pkp_structure_main div[class="page"] > h2:first-child {

    margin-top: 0;
    margin-bottom: 22px;

    padding-bottom: 14px;

    border-bottom: 1px solid rgba(19, 58, 87, 0.13);

    color: #173a55;

    line-height: 1.30;
}


/* ----------------------------------------------------------
   PARAGRAPHS
   ---------------------------------------------------------- */

body.pkp_op_index
.pkp_structure_main div[class="page"] p {

    margin-top: 0;
    margin-bottom: 15px;

    line-height: 1.70;
}


/* ----------------------------------------------------------
   SECTION HEADINGS
   ---------------------------------------------------------- */

body.pkp_op_index
.pkp_structure_main div[class="page"] h2,

body.pkp_op_index
.pkp_structure_main div[class="page"] h3,

body.pkp_op_index
.pkp_structure_main div[class="page"] h4 {

    color: #183b56;
    line-height: 1.38;
}


body.pkp_op_index
.pkp_structure_main div[class="page"] h2 {

    margin-top: 28px;
    margin-bottom: 12px;
}


body.pkp_op_index
.pkp_structure_main div[class="page"] h3 {

    margin-top: 24px;
    margin-bottom: 10px;
}


body.pkp_op_index
.pkp_structure_main div[class="page"] h4 {

    margin-top: 20px;
    margin-bottom: 9px;
}


/* ----------------------------------------------------------
   LISTS
   ---------------------------------------------------------- */

body.pkp_op_index
.pkp_structure_main div[class="page"] ul,

body.pkp_op_index
.pkp_structure_main div[class="page"] ol {

    margin-top: 8px;
    margin-bottom: 16px;

    padding-left: 25px;
}


body.pkp_op_index
.pkp_structure_main div[class="page"] li {

    margin-bottom: 6px;

    line-height: 1.65;
}


/* ----------------------------------------------------------
   LINKS
   ---------------------------------------------------------- */

body.pkp_op_index
.pkp_structure_main div[class="page"] a {

    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}


/* ----------------------------------------------------------
   HORIZONTAL LINE
   ---------------------------------------------------------- */

body.pkp_op_index
.pkp_structure_main div[class="page"] hr {

    margin: 25px 0;

    border: 0;
    border-top: 1px solid rgba(19, 58, 87, 0.12);
}


/* ----------------------------------------------------------
   TABLES
   ---------------------------------------------------------- */

body.pkp_op_index
.pkp_structure_main div[class="page"] table {

    width: 100%;

    margin: 20px 0;

    border-collapse: collapse;
}


body.pkp_op_index
.pkp_structure_main div[class="page"] th {

    background: rgba(19, 58, 87, 0.055);

    color: #173a55;

    font-weight: 700;
}


body.pkp_op_index
.pkp_structure_main div[class="page"] th,

body.pkp_op_index
.pkp_structure_main div[class="page"] td {

    padding: 10px 12px;

    border: 1px solid rgba(19, 58, 87, 0.13);

    vertical-align: top;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 768px) {

    body.pkp_op_index
    .pkp_structure_main div[class="page"] {

        margin-top: 12px;
        margin-bottom: 22px;

        padding: 22px 20px 24px;

        border-radius: 8px;
    }

    body.pkp_op_index
    .pkp_structure_main div[class="page"] > h1:first-child,

    body.pkp_op_index
    .pkp_structure_main div[class="page"] > h2:first-child {

        margin-bottom: 18px;
        padding-bottom: 12px;
    }

}


/* ==========================================================
   END CARAKA STATIC PAGE ELEGANT CARD
   ========================================================== */


/* ==========================================================
   CARAKA STATIC PAGE JUSTIFIED TEXT
   ========================================================== */

/*
 * Rata kanan-kiri hanya untuk isi teks Static Pages.
 * Heading tetap rata kiri.
 */

body.pkp_op_index
.pkp_structure_main div[class="page"] p {

    text-align: justify;
    text-justify: inter-word;
}


body.pkp_op_index
.pkp_structure_main div[class="page"] li {

    text-align: justify;
    text-justify: inter-word;
}


/* Heading dan judul tetap rata kiri */

body.pkp_op_index
.pkp_structure_main div[class="page"] h1,

body.pkp_op_index
.pkp_structure_main div[class="page"] h2,

body.pkp_op_index
.pkp_structure_main div[class="page"] h3,

body.pkp_op_index
.pkp_structure_main div[class="page"] h4 {

    text-align: left;
}


/* Tabel tetap natural agar mudah dibaca */

body.pkp_op_index
.pkp_structure_main div[class="page"] th,

body.pkp_op_index
.pkp_structure_main div[class="page"] td {

    text-align: left;
}


/* ==========================================================
   END CARAKA STATIC PAGE JUSTIFIED TEXT
   ========================================================== */


/* ==========================================================
   CARAKA SOFT ACADEMIC UI — SOFT NAVIGATION v1.0 START

   Scope:
   - Desktop navigation only
   - No OJS core modification
   - No database modification
   - No mobile navigation modification
   ========================================================== */

:root {
    --caraka-ui-nav-radius: 9px;
    --caraka-ui-dropdown-radius: 11px;

    --caraka-ui-motion:
        170ms cubic-bezier(.2, .7, .2, 1);

    --caraka-ui-shadow-hover:
        0 5px 16px rgba(0, 0, 0, .075);

    --caraka-ui-shadow-dropdown:
        0 14px 34px rgba(0, 0, 0, .11);
}


/* ----------------------------------------------------------
   DESKTOP ONLY
   Mobile OJS navigation remains untouched
   ---------------------------------------------------------- */

@media (min-width: 992px) {

    /*
     * Primary navigation
     *
     * Total vertical footprint is kept close to the previous
     * navigation dimensions so the header layout remains stable.
     */

    .pkp_navigation_primary > li > a {

        margin:
            6px
            2px
            5px;

        padding:
            11px
            12px
            10px;

        border-bottom:
            0 !important;

        border-radius:
            var(--caraka-ui-nav-radius);

        transition:
            background-color var(--caraka-ui-motion),
            color var(--caraka-ui-motion),
            box-shadow var(--caraka-ui-motion),
            transform var(--caraka-ui-motion);
    }


    /*
     * Soft floating hover
     */

    .pkp_navigation_primary > li > a:hover,
    .pkp_navigation_primary > li > a:focus {

        color:
            var(--oms-blue);

        background:
            var(--oms-soft);

        box-shadow:
            var(--caraka-ui-shadow-hover);

        transform:
            translateY(-1px);
    }


    /*
     * Keyboard accessibility
     */

    .pkp_navigation_primary > li > a:focus-visible {

        outline:
            2px solid var(--oms-gold);

        outline-offset:
            2px;
    }


    /*
     * Current menu item, when OJS provides aria-current
     */

    .pkp_navigation_primary
    > li
    > a[aria-current="page"] {

        background:
            var(--oms-soft);

        box-shadow:
            inset 0 0 0 1px var(--oms-line);
    }


    /* ------------------------------------------------------
       DROPDOWN PANEL
       ------------------------------------------------------ */

    .pkp_navigation_primary ul {

        padding:
            6px;

        background:
            var(--oms-white);

        border:
            1px solid var(--oms-line);

        border-radius:
            var(--caraka-ui-dropdown-radius);

        box-shadow:
            var(--caraka-ui-shadow-dropdown);
    }


    /*
     * Individual dropdown links
     */

    .pkp_navigation_primary ul a {

        margin:
            1px 0;

        padding:
            9px 11px;

        border-radius:
            7px;

        transition:
            background-color var(--caraka-ui-motion),
            color var(--caraka-ui-motion),
            transform var(--caraka-ui-motion);
    }


    .pkp_navigation_primary ul a:hover,
    .pkp_navigation_primary ul a:focus {

        color:
            var(--oms-blue);

        background:
            var(--oms-soft);

        transform:
            translateX(2px);
    }


    .pkp_navigation_primary ul a:focus-visible {

        outline:
            2px solid var(--oms-gold);

        outline-offset:
            -1px;
    }


    /* ------------------------------------------------------
       USER / ACCOUNT NAVIGATION
       Sign in / Register / account controls
       ------------------------------------------------------ */

    .pkp_navigation_user > li > a {

        border-radius:
            var(--caraka-ui-nav-radius) !important;

        box-shadow:
            0 3px 12px rgba(0, 0, 0, .12);

        transition:
            background-color var(--caraka-ui-motion),
            color var(--caraka-ui-motion),
            box-shadow var(--caraka-ui-motion),
            transform var(--caraka-ui-motion);
    }


    .pkp_navigation_user > li > a:hover,
    .pkp_navigation_user > li > a:focus {

        background:
            var(--oms-white);

        color:
            var(--oms-blue);

        box-shadow:
            0 6px 18px rgba(0, 0, 0, .14);

        transform:
            translateY(-1px);
    }


    .pkp_navigation_user > li > a:focus-visible {

        outline:
            2px solid var(--oms-gold);

        outline-offset:
            2px;
    }
}


/* ----------------------------------------------------------
   ACCESSIBILITY
   Existing OJS reduced-motion behaviour remains respected.
   Transform movement is also neutralized.
   ---------------------------------------------------------- */

@media
    (min-width: 992px)
    and (prefers-reduced-motion: reduce) {

    .pkp_navigation_primary > li > a:hover,
    .pkp_navigation_primary > li > a:focus,
    .pkp_navigation_primary ul a:hover,
    .pkp_navigation_primary ul a:focus,
    .pkp_navigation_user > li > a:hover,
    .pkp_navigation_user > li > a:focus {

        transform:
            none;
    }
}


/* ==========================================================
   CARAKA SOFT ACADEMIC UI — SOFT NAVIGATION v1.0 END
   ========================================================== */


/* ==========================================================
   CARAKA SOFT ACADEMIC UI
   SOFT NAVIGATION v1.1 — VISIBILITY TUNING
   OMS ONLY
   ========================================================== */

@media (min-width: 992px) {

    /*
     * Top-level navigation:
     * sedikit lebih terlihat tetapi tetap soft.
     */

    .pkp_navigation_primary > li > a:hover,
    .pkp_navigation_primary > li > a:focus {

        color: #075b82;

        background:
            rgba(7, 91, 130, .095);

        box-shadow:
            inset 0 0 0 1px rgba(7, 91, 130, .12),
            0 5px 14px rgba(3, 21, 47, .09);

        transform:
            translateY(-1px);
    }


    /*
     * Keyboard focus tetap lebih jelas.
     */

    .pkp_navigation_primary > li > a:focus-visible {

        outline:
            2px solid rgba(231, 174, 69, .85);

        outline-offset:
            2px;
    }


    /*
     * Dropdown links dibuat konsisten.
     */

    .pkp_navigation_primary ul a:hover,
    .pkp_navigation_primary ul a:focus {

        color:
            #075b82;

        background:
            rgba(7, 91, 130, .085);

        box-shadow:
            inset 0 0 0 1px rgba(7, 91, 130, .08);

        transform:
            translateX(2px);
    }

}


/* ==========================================================
   END CARAKA SOFT ACADEMIC UI
   SOFT NAVIGATION v1.1
   ========================================================== */


/* ==========================================================
   CARAKA SOFT ACADEMIC UI
   SOFT DROPDOWN v1.2 — OMS
   ========================================================== */

@media (min-width: 992px) {

    /*
     * Floating dropdown panel
     */

    #navigationPrimary.pkp_navigation_primary ul {

        padding: 7px !important;

        background: rgba(255, 255, 255, .985) !important;

        border:
            1px solid rgba(7, 91, 130, .10) !important;

        border-radius:
            12px !important;

        box-shadow:
            0 14px 32px rgba(3, 21, 47, .12) !important;

        overflow: hidden;
    }


    /*
     * Remove old separators / hard-edged submenu appearance
     */

    #navigationPrimary.pkp_navigation_primary ul li {

        margin: 1px 0 !important;

        padding: 0 !important;

        border: 0 !important;

        background: transparent !important;
    }


    /*
     * Normal submenu item
     */

    #navigationPrimary.pkp_navigation_primary ul li > a {

        display: block;

        margin: 0 !important;

        padding:
            9px
            11px !important;

        color:
            #17617f;

        background:
            transparent !important;

        border:
            0 !important;

        border-left:
            0 !important;

        border-bottom:
            0 !important;

        border-radius:
            8px !important;

        box-shadow:
            none !important;

        text-decoration:
            none !important;

        transition:
            background-color 170ms cubic-bezier(.2,.7,.2,1),
            color 170ms cubic-bezier(.2,.7,.2,1),
            box-shadow 170ms cubic-bezier(.2,.7,.2,1),
            transform 170ms cubic-bezier(.2,.7,.2,1);
    }


    /*
     * Soft hover — same visual language as main navigation
     */

    #navigationPrimary.pkp_navigation_primary ul li > a:hover,
    #navigationPrimary.pkp_navigation_primary ul li > a:focus {

        color:
            #075b82 !important;

        background:
            rgba(7, 91, 130, .095) !important;

        border:
            0 !important;

        border-left:
            0 !important;

        box-shadow:
            inset 0 0 0 1px rgba(7, 91, 130, .10) !important;

        transform:
            translateX(2px);
    }


    /*
     * Remove possible default OJS decorative line
     */

    #navigationPrimary.pkp_navigation_primary ul li > a::before,
    #navigationPrimary.pkp_navigation_primary ul li > a::after {

        border:
            0 !important;
    }


    /*
     * Keyboard accessibility
     */

    #navigationPrimary.pkp_navigation_primary ul li > a:focus-visible {

        outline:
            2px solid rgba(231, 174, 69, .80);

        outline-offset:
            -1px;
    }
}


/* Keep reduced-motion preference respected */

@media
    (min-width: 992px)
    and (prefers-reduced-motion: reduce) {

    #navigationPrimary.pkp_navigation_primary ul li > a:hover,
    #navigationPrimary.pkp_navigation_primary ul li > a:focus {

        transform:
            none;
    }
}


/* ==========================================================
   END CARAKA SOFT ACADEMIC UI
   SOFT DROPDOWN v1.2
   ========================================================== */


/* ==========================================================
   CARAKA SOFT ACADEMIC UI
   SOFT DROPDOWN v1.3 — SOLID SURFACE
   OMS ONLY
   ========================================================== */

@media (min-width: 992px) {

    /*
     * Solid white surface.
     * Jangan mengubah opacity karena opacity digunakan
     * OJS untuk mekanisme tampil/sembunyi dropdown.
     */

    #navigationPrimary.pkp_navigation_primary ul {

        background:
            #ffffff !important;

        background-image:
            none !important;

        backdrop-filter:
            none !important;

        -webkit-backdrop-filter:
            none !important;
    }


    /*
     * Pastikan setiap item normal benar-benar bersih.
     */

    #navigationPrimary.pkp_navigation_primary ul li,
    #navigationPrimary.pkp_navigation_primary ul li > a {

        background-image:
            none !important;
    }


    /*
     * Hover tetap menggunakan soft tint.
     */

    #navigationPrimary.pkp_navigation_primary ul li > a:hover,
    #navigationPrimary.pkp_navigation_primary ul li > a:focus {

        background:
            rgba(7, 91, 130, .095) !important;

        box-shadow:
            inset 0 0 0 1px
            rgba(7, 91, 130, .10) !important;
    }

}


/* ==========================================================
   END CARAKA SOFT ACADEMIC UI
   SOFT DROPDOWN v1.3
   ========================================================== */


/* ==========================================================
   CARAKA SOFT ACADEMIC UI — URBANIST NAVIGATION v2.0 START
   JOURNAL: OPEN MUSIC STUDIES

   Canary scope:
   Navigation only.
   ========================================================== */

.pkp_navigation_primary,
.pkp_navigation_primary a,
.pkp_navigation_user,
.pkp_navigation_user a,
.pkp_navigation_search_wrapper,
.pkp_navigation_search_wrapper .pkp_search {

    font-family:
        "Urbanist",
        "Noto Sans",
        "Segoe UI",
        Arial,
        sans-serif !important;
}


/* ==========================================================
   CARAKA SOFT ACADEMIC UI — URBANIST NAVIGATION v2.0 END
   ========================================================== */


/* ==========================================================
   CARAKA SOFT ACADEMIC UI — URBANIST HEADINGS v2.1 START
   JOURNAL: OPEN MUSIC STUDIES

   Scope:
   - Main content headings
   - Article/issue visible titles
   - No body text change
   - No button change
   ========================================================== */


/* ----------------------------------------------------------
   STANDARD MAIN-CONTENT HEADINGS
   ---------------------------------------------------------- */

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4,
.pkp_structure_main h5,
.pkp_structure_main h6 {

    font-family:
        "Urbanist",
        "Noto Sans",
        "Segoe UI",
        Arial,
        sans-serif !important;

    letter-spacing:
        -0.01em;
}


/* ----------------------------------------------------------
   PRIMARY PAGE TITLES
   ---------------------------------------------------------- */

.pkp_structure_main > h1,
.pkp_structure_main .page_title {

    font-family:
        "Urbanist",
        "Noto Sans",
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-weight:
        700;
}


/* ----------------------------------------------------------
   ARTICLE / ISSUE TITLES

   Only typography changes.
   Existing dimensions, spacing and colors remain untouched.
   ---------------------------------------------------------- */

.obj_article_summary .title,
.obj_article_summary .title a,
.obj_article_details .page_title,
.obj_issue_toc .heading,
.obj_issue_toc .title {

    font-family:
        "Urbanist",
        "Noto Sans",
        "Segoe UI",
        Arial,
        sans-serif !important;
}


/* ----------------------------------------------------------
   STATIC PAGE TITLES
   Existing Caraka Static Page styling remains intact.
   ---------------------------------------------------------- */

body.pkp_op_index
.pkp_structure_main
div[class="page"]
h1,

body.pkp_op_index
.pkp_structure_main
div[class="page"]
h2,

body.pkp_op_index
.pkp_structure_main
div[class="page"]
h3,

body.pkp_op_index
.pkp_structure_main
div[class="page"]
h4 {

    font-family:
        "Urbanist",
        "Noto Sans",
        "Segoe UI",
        Arial,
        sans-serif !important;
}


/* ==========================================================
   CARAKA SOFT ACADEMIC UI — URBANIST HEADINGS v2.1 END
   ========================================================== */


/* ==========================================================
   CARAKA SOFT ACADEMIC UI — USER ACCOUNT SOFT DROPDOWN v1.0 START
   JOURNAL: OPEN MUSIC STUDIES

   Scope:
   - Desktop account button
   - Desktop account dropdown
   - No template/core modification
   - No mobile structural modification
   ========================================================== */

@media (min-width: 992px) {

    /* ------------------------------------------------------
       TOP-LEVEL ACCOUNT BUTTON
       ------------------------------------------------------ */

    #navigationUser.pkp_navigation_user
    > li
    > a {

        min-height: 32px;

        padding:
            6px
            11px !important;

        background:
            rgba(255,255,255,.96) !important;

        border:
            1px solid rgba(7,91,130,.12) !important;

        border-radius:
            9px !important;

        color:
            var(--oms-navy) !important;

        box-shadow:
            0 3px 12px rgba(3,21,47,.10) !important;
    }


    #navigationUser.pkp_navigation_user
    > li
    > a:hover,

    #navigationUser.pkp_navigation_user
    > li
    > a:focus {

        background:
            #ffffff !important;

        color:
            var(--oms-blue) !important;

        box-shadow:
            inset 0 0 0 1px rgba(7,91,130,.10),
            0 6px 18px rgba(3,21,47,.12) !important;

        transform:
            translateY(-1px);
    }


    /* ------------------------------------------------------
       TASK COUNT BADGE
       ------------------------------------------------------ */

    #navigationUser.pkp_navigation_user
    > li
    > a
    .task_count {

        width:
            20px;

        height:
            20px;

        margin-left:
            6px;

        background:
            rgba(7,91,130,.10);

        color:
            var(--oms-blue);

        border:
            1px solid rgba(7,91,130,.08);

        border-radius:
            50%;

        line-height:
            18px;

        font-size:
            11px;

        font-weight:
            700;

        box-shadow:
            none;
    }


    #navigationUser.pkp_navigation_user
    > li
    > a:hover
    .task_count,

    #navigationUser.pkp_navigation_user
    > li
    > a:focus
    .task_count {

        background:
            rgba(7,91,130,.14);

        color:
            var(--oms-blue);
    }


    /* ------------------------------------------------------
       FLOATING ACCOUNT PANEL
       ------------------------------------------------------ */

    #navigationUser.pkp_navigation_user
    > li
    > ul {

        width:
            176px !important;

        min-width:
            176px;

        padding:
            7px !important;

        background:
            #ffffff !important;

        background-image:
            none !important;

        border:
            1px solid rgba(7,91,130,.10) !important;

        border-radius:
            12px !important;

        box-shadow:
            0 14px 32px rgba(3,21,47,.12) !important;

        overflow:
            hidden;

        box-sizing:
            border-box;
    }


    /*
     * Keep OJS hover mechanism, but align panel
     * to the right side of the account button.
     */

    #navigationUser.pkp_navigation_user
    > li:hover
    > ul {

        position:
            absolute;

        top:
            0;

        left:
            auto !important;

        right:
            0 !important;

        transform:
            translate3d(0, 34px, 0) !important;

        will-change:
            transform;
    }


    /* ------------------------------------------------------
       DROPDOWN ITEMS
       ------------------------------------------------------ */

    #navigationUser.pkp_navigation_user
    > li
    > ul
    > li {

        display:
            block;

        margin:
            1px 0 !important;

        padding:
            0 !important;

        border:
            0 !important;

        background:
            transparent !important;
    }


    #navigationUser.pkp_navigation_user
    > li
    > ul
    > li
    > a {

        display:
            block;

        margin:
            0 !important;

        padding:
            9px 11px !important;

        background:
            transparent !important;

        border:
            0 !important;

        border-left:
            0 !important;

        border-radius:
            8px !important;

        color:
            #17617f !important;

        box-shadow:
            none !important;

        text-decoration:
            none !important;

        transition:
            background-color 170ms cubic-bezier(.2,.7,.2,1),
            color 170ms cubic-bezier(.2,.7,.2,1),
            box-shadow 170ms cubic-bezier(.2,.7,.2,1),
            transform 170ms cubic-bezier(.2,.7,.2,1);
    }


    #navigationUser.pkp_navigation_user
    > li
    > ul
    > li
    > a:hover,

    #navigationUser.pkp_navigation_user
    > li
    > ul
    > li
    > a:focus {

        background:
            rgba(7,91,130,.095) !important;

        color:
            var(--oms-blue) !important;

        border:
            0 !important;

        border-left:
            0 !important;

        box-shadow:
            inset 0 0 0 1px rgba(7,91,130,.10) !important;

        transform:
            translateX(2px);
    }


    #navigationUser.pkp_navigation_user
    > li
    > ul
    > li
    > a:focus-visible {

        outline:
            2px solid rgba(231,174,69,.80);

        outline-offset:
            -1px;
    }
}


/* Accessibility */

@media
    (min-width: 992px)
    and (prefers-reduced-motion: reduce) {

    #navigationUser.pkp_navigation_user
    > li
    > a:hover,

    #navigationUser.pkp_navigation_user
    > li
    > a:focus,

    #navigationUser.pkp_navigation_user
    > li
    > ul
    > li
    > a:hover,

    #navigationUser.pkp_navigation_user
    > li
    > ul
    > li
    > a:focus {

        transform:
            none;
    }
}


/* ==========================================================
   CARAKA SOFT ACADEMIC UI — USER ACCOUNT SOFT DROPDOWN v1.0 END
   ========================================================== */

/* =========================================================
   CARAKA HOME ORDER
   Journal description/profile above Current Issue
   ========================================================= */

.pkp_page_index.pkp_op_index .page_index_journal {
    display: flex;
    flex-direction: column;
}

/* Journal description / profile */
.pkp_page_index.pkp_op_index .page_index_journal > .additional_content {
    order: 1;
    margin-top: 0;
    margin-bottom: 28px;
}

/* Current issue */
.pkp_page_index.pkp_op_index .page_index_journal > .current_issue {
    order: 2;
    margin-top: 0;
}


/* =========================================================
   CARAKA CURRENT ISSUE COMPACT SPACING
   Reduce gap between Published and Articles on homepage
   ========================================================= */

body.pkp_page_index.pkp_op_index
.current_issue
.obj_issue_toc
.sections:not(:first-child) {
    margin-top: 0 !important;
}

body.pkp_page_index.pkp_op_index
.current_issue
.obj_issue_toc
.section {
    margin-top: 0 !important;
}

/* =========================================================
   CARAKA CURRENT ISSUE COMPACT SPACING END
   ========================================================= */


/* =========================================================
   CARAKA PUBLISHED ARTICLES GAP
   Fine tuning homepage Current Issue
   ========================================================= */

/* Kurangi ruang setelah tanggal Published */
body.pkp_page_index.pkp_op_index
.current_issue
.obj_issue_toc
.published {
    margin-bottom: 8px !important;
}

/* Kurangi ruang di atas judul section Articles */
body.pkp_page_index.pkp_op_index
.current_issue
.obj_issue_toc
.section {
    padding-top: 14px !important;
}

/* =========================================================
   CARAKA PUBLISHED ARTICLES GAP END
   ========================================================= */


/* =========================================================
   CARAKA CURRENT ISSUE SECTION LINE FIX
   Keep Articles divider inside Current Issue card
   ========================================================= */

@media (min-width: 992px) {
    body.pkp_page_index.pkp_op_index
    .current_issue
    .obj_issue_toc
    .section::before {
        left: 6px !important;
        width: calc(100% - 12px) !important;
    }
}

/* =========================================================
   CARAKA CURRENT ISSUE SECTION LINE FIX END
   ========================================================= */


/* =========================================================
   CARAKA ARTICLE ROW BORDER FIX
   Keep article detail divider inside card border
   ========================================================= */

@media (min-width: 992px) {
    body.pkp_page_article.pkp_op_view
    .obj_article_details
    > .row {
        margin-left: -26px !important;
        margin-right: -26px !important;
    }
}

/* =========================================================
   CARAKA ARTICLE ROW BORDER FIX END
   ========================================================= */


/* =========================================================
   OMS ISSUE VIEW - PUBLISHED TO ARTICLES SPACING
   Scope: /issue/view/*
   ========================================================= */

body.pkp_page_issue.pkp_op_view
.obj_issue_toc
.sections:not(:first-child) {
    margin-top: 0 !important;
}

body.pkp_page_issue.pkp_op_view
.obj_issue_toc
.published {
    margin-bottom: 8px !important;
}

body.pkp_page_issue.pkp_op_view
.obj_issue_toc
.section {
    margin-top: 0 !important;
    padding-top: 14px !important;
}

/* =========================================================
   OMS ISSUE VIEW - PUBLISHED TO ARTICLES SPACING END
   ========================================================= */


/* =========================================================
   OMS ISSUE VIEW - SECTION DIVIDER LINE FIX
   Keep Articles divider inside issue card
   ========================================================= */

@media (min-width: 992px) {
    body.pkp_page_issue.pkp_op_view
    .obj_issue_toc
    .section::before {
        left: 6px !important;
        width: calc(100% - 12px) !important;
    }
}

/* =========================================================
   OMS ISSUE VIEW - SECTION DIVIDER LINE FIX END
   ========================================================= */


/* =========================================================
   OMS HEADER EDGE GLOW v1 START
   Elegant cyan-gold perimeter glow
   ========================================================= */

.pkp_site_name .is_img {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    line-height: 0;
    isolation: isolate;
}

.pkp_site_name .is_img::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

    /* Thin elegant perimeter */
    border: 1px solid rgba(22, 184, 199, 0.38);
    border-bottom-color: rgba(231, 174, 69, 0.46);

    /* Restrained cyan + gold glow */
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.025),
        0 0 6px rgba(22, 184, 199, 0.24),
        0 0 14px rgba(22, 184, 199, 0.10),
        0 3px 14px rgba(231, 174, 69, 0.09);
}

/* Softer glow on tablet/mobile */
@media (max-width: 991px) {
    .pkp_site_name .is_img::after {
        border-color: rgba(22, 184, 199, 0.26);
        border-bottom-color: rgba(231, 174, 69, 0.30);

        box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.02),
            0 0 5px rgba(22, 184, 199, 0.13);
    }
}

/* =========================================================
   OMS HEADER EDGE GLOW v1 END
   ========================================================= */


/* =========================================================
   OMS ARCHIVE WIDTH FIX v1 START
   Neutralize Default Theme negative archive margins
   ========================================================= */

body.pkp_page_issue_archive
.page_issue_archive
.issues_archive {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0;
    padding-right: 0;

    border-top: 0 !important;
}

body.pkp_page_issue_archive
.page_issue_archive
.issues_archive > li {
    box-sizing: border-box;

    width: 100%;
    max-width: 100%;

    margin-left: 0;
    margin-right: 0;
    margin-bottom: 14px;

    border: 1px solid var(--oms-line);
    border-radius: var(--oms-radius);

    background: #ffffff;

    box-shadow:
        0 4px 16px rgba(3, 21, 47, .06);
}

body.pkp_page_issue_archive
.page_issue_archive
.issues_archive > li:last-child {
    margin-bottom: 0;
}

/* =========================================================
   OMS ARCHIVE WIDTH FIX v1 END
   ========================================================= */


/* =========================================================
   OMS ARCHIVE WIDTH FIX v2 START
   Correct selector - neutralize OJS archive negative margins
   ========================================================= */

.page_issue_archive .issues_archive {
    box-sizing: border-box;

    width: 100% !important;
    max-width: 100% !important;

    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    border-top: 0 !important;
}

.page_issue_archive .issues_archive > li {
    box-sizing: border-box;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 14px;

    border: 1px solid var(--oms-line) !important;
    border-radius: var(--oms-radius);

    background: #ffffff;
    box-shadow: 0 4px 16px rgba(3,21,47,.06);
}

.page_issue_archive .issues_archive > li:last-child {
    margin-bottom: 0;
}

/* =========================================================
   OMS ARCHIVE WIDTH FIX v2 END
   ========================================================= */


/* =========================================================
   OMS SEARCH MENU FIX v1 START
   Align Search with primary navigation and share hover style
   ========================================================= */

@media (min-width: 992px) {

    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop {

        position: relative;
        top: 0 !important;

        display: inline-flex;
        align-items: center;
        gap: 6px;

        margin: 6px 2px 5px !important;
        padding: 11px 12px 10px !important;

        border: 0 !important;
        border-bottom: 0 !important;
        border-radius: var(--caraka-ui-nav-radius, 8px);

        color: #164d6d !important;
        background: transparent;

        font-weight: 600;
        line-height: normal;

        text-decoration: none !important;

        transition:
            background-color 170ms cubic-bezier(.2,.7,.2,1),
            color 170ms cubic-bezier(.2,.7,.2,1),
            box-shadow 170ms cubic-bezier(.2,.7,.2,1),
            transform 170ms cubic-bezier(.2,.7,.2,1);
    }


    /* Same soft-academic hover as Home / Current / Archives */
    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop:hover,

    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop:focus {

        color: #075b82 !important;

        background:
            rgba(7,91,130,.095) !important;

        border: 0 !important;

        box-shadow:
            inset 0 0 0 1px rgba(7,91,130,.12),
            0 5px 14px rgba(3,21,47,.09);

        transform:
            translateY(-1px);

        text-decoration:
            none !important;
    }


    /* Keyboard accessibility */
    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop:focus-visible {

        outline:
            2px solid rgba(231,174,69,.85);

        outline-offset:
            2px;
    }


    /* Keep icon visually balanced with label */
    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop .fa {

        margin:
            0 !important;

        line-height:
            1;
    }
}


/* Reduced-motion accessibility */
@media
    (min-width: 992px)
    and (prefers-reduced-motion: reduce) {

    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop:hover,

    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop:focus {

        transform:
            none;
    }
}

/* =========================================================
   OMS SEARCH MENU FIX v1 END
   ========================================================= */



/* =========================================================
   CARAKA ARTICLE ABSTRACT SPACING
   Compact spacing from Keywords to Abstract
   ========================================================= */

body.pkp_page_article.pkp_op_view
.obj_article_details
.main_entry
.item.keywords {
    margin-bottom: 0 !important;
}

body.pkp_page_article.pkp_op_view
.obj_article_details
.main_entry
.item.abstract {
    margin-top: 22px !important;
    padding-top: 0 !important;
}

body.pkp_page_article.pkp_op_view
.obj_article_details
.main_entry
.item.abstract
> .label {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}

/* =========================================================
   CARAKA ARTICLE ABSTRACT SPACING END
   ========================================================= */



/* =========================================================
   CARAKA ARTICLE ABSTRACT SPACING V2
   Compact Keywords -> Abstract
   ========================================================= */

body.pkp_page_article.pkp_op_view
.obj_article_details
.main_entry
section.item.keywords {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.pkp_page_article.pkp_op_view
.obj_article_details
.main_entry
section.item.abstract {
    margin: 12px 0 0 0 !important;
    padding: 0 !important;
}

body.pkp_page_article.pkp_op_view
.obj_article_details
.main_entry
section.item.keywords
+ section.item.abstract {
    margin-top: 12px !important;
    padding-top: 0 !important;
}

body.pkp_page_article.pkp_op_view
.obj_article_details
.main_entry
section.item.abstract
> h2.label {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

/* =========================================================
   CARAKA ARTICLE ABSTRACT SPACING V2 END
   ========================================================= */



/* =========================================================
   CARAKA ARTICLE ABSTRACT ALIGNMENT V3
   Keep compact vertical spacing, restore horizontal alignment
   ========================================================= */

body.pkp_page_article.pkp_op_view
.obj_article_details
.main_entry
section.item.abstract {
    margin-top: 12px !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    padding-left: 26px !important;
    padding-right: 26px !important;
}

body.pkp_page_article.pkp_op_view
.obj_article_details
.main_entry
section.item.abstract
> h2.label {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

/* Mobile mengikuti padding kartu yang lebih kecil */
@media (max-width: 767px) {

    body.pkp_page_article.pkp_op_view
    .obj_article_details
    .main_entry
    section.item.abstract {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}

/* =========================================================
   CARAKA ARTICLE ABSTRACT ALIGNMENT V3 END
   ========================================================= */