/* =====================================================================
   Artikulasi: Jurnal Pendidikan Bahasa dan Sastra Indonesia — stylesheet v8
   PLAN_REDESIGN_ARTIKULASI.md R-3 (mockup Tahap 1). Default theme OJS 3.5.
   Elemen .art-* dibuat oleh artikulasi_ui.js (plugin Custom Header) dan custom block.
   Palet: maroon #9E1B1F / #741417, charcoal #252525, teks #404040, latar #F6F7F9, garis #E2E5E9.
   ===================================================================== */

:root {
  --art-maroon: #9E1B1F;
  --art-maroon-dark: #741417;
  --art-maroon-soft: #FBEEEE;
  --art-charcoal: #252525;
  --art-text: #404040;
  --art-muted: #6B7280;
  --art-bg: #F6F7F9;
  --art-border: #E2E5E9;
  --art-link: #1F4E96;
  --art-radius: 10px;
  --art-font: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ---------- 1. Dasar & tipografi ---------- */
html { font-size: 15px; }
body {
  background: var(--art-bg);
  color: var(--art-text);
  font-family: var(--art-font);
  line-height: 1.55;
}
.pkp_structure_page { background: var(--art-bg); }
a { color: var(--art-link); }
a:hover, a:focus { color: var(--art-maroon); }
.pkp_structure_main h1, .pkp_structure_main h2, .pkp_structure_main h3, .pkp_structure_main h4 {
  font-family: var(--art-font);
  color: var(--art-charcoal);
  line-height: 1.3;
}
.pkp_structure_main h1 { font-size: 2.1rem; font-weight: 800; }
.pkp_structure_main h2 { font-size: 1.55rem; font-weight: 700; }
.pkp_structure_main h3 { font-size: 1.2rem; font-weight: 700; }
.pkp_structure_main p, .pkp_structure_main ul, .pkp_structure_main ol { line-height: 1.6; margin: 1em 0; }
.pkp_structure_main li { margin: .35em 0; }

/* ---------- 2. Header: utility bar ---------- */
.pkp_structure_head { background: #fff; border-bottom: 0; }
.art-utility { background: var(--art-maroon-dark); color: #fff; font-size: .85rem; }
.art-utility-inner {
  max-width: 1160px; margin: 0 auto; padding: 7px 12px;
  display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
}
.art-utility a, .art-utility strong { color: #fff; text-decoration: none; font-weight: 600; letter-spacing: .02em; }
.art-utility a:hover, .art-utility a:focus { color: #fff; text-decoration: underline; }
.art-utility .sep { opacity: .55; margin: 0 .5em; }
.art-utility-right { display: flex; align-items: center; gap: 18px; }
.art-utility #navigationUser { display: flex; gap: 14px; margin: 0; padding: 0; list-style: none; position: static; width: auto; }
.art-utility #navigationUser > li { margin: 0; padding: 0; }
.art-utility #navigationUser > li > a { color: #fff; padding: 0; border: 0; background: none; font-size: .85rem; }
.art-utility #navigationUser .dropdown-menu { background: #fff; border: 1px solid var(--art-border); border-radius: 8px; right: 0; left: auto; }
.art-utility #navigationUser .dropdown-menu a { color: var(--art-charcoal); font-weight: 500; }
.art-utility #navigationUser .task_count { background: #fff; color: var(--art-maroon-dark); }
.art-ui .pkp_navigation_user_wrapper { display: none; }

/* ---------- 3. Header: masthead ---------- */
.pkp_head_wrapper { padding-top: 0 !important; }
.pkp_site_name_wrapper {
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  padding-top: 20px; padding-bottom: 20px; height: auto;
}
.pkp_site_name {
  position: relative; left: auto; right: auto; width: auto; margin: 0; padding: 0;
  white-space: normal; overflow: visible; font-size: 1rem; background: transparent;
}
.pkp_site_name_wrapper { height: auto; }
.pkp_site_name .art-mast { display: flex; align-items: center; gap: 18px; text-decoration: none; }
.art-logo {
  flex: 0 0 auto; width: 66px; height: 66px; border-radius: 50%;
  background: var(--art-maroon); color: #fff; font-size: 1.9rem; font-weight: 800;
  display: flex; align-items: center; justify-content: center; font-family: var(--art-font);
}
.art-mast-text { display: flex; flex-direction: column; }
.art-mast-title { font-size: 2.2rem; font-weight: 800; color: var(--art-charcoal); letter-spacing: .02em; line-height: 1.1; }
.art-mast-sub { font-size: 1.02rem; color: #4B5563; margin-top: 3px; }
.art-mast-tag { font-size: .85rem; color: var(--art-muted); margin-top: 4px; }
.art-mast-meta { display: flex; flex-direction: column; gap: 3px; font-size: .88rem; min-width: 270px; }
.art-mast-meta a { color: var(--art-charcoal); font-weight: 700; text-decoration: none; }
.art-mast-meta span { color: var(--art-muted); font-size: .82rem; }

/* ---------- 4. Header: navigation bar ---------- */
@media (min-width: 992px) {
  .pkp_structure_head { overflow-x: clip; }
  .pkp_site_nav_menu { background: transparent; }
  .pkp_navigation_primary_row { position: relative; z-index: 0; background: var(--art-charcoal); }
  .pkp_navigation_primary_row:before {
    content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%);
    background: var(--art-charcoal); z-index: -1;
  }
  .pkp_navigation_primary_wrapper { display: flex; align-items: center; }
  .pkp_navigation_primary { display: flex; flex-wrap: wrap; margin: 0; padding: 0; }
  .pkp_navigation_primary > li { margin: 0; }
  .pkp_navigation_primary > li > a {
    display: block; color: #fff; font-weight: 700; font-size: .9rem; text-transform: uppercase;
    letter-spacing: .03em; padding: 15px 17px 12px; margin: 0; border-bottom: 3px solid transparent; text-decoration: none;
  }
  .pkp_navigation_primary > li:first-child > a { padding-left: 0; }
  .pkp_navigation_primary > li > a:hover, .pkp_navigation_primary > li > a:focus,
  .pkp_navigation_primary > li.current > a, .pkp_navigation_primary > li > a[aria-expanded="true"] {
    color: #fff; border-bottom-color: var(--art-maroon); background: transparent;
  }
  .pkp_navigation_primary .dropdown-menu {
    background: #fff; border: 1px solid var(--art-border); border-radius: 0 0 8px 8px; padding: 6px 0;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12); min-width: 240px;
  }
  .pkp_navigation_primary .dropdown-menu a {
    color: var(--art-charcoal); font-size: .92rem; padding: 8px 18px; border: 0; display: block; text-transform: none;
  }
  .pkp_navigation_primary .dropdown-menu a:hover, .pkp_navigation_primary .dropdown-menu a:focus {
    background: var(--art-maroon-soft); color: var(--art-maroon-dark);
  }
  .art-ui .pkp_navigation_search_wrapper { display: none; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pkp_navigation_primary > li > a { padding: 14px 10px 11px; font-size: .8rem; letter-spacing: .01em; }
}

/* ---------- 5. Identity strip ---------- */
.art-strip { background: var(--art-maroon-soft); border-bottom: 1px solid #F1D5D6; }
.art-strip-inner { max-width: 1160px; margin: 0 auto; padding: 10px 12px; font-size: .86rem; color: var(--art-maroon-dark); }
.art-strip a, .art-strip span { color: var(--art-maroon-dark); text-decoration: none; }
.art-strip a:hover { text-decoration: underline; }
.art-strip .sep { margin: 0 .7em; opacity: .5; }

/* ---------- 6. Tata letak 70:30 ---------- */
.pkp_structure_content { padding-top: 28px; }
.pkp_structure_main:before, .pkp_structure_main:after { display: none; }
@media (min-width: 992px) {
  .pkp_structure_content.has_sidebar .pkp_structure_main { width: calc(70% - 12px); padding: 0 0 60px; float: left; }
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar { width: calc(30% - 12px); float: right; padding: 0; }
  .pkp_structure_main:first-child:last-child { width: 860px; }
}

/* ---------- 7. Kartu konten ---------- */
.pkp_structure_main > .page,
.page_index_journal .homepage_about,
.page_index_journal .current_issue,
.page_index_journal .additional_content,
.pkp_structure_main > .page_index_journal > .homepage_image {
  background: #fff; border: 1px solid var(--art-border); border-radius: var(--art-radius);
  padding: 28px 30px; margin: 0 0 22px;
}
.pkp_structure_main .page h1, .pkp_structure_main .page_title { margin-top: 0; }
.page_index_journal .homepage_image { padding: 0; overflow: hidden; text-align: center; }
.page_index_journal .homepage_image img { display: block; margin: 0 auto; width: auto; max-width: 100%; max-height: 185px; }
.page_index_journal .homepage_about h2 {
  margin-top: 0; color: var(--art-maroon-dark); text-transform: uppercase; font-size: 1.25rem; letter-spacing: .02em;
}
.page_index_journal .current_issue h2 { margin-top: 0; text-transform: uppercase; font-size: 1.35rem; }

/* tombol */
.art-btn {
  display: inline-block; background: var(--art-maroon); color: #fff !important; border: 1.5px solid var(--art-maroon);
  padding: 9px 16px; border-radius: 8px; font-weight: 700; font-size: .9rem; text-decoration: none; margin: 0 8px 8px 0;
}
.art-btn:hover, .art-btn:focus { background: var(--art-maroon-dark); border-color: var(--art-maroon-dark); color: #fff !important; }
.art-btn-outline { background: #fff; color: var(--art-maroon-dark) !important; }
.art-btn-outline:hover, .art-btn-outline:focus { background: var(--art-maroon-soft); color: var(--art-maroon-dark) !important; }

/* ---------- 8. Current issue & kartu artikel ---------- */
.current_issue_title { color: var(--art-muted); font-weight: 600; }
.obj_issue_toc .heading .published { color: var(--art-muted); font-size: .9rem; }
.obj_issue_toc .sections .section > h2, .obj_issue_toc .sections .section > h3 {
  font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; color: var(--art-muted);
  border-bottom: 1px solid var(--art-border); padding-bottom: 6px; margin: 1.5em 0 .5em;
}
.current_issue.art-has-cover { display: grid; grid-template-columns: 140px 1fr; column-gap: 26px; }
.current_issue.art-has-cover > * { grid-column: 1 / -1; }
.current_issue.art-has-cover .art-cover { grid-column: 1; grid-row: span 3; align-self: start; width: 140px; border-radius: 6px; border: 1px solid var(--art-border); }
.current_issue.art-has-cover .current_issue_title,
.current_issue.art-has-cover .obj_issue_toc,
.current_issue.art-has-cover .read_more { grid-column: 2; }
.cmp_article_list > li { margin: 0; }
.obj_article_summary.art-card { padding: 14px 0 16px; border-bottom: 1px solid var(--art-border); margin: 0; }
.obj_article_summary > .title { font-size: 1.02rem; line-height: 1.4; margin: 0 0 6px; font-weight: 700; }
.obj_article_summary > .title a { color: var(--art-link); text-decoration: none; }
.obj_article_summary > .title a:hover { color: var(--art-maroon); text-decoration: underline; }
.obj_article_summary .meta { color: var(--art-muted); font-size: .88rem; }
.obj_article_summary.art-card .meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 .5em; padding: 0; }
.obj_article_summary.art-card .meta .authors { display: inline; padding: 0; }
.obj_article_summary.art-card .meta .pages { display: none; }
.art-meta { display: inline; }
.art-meta > span:not(:empty):before { content: "\2022"; margin: 0 .5em; color: #B0B6BE; }
.art-doi a { color: var(--art-muted); word-break: break-all; }
.obj_article_summary.art-card .galleys_links { display: none; }
.art-actions { margin-top: 8px; font-size: .86rem; font-weight: 700; }
.art-actions a { color: var(--art-charcoal); text-decoration: none; }
.art-actions a:hover, .art-actions a:focus { color: var(--art-maroon); text-decoration: underline; }
.art-actions .sep { margin: 0 .6em; color: #B0B6BE; font-weight: 400; }
.current_issue .read_more, .page_issue_archive .cmp_pagination a, .obj_issue_toc .read_more {
  display: inline-block; width: auto; margin-top: 18px; padding: 9px 16px; border: 1.5px solid var(--art-maroon); border-radius: 8px;
  color: var(--art-maroon-dark); font-weight: 700; font-size: .88rem; text-transform: uppercase; text-decoration: none;
}
.current_issue .read_more:hover { background: var(--art-maroon-soft); }
.current_issue .read_more:after, .current_issue .read_more .fa { display: none; }
.obj_issue_summary .title { color: var(--art-link); }

/* ---------- 9. Sidebar ---------- */
.pkp_structure_sidebar .pkp_block {
  background: #fff; border: 1px solid var(--art-border); border-radius: var(--art-radius);
  padding: 22px 22px 20px; margin: 0 0 20px;
}
.pkp_structure_sidebar .pkp_block .title {
  display: block; font-family: var(--art-font); font-size: 1.05rem; font-weight: 800; text-transform: uppercase;
  color: var(--art-charcoal); letter-spacing: .02em; margin: 0 0 14px; padding: 0; border: 0;
}
.pkp_structure_sidebar .pkp_block .content { padding: 0; }
.art-side-list, .art-side-links, .art-side-ids, .art-index-logos { list-style: none; margin: 0; padding: 0; }
.art-side-list li { margin: 0 0 9px; }
.art-side-btn {
  display: block; min-height: 44px; box-sizing: border-box; padding: 12px 14px; border: 1.5px solid var(--art-maroon);
  border-radius: 8px; color: var(--art-maroon-dark); background: #fff; font-weight: 700; font-size: .82rem;
  text-transform: uppercase; letter-spacing: .02em; text-decoration: none; line-height: 1.3;
}
.art-side-btn:hover, .art-side-btn:focus { background: var(--art-maroon-soft); color: var(--art-maroon-dark); }
.art-side-cta { background: var(--art-maroon); color: #fff; }
.art-side-cta:hover, .art-side-cta:focus { background: var(--art-maroon-dark); color: #fff; }
.art-index-logos { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.art-index-logos li { margin: 0; }
.art-index-logos a {
  display: flex; align-items: center; justify-content: center; height: 70px; padding: 8px;
  border: 1px solid var(--art-border); border-radius: 8px; background: #fff;
}
.art-index-logos a:hover { border-color: var(--art-maroon); }
.art-index-logos img { max-height: 52px; max-width: 100%; width: auto; height: auto; }
.art-side-note { font-size: .78rem; color: var(--art-muted); margin: 10px 0 0; }
.art-side-ids li { font-size: .88rem; padding: 6px 0; border-bottom: 1px solid var(--art-border); margin: 0; }
.art-side-ids li:last-child { border-bottom: 0; }
.art-side-ids .k { display: inline-block; min-width: 58px; font-weight: 700; color: var(--art-charcoal); }
.art-side-ids a, .art-side-links a { color: var(--art-link); text-decoration: none; }
.art-side-links li { margin: 0; padding: 5px 0; font-size: .92rem; }
.art-side-links li:before { content: "\2022"; color: var(--art-maroon); margin-right: .5em; }
.art-side-links a:hover, .art-side-ids a:hover { color: var(--art-maroon); text-decoration: underline; }

/* ---------- 10. Halaman teks (About, Aims & Scope, Peer Review, Ethics, Fees, Editorial Team) ---------- */
.pkp_structure_main > .page { max-width: none; }
.page .art-related { margin-top: 2em; padding-top: 1em; border-top: 1px solid var(--art-border); font-size: .92rem; }
.page .art-toc { background: var(--art-bg); border: 1px solid var(--art-border); border-radius: 8px; padding: .8em 1.3em; margin: 1em 0 1.6em; }
.page .art-toc ol { columns: 2; column-gap: 28px; margin: .4em 0; padding-left: 1.3em; }
.page .art-toc li { break-inside: avoid; margin: .2em 0; }
.page .art-updated { color: var(--art-muted); font-size: .9rem; }
.page h2[id] { scroll-margin-top: 16px; padding-top: .2em; }
.page .art-home-links { margin-top: 1.2em; }
.page .art-template { margin: 0 0 1em; }
.page table.art-fees { border-collapse: collapse; width: 100%; margin: 1em 0 1.4em; }
.page table.art-fees th, .page table.art-fees td { text-align: left; padding: 10px 12px; border: 1px solid var(--art-border); vertical-align: top; }
.page table.art-fees th { background: var(--art-bg); width: 55%; font-weight: 600; }
.art-intro { background: var(--art-bg); border-left: 4px solid var(--art-maroon); border-radius: 0 8px 8px 0; padding: .4em 1.2em; margin-bottom: 1.5em; }
.pkp_page_editorial-team .page ol, .pkp_page_reviewers .page ol { list-style: none; padding-left: 0; }
.pkp_page_editorial-team .page ol li, .pkp_page_reviewers .page ol li { padding: 8px 0; border-bottom: 1px solid var(--art-border); margin: 0; }
.pkp_page_editorial-team .page h2, .pkp_page_reviewers .page h2 { font-size: 1.15rem; color: var(--art-maroon-dark); text-transform: uppercase; letter-spacing: .02em; margin-top: 1.6em; }
.homepage_about .art-home-links, .homepage_about p:last-child { margin-bottom: 0; }

/* ---------- 11. Halaman artikel ---------- */
.obj_article_details .item.authors .userGroup { display: none; }
.obj_article_details .page_title { font-size: 1.7rem; }
.obj_article_details .item .label, .obj_article_details .sub_item .label { color: var(--art-charcoal); font-size: 1rem; }
.obj_galley_link {
  border: 1.5px solid var(--art-maroon); color: var(--art-maroon-dark); border-radius: 8px; font-weight: 700;
  background: #fff;
}
.obj_galley_link:hover, .obj_galley_link:focus { background: var(--art-maroon); border-color: var(--art-maroon); color: #fff; }

/* ---------- 12. Footer ---------- */
.pkp_structure_footer_wrapper { background: var(--art-charcoal); color: #D1D5DB; border-top: 0; margin-top: 20px; }
.pkp_structure_footer { padding: 30px 12px 18px; }
.pkp_footer_content { padding: 0; }
.art-footer { display: flex; justify-content: space-between; gap: 36px; flex-wrap: wrap; text-align: left; }
.art-footer-main { flex: 1 1 520px; }
.art-footer-side { flex: 0 1 260px; }
.art-footer p { margin: 0 0 8px; line-height: 1.55; font-size: .86rem; color: #D1D5DB; }
.art-footer .art-footer-title { font-size: 1.05rem; font-weight: 800; color: #fff; margin-bottom: 10px; }
.art-footer a { color: #fff; text-decoration: none; }
.art-footer a:hover { text-decoration: underline; }
.art-footer .art-footer-links { margin-top: 12px; color: #9CA3AF; }
.art-footer .art-footer-links a { color: #E5E7EB; }
.art-footer .art-footer-lic { font-size: .78rem; color: #9CA3AF; }
.pkp_brand_footer { padding: 10px 0 0; text-align: right; border-top: 1px solid #3a3a3a; margin-top: 18px; }
.pkp_brand_footer a { display: inline-block; }
.pkp_brand_footer img { max-width: 96px; width: 96px; opacity: .75; filter: brightness(0) invert(1); }

/* ---------- 13. Tablet & ponsel ---------- */
@media (max-width: 991px) {
  .pkp_site_name_wrapper { flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px 64px 16px 12px; }
  .art-mast-meta { flex-direction: row; flex-wrap: wrap; gap: 4px 14px; min-width: 0; font-size: .82rem; }
  .pkp_site_nav_toggle {
    left: auto; right: 12px; top: 18px; width: 46px; height: 46px; border-radius: 8px;
    background: var(--art-charcoal); box-shadow: none;
  }
  .pkp_site_nav_menu { background: var(--art-charcoal); }
  .pkp_site_nav_menu a { color: #fff; }
  .pkp_navigation_primary > li > a { display: block; min-height: 44px; padding: 12px 14px; text-transform: uppercase; font-weight: 700; font-size: .9rem; }
  .pkp_navigation_primary .dropdown-menu a { text-transform: none; font-weight: 500; padding-left: 28px; }
  .pkp_structure_content { padding-top: 16px; }
  .pkp_structure_main { padding: 0 12px; }
  .pkp_structure_sidebar { padding: 0 12px; }
}
@media (max-width: 767px) {
  .art-utility-left a:not(:last-child), .art-utility-left .sep { display: none; }
  .art-logo { width: 50px; height: 50px; font-size: 1.45rem; }
  .art-mast-title { font-size: 1.6rem; }
  .art-mast-sub { font-size: .92rem; }
  .art-strip-inner { font-size: .8rem; }
  .art-strip .sep { margin: 0 .35em; }
  .pkp_structure_main > .page, .page_index_journal .homepage_about, .page_index_journal .current_issue { padding: 20px 18px; }
  .pkp_structure_main h1 { font-size: 1.7rem; }
  .current_issue.art-has-cover { grid-template-columns: 84px 1fr; column-gap: 14px; }
  .current_issue.art-has-cover .art-cover { width: 84px; grid-row: span 1; }
  .current_issue.art-has-cover .obj_issue_toc, .current_issue.art-has-cover .read_more { grid-column: 1 / -1; }
  .page .art-toc ol { columns: 1; }
  .art-btn, .art-actions a { min-height: 40px; }
  .art-actions { line-height: 2.2; }
  .art-footer-side { flex-basis: 100%; }
  .pkp_brand_footer { text-align: left; }
}

/* ---------- 14. Header tanpa JS (Custom Header tidak bisa menyimpan <script>: diblokir Cloudflare WAF UPI) ----------
   Utility bar, masthead, identity strip dibuat dengan pseudo-element; teks id/en lewat html[lang].
   Pemilih bahasa = blok languagetoggle di sidebar yang dipindah ke utility bar (position absolute). */
html:not(.art-ui) .pkp_structure_page { position: relative; }
html:not(.art-ui) .pkp_structure_content { position: static; }
html:not(.art-ui) .pkp_structure_head { position: relative; padding-top: 36px; }
html:not(.art-ui) .pkp_structure_head:before {
  content: "UNIVERSITAS PENDIDIKAN INDONESIA   |   FPBS   |   ARTIKULASI";
  white-space: pre; position: absolute; top: 0; left: 0; right: 0; height: 36px; line-height: 36px;
  background: var(--art-maroon-dark); color: #fff; font-size: .8rem; font-weight: 700; letter-spacing: .03em;
  padding-left: max(20px, calc((100% - 1200px) / 2 + 20px)); box-sizing: border-box; z-index: 1;
}
/* identity strip */
html:not(.art-ui) .pkp_structure_head:after {
  content: "DOI via Crossref   |   Double-anonymized peer review   |   Indonesian & English manuscripts   |   CC BY-SA 4.0";
  white-space: pre-wrap; display: block; background: var(--art-maroon-soft); border-bottom: 1px solid #F1D5D6;
  color: var(--art-maroon-dark); font-size: .86rem; line-height: 1.5; padding: 10px max(20px, calc((100% - 1200px) / 2 + 20px));
}
html[lang^="id"]:not(.art-ui) .pkp_structure_head:after {
  content: "DOI melalui Crossref   |   Peer review double-anonymized   |   Naskah berbahasa Indonesia & Inggris   |   CC BY-SA 4.0";
}
/* masthead: logo "A" + ARTIKULASI + subjudul + tagline */
html:not(.art-ui) .pkp_site_name .is_text {
  display: block; position: relative; min-height: 66px; padding: 0 0 0 84px; font-size: 0; line-height: 0;
  color: transparent; text-decoration: none;
}
html:not(.art-ui) .pkp_site_name .is_text:before {
  content: "A"; position: absolute; left: 0; top: 4px; width: 66px; height: 66px; border-radius: 50%;
  background: var(--art-maroon); color: #fff; font-size: 1.9rem; font-weight: 800; line-height: 66px; text-align: center;
}
html:not(.art-ui) .pkp_site_name .is_text:after {
  content: "ARTIKULASI"; display: block; font-size: 2.2rem; line-height: 1.15; font-weight: 800; color: var(--art-charcoal);
  letter-spacing: .02em;
}
html:not(.art-ui) .pkp_site_name:after {
  content: "Jurnal Pendidikan Bahasa dan Sastra Indonesia\A Peer-Reviewed \2022  Open Access \2022  Published April & October";
  white-space: pre-wrap; display: block; margin-top: -30px; padding-left: 84px; font-size: .95rem; line-height: 1.6;
  color: #4B5563;
}
html[lang^="id"]:not(.art-ui) .pkp_site_name:after {
  content: "Jurnal Pendidikan Bahasa dan Sastra Indonesia\A Peer-Reviewed \2022  Akses Terbuka \2022  Terbit April & Oktober";
}
html:not(.art-ui) .pkp_site_name_wrapper:after {
  content: "p-ISSN 1412-4548\A e-ISSN 2776-5911\A Published by Universitas Pendidikan Indonesia";
  white-space: pre; display: block; font-size: .85rem; color: var(--art-muted); line-height: 1.6; clear: none;
}
html[lang^="id"]:not(.art-ui) .pkp_site_name_wrapper:after {
  content: "p-ISSN 1412-4548\A e-ISSN 2776-5911\A Diterbitkan oleh Universitas Pendidikan Indonesia";
}
/* Register/Login di utility bar */
html:not(.art-ui) .pkp_navigation_user_wrapper .pkp_navigation_user > li > a { color: #fff; font-weight: 700; font-size: .82rem; }
html:not(.art-ui) .pkp_navigation_user_wrapper .pkp_navigation_user > li > a:hover { color: #fff; text-decoration: underline; }
/* pemilih bahasa (blok languagetoggle) -> utility bar */
html:not(.art-ui) .pkp_structure_sidebar .block_language {
  position: absolute; top: 0; right: max(12px, calc((100% - 1160px) / 2 + 190px)); z-index: 3; height: 36px;
  margin: 0; padding: 0; border: 0; background: transparent; border-radius: 0;
}
html:not(.art-ui) .block_language .title { display: none; }
html:not(.art-ui) .pkp_site_name { margin-right: auto; }
html:not(.art-ui) .block_language .content, html:not(.art-ui) .block_language ul { margin: 0; padding: 0; display: flex; align-items: center; height: 36px; }
html:not(.art-ui) .block_language li { list-style: none; margin: 0; display: flex; align-items: center; }
html:not(.art-ui) .block_language li + li:before { content: "|"; color: rgba(255, 255, 255, .55); margin: 0 .5em; font-size: .8rem; }
html:not(.art-ui) .block_language li a { font-size: 0; line-height: 36px; text-decoration: none; }
html:not(.art-ui) .block_language li.locale_en a:after { content: "EN"; }
html:not(.art-ui) .block_language li.locale_id a:after { content: "ID"; }
html:not(.art-ui) .block_language li a:after { font-size: .82rem; font-weight: 700; color: rgba(255, 255, 255, .8); }
html:not(.art-ui) .block_language li.current a:after { color: #fff; text-decoration: underline; }
@media (min-width: 992px) {
  html:not(.art-ui) .pkp_head_wrapper { padding-top: 0 !important; }
  html:not(.art-ui) .pkp_navigation_user_wrapper { top: -36px; height: 36px; z-index: 3; }
  html:not(.art-ui) .pkp_navigation_user_wrapper .pkp_navigation_user > li > a { line-height: 36px; padding-top: 0; padding-bottom: 0; }
}
@media (max-width: 1199px) and (min-width: 992px) {
  html:not(.art-ui) .pkp_structure_sidebar .block_language { right: max(12px, calc((100% - 952px) / 2 + 190px)); }
}
@media (max-width: 991px) {
  html:not(.art-ui) .pkp_structure_head:before { content: "UPI  |  FPBS  |  ARTIKULASI"; }
  html:not(.art-ui) .pkp_structure_sidebar .block_language { right: 12px; }
  html:not(.art-ui) .pkp_site_name .is_text { padding-left: 62px; min-height: 50px; }
  html:not(.art-ui) .pkp_site_name .is_text:before { width: 48px; height: 48px; line-height: 48px; font-size: 1.4rem; top: 2px; }
  html:not(.art-ui) .pkp_site_name .is_text:after { font-size: 1.6rem; }
  html:not(.art-ui) .pkp_site_name:after { padding-left: 62px; margin-top: -18px; font-size: .85rem; }
  html:not(.art-ui) .pkp_site_name_wrapper:after { font-size: .78rem; white-space: pre-wrap; }
  html:not(.art-ui) .pkp_navigation_user_wrapper .pkp_navigation_user > li > a { color: #fff; }
  html:not(.art-ui) .pkp_site_nav_toggle { top: 54px; }
}
@media (max-width: 767px) {
  html:not(.art-ui) .pkp_structure_head:after { font-size: .78rem; }
}

/* ---------- 15. Logo UPI & proporsi layout dari stylesheet v7 ----------
   v7: kontainer 1200px, grid konten 1fr + sidebar 300px (gap 24px), kartu padding 28/32px radius 8px
   berbayang halus, blok sidebar padding 20px teks 14px judul 15px bergaris bawah, judul clamp(), line-height 1.7. */
:root { --art-container: 1200px; --art-sidebar: 300px; --art-gap: 24px; --art-shadow: 0 2px 10px rgba(20, 38, 63, .08); }
body { font-size: 15px; }

/* logo UPI menggantikan huruf "A" */
html:not(.art-ui) .pkp_site_name .is_text { padding-left: 92px; min-height: 72px; }
html:not(.art-ui) .pkp_site_name .is_text:before {
  content: ""; top: 0; width: 74px; height: 72px; border-radius: 0;
  background: #fff url("https://ejournal-language.upi.edu/public/site/images/language/artikulasi-logo-upi.png") center / contain no-repeat;
}
html:not(.art-ui) .pkp_site_name:after { padding-left: 92px; }
.art-logo { background: #fff url("https://ejournal-language.upi.edu/public/site/images/language/artikulasi-logo-upi.png") center / contain no-repeat; border-radius: 0; color: transparent; }

/* kontainer header & footer 1200px */
@media (min-width: 992px) {
  .pkp_site_name_wrapper, .pkp_navigation_primary_wrapper, .pkp_structure_footer {
    width: 100%; max-width: var(--art-container); margin-left: auto; margin-right: auto;
    padding-left: 20px; padding-right: 20px; box-sizing: border-box;
  }
  .pkp_navigation_user_wrapper { width: 100%; max-width: var(--art-container); padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
  html:not(.art-ui) .pkp_structure_sidebar .block_language { right: calc(max(0px, (100% - var(--art-container)) / 2) + 190px); }
}

/* grid konten: 1fr + 300px */
.pkp_structure_content { width: 100%; max-width: var(--art-container); margin: 0 auto; padding: 28px 20px 48px; box-sizing: border-box; }
@media (min-width: 993px) {
  .pkp_structure_content.has_sidebar { display: grid; grid-template-columns: minmax(0, 1fr) var(--art-sidebar); gap: var(--art-gap); align-items: start; }
  .pkp_structure_content.has_sidebar .pkp_structure_main { grid-column: 1; grid-row: 1; float: none; width: auto; min-width: 0; padding: 0; }
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar { grid-column: 2; grid-row: 1; float: none; width: auto; min-width: 0; padding: 0; }
}
@media (max-width: 992px) {
  .pkp_structure_content { padding: 24px 18px 40px; }
  .pkp_structure_content.has_sidebar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .pkp_structure_main, .pkp_structure_sidebar { float: none; width: auto; min-width: 0; padding: 0; }
}
@media (max-width: 768px) { .pkp_structure_content { padding: 20px 15px 34px; } }

/* kartu konten */
.pkp_structure_main > .page,
.page_index_journal .homepage_about, .page_index_journal .current_issue, .page_index_journal .additional_content,
.pkp_structure_main > .page_index_journal > .homepage_image {
  border: 1px solid rgba(227, 231, 237, .85); border-radius: 8px; box-shadow: var(--art-shadow); margin-bottom: 24px;
}
.page_index_journal .homepage_about, .page_index_journal .current_issue, .page_index_journal .additional_content {
  padding: 28px 32px;
}
.pkp_structure_main > .page { padding: 32px; }
.pkp_structure_main h1 { font-size: clamp(25px, 3vw, 34px); line-height: 1.25; }
.pkp_structure_main h2 { font-size: clamp(20px, 2.2vw, 26px); line-height: 1.3; }
.pkp_structure_main h3 { font-size: clamp(17px, 1.9vw, 21px); line-height: 1.35; }
.pkp_structure_main p, .pkp_structure_main li { line-height: 1.7; }
.page_index_journal .homepage_about h2 { font-size: 1.25rem; }
.page_index_journal .current_issue h2 { font-size: 1.35rem; }
.obj_article_summary > .title { font-size: 1.02rem; line-height: 1.45; }
@media (max-width: 768px) {
  .page_index_journal .homepage_about, .page_index_journal .current_issue, .page_index_journal .additional_content,
  .pkp_structure_main > .page { padding: 20px 18px; }
}

/* blok sidebar (300px) */
.pkp_structure_sidebar .pkp_block {
  padding: 20px; margin: 0 0 20px; border: 1px solid rgba(227, 231, 237, .85); border-radius: 8px;
  box-shadow: var(--art-shadow); font-size: 14px; line-height: 1.6;
}
.pkp_structure_sidebar .pkp_block .title {
  font-size: 15px; line-height: 1.35; margin: 0 0 12px; padding: 0 0 9px; border-bottom: 1px solid var(--art-border);
}
.art-side-list li { margin-bottom: 8px; }
.art-side-btn { padding: 11px 13px; font-size: 12.5px; }
.art-index-logos a { height: 64px; }
.art-index-logos img { max-height: 46px; }
.art-side-ids li { font-size: 13.5px; }
.art-side-links li { font-size: 14px; }
@media (max-width: 991px) {
  html:not(.art-ui) .pkp_site_name .is_text { padding-left: 64px; min-height: 52px; }
  html:not(.art-ui) .pkp_site_name .is_text:before { width: 52px; height: 51px; }
  html:not(.art-ui) .pkp_site_name:after { padding-left: 64px; }
}
/* perataan tepi kiri masthead & menu dengan kontainer konten */
@media (min-width: 992px) {
  .pkp_site_name_wrapper { column-gap: 0; }
  .pkp_navigation_primary { margin-left: 0 !important; padding-left: 0 !important; }
  .pkp_navigation_primary > li:first-child > a { padding-left: 0; }
}
/* sampul terbitan (fitur OJS, sama dengan sampul jurnal) */
.obj_issue_toc .heading { display: flex; align-items: flex-start; gap: 22px; }
.obj_issue_toc .heading .cover { float: none; width: auto; margin: 0; flex: 0 0 auto; }
.obj_issue_toc .heading .cover img { display: block; width: 140px; max-width: 140px; height: auto; border: 1px solid var(--art-border); border-radius: 6px; }
.obj_issue_toc .heading .description, .obj_issue_toc .heading .published { margin-top: 0; }
.obj_issue_summary .cover img { width: 120px; max-width: 120px; height: auto; border: 1px solid var(--art-border); border-radius: 6px; }
@media (max-width: 767px) {
  .obj_issue_toc .heading .cover img { width: 96px; max-width: 96px; }
  .obj_issue_summary .cover img { width: 90px; max-width: 90px; }
}
.obj_issue_toc .heading { padding: 0 0 20px; margin: 0; min-height: 0; }
.obj_issue_toc .heading .cover { padding: 0; }
.art-side-ids li { display: grid; grid-template-columns: 58px minmax(0, 1fr); column-gap: 8px; align-items: baseline; }
.art-side-ids .k { min-width: 0; }

/* ---------- 16. Header v2 (keterbacaan & proporsi), running text, Current Issue seperti mockup ----------
   Nama sesuai rekaman ISSN (portal.issn.org 2776-5911): title proper "Artikulasi",
   title variant "Jurnal Pendidikan Bahasa dan Sastra Indonesia". */

/* utility bar: EN | ID sejajar dengan Register | Login */
html:not(.art-ui) .block_language li a { display: flex; align-items: center; height: 36px; line-height: 1; }
html:not(.art-ui) .block_language li + li:before { line-height: 36px; }

/* masthead */
html:not(.art-ui) .pkp_site_name_wrapper { padding-top: 22px; padding-bottom: 22px; align-items: center; }
html:not(.art-ui) .pkp_site_name .is_text { padding-left: 96px; min-height: 76px; }
html:not(.art-ui) .pkp_site_name .is_text:before { width: 78px; height: 76px; top: 0; }
html:not(.art-ui) .pkp_site_name .is_text:after {
  content: "Artikulasi"; font-size: 2.6rem; line-height: 1.05; font-weight: 800; letter-spacing: -.01em;
  color: var(--art-maroon-dark); padding-top: 6px;
}
html:not(.art-ui) .pkp_site_name:after,
html[lang^="id"]:not(.art-ui) .pkp_site_name:after {
  content: "Jurnal Pendidikan Bahasa dan Sastra Indonesia"; white-space: normal;
  margin-top: -34px; padding-left: 96px; font-size: 1.2rem; line-height: 1.35; font-weight: 600; color: var(--art-charcoal);
}
html:not(.art-ui) .pkp_site_name_wrapper:after,
html[lang^="id"]:not(.art-ui) .pkp_site_name_wrapper:after {
  content: "p-ISSN 1412-4548  \2022  e-ISSN 2776-5911\A Universitas Pendidikan Indonesia";
  white-space: pre; text-align: right; font-size: .92rem; line-height: 1.7; color: #374151; font-weight: 600;
  padding-left: 18px; border-left: 3px solid var(--art-maroon);
}

/* running text (identity strip) — berhenti saat kursor di header; statis bila pengguna memilih reduced motion */
html:not(.art-ui) .pkp_structure_head {
  overflow-x: clip;
  background: linear-gradient(to top, var(--art-maroon-soft) 0, var(--art-maroon-soft) 44px, #F1D5D6 44px, #F1D5D6 45px, #fff 45px);
}
html:not(.art-ui) .pkp_structure_head:after {
  content: "DOI registered via Crossref (prefix 10.17509)   \2022   Double-anonymized (double-blind) peer review by at least two independent reviewers   \2022   Manuscripts accepted in Indonesian and English   \2022   Published twice a year: April and October   \2022   Open access under the CC BY-SA 4.0 license   \2022   Accredited SINTA 4   \2022   p-ISSN 1412-4548 \2022 e-ISSN 2776-5911";
  display: block; width: max-content; white-space: pre; background: none; border: 0;
  height: 44px; line-height: 44px; padding: 0 0 0 100vw; font-size: .95rem; font-weight: 600; color: var(--art-maroon-dark);
  animation: art-marquee 75s linear infinite;
}
html[lang^="id"]:not(.art-ui) .pkp_structure_head:after {
  content: "DOI terdaftar melalui Crossref (prefiks 10.17509)   \2022   Peer review double-anonymized (double-blind) oleh sekurang-kurangnya dua reviewer independen   \2022   Menerima naskah berbahasa Indonesia dan Inggris   \2022   Terbit dua kali setahun: April dan Oktober   \2022   Akses terbuka dengan lisensi CC BY-SA 4.0   \2022   Terakreditasi SINTA 4   \2022   p-ISSN 1412-4548 \2022 e-ISSN 2776-5911";
}
html:not(.art-ui) .pkp_structure_head:hover:after { animation-play-state: paused; }
@keyframes art-marquee { from { transform: translateX(0); } to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) {
  html:not(.art-ui) .pkp_structure_head { background: #fff; }
  html:not(.art-ui) .pkp_structure_head:after {
    animation: none; width: auto; white-space: normal; height: auto; line-height: 1.5; background: var(--art-maroon-soft);
    padding: 12px max(20px, calc((100% - 1200px) / 2 + 20px));
  }
}

@media (max-width: 991px) {
  html:not(.art-ui) .pkp_site_name_wrapper { padding-top: 16px; padding-bottom: 16px; }
  html:not(.art-ui) .pkp_site_name .is_text { padding-left: 66px; min-height: 56px; }
  html:not(.art-ui) .pkp_site_name .is_text:before { width: 56px; height: 55px; }
  html:not(.art-ui) .pkp_site_name .is_text:after { font-size: 1.9rem; padding-top: 2px; }
  html:not(.art-ui) .pkp_site_name:after, html[lang^="id"]:not(.art-ui) .pkp_site_name:after {
    padding-left: 66px; margin-top: -22px; font-size: 1rem;
  }
  html:not(.art-ui) .pkp_site_name_wrapper:after, html[lang^="id"]:not(.art-ui) .pkp_site_name_wrapper:after {
    text-align: left; font-size: .82rem; white-space: pre-wrap; margin-top: 4px;
  }
  html:not(.art-ui) .pkp_structure_head:after { font-size: .85rem; animation-duration: 60s; }
}

/* Current Issue seperti mockup: panel sampul (kiri) + daftar artikel (kanan) */
.current_issue .current_issue_title { margin-bottom: 18px; }
.current_issue .obj_issue_toc { display: grid; grid-template-columns: 160px minmax(0, 1fr); column-gap: 28px; align-items: stretch; }
.current_issue .obj_issue_toc .heading {
  grid-column: 1; grid-row: 1 / span 20; display: block; background: #EEE8E6; border-radius: 4px 4px 0 0;
  padding: 0 0 16px; margin: 0; overflow: hidden;
}
.current_issue .obj_issue_toc .heading:before {
  content: "@ Artikulasi"; display: block; background: var(--art-maroon); color: #fff; font-weight: 800;
  font-size: 1.15rem; padding: 14px 16px;
}
.current_issue .obj_issue_toc .heading .cover { padding: 14px 14px 0; }
.current_issue .obj_issue_toc .heading .cover img { width: 100%; max-width: 100%; border-radius: 3px; }
.current_issue .obj_issue_toc .heading .published { padding: 10px 14px 0; font-size: .85rem; color: var(--art-muted); }
.current_issue .obj_issue_toc .heading .published .label { display: block; font-weight: 700; color: var(--art-charcoal); }
.current_issue .obj_issue_toc .sections { grid-column: 2; margin: 0; }
.current_issue .obj_issue_toc .section > h3 { display: none; }
.current_issue .obj_issue_toc .section { margin: 0; padding: 0; }
.current_issue .cmp_article_list > li { margin: 0; padding: 0; }
.obj_article_summary { padding: 14px 0 16px; border-bottom: 2px solid var(--art-border); position: relative; }
.cmp_article_list > li:first-child .obj_article_summary { padding-top: 2px; }
.obj_article_summary > .title { margin: 0 0 6px; font-size: 1.05rem; font-weight: 700; line-height: 1.4; }
.obj_article_summary > .title a { color: var(--art-link); }
.obj_article_summary .meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0; padding: 0; margin: 0; color: var(--art-muted); font-size: .92rem; }
.obj_article_summary .meta .authors { display: inline; padding: 0; margin: 0; }
.obj_article_summary .meta .pages { position: static; float: none; display: inline; padding: 0; margin: 0; color: var(--art-muted); }
.obj_article_summary .meta .pages:before { content: "\2022\00a0 pp.\00a0"; margin-left: .5em; color: var(--art-muted); }
html[lang^="id"] .obj_article_summary .meta .pages:before { content: "\2022\00a0 hlm.\00a0"; }
.obj_article_summary .galleys_links { margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0; }
.obj_article_summary .galleys_links li { margin: 0; padding: 0; }
.obj_article_summary .galleys_links li + li:before { content: "|"; margin: 0 .6em; color: #B0B6BE; }
.obj_article_summary .obj_galley_link {
  border: 0; background: none; padding: 0; border-radius: 0; color: var(--art-charcoal); font-weight: 700; font-size: .92rem;
}
.obj_article_summary .obj_galley_link:before { display: none; }
.obj_article_summary .obj_galley_link:hover, .obj_article_summary .obj_galley_link:focus {
  background: none; color: var(--art-maroon); text-decoration: underline;
}
.current_issue .read_more { grid-column: 2; }
@media (max-width: 767px) {
  .current_issue .obj_issue_toc { grid-template-columns: 1fr; }
  .current_issue .obj_issue_toc .heading { grid-row: auto; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0 14px; border-radius: 4px; margin-bottom: 14px; }
  .current_issue .obj_issue_toc .heading:before { flex: 0 0 100%; }
  .current_issue .obj_issue_toc .heading .cover { padding: 12px 0 0 12px; }
  .current_issue .obj_issue_toc .heading .cover img { width: 84px; }
  .current_issue .obj_issue_toc .sections { grid-column: 1; }
}

/* penyesuaian 16 */
html:not(.art-ui) .pkp_site_name:after, html[lang^="id"]:not(.art-ui) .pkp_site_name:after { margin-top: -22px; }
.obj_article_summary > .title, .obj_article_summary > .title a { border: 0; box-shadow: none; }
.obj_article_summary .meta { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.obj_article_summary .galleys_links { margin-top: 6px !important; }
@media (max-width: 991px) {
  html:not(.art-ui) .pkp_site_name:after, html[lang^="id"]:not(.art-ui) .pkp_site_name:after { margin-top: -14px; }
}
.current_issue .obj_issue_toc .section:before, .current_issue .obj_issue_toc .section:after { display: none; }
html:not(.art-ui) .pkp_structure_head:after { animation-delay: -30s; }
@media (max-width: 991px) { html:not(.art-ui) .pkp_structure_head:after { animation-delay: -12s; } }

/* ---------- 17. Revisi header (permintaan user 2026-09-26) ----------
   Running text dibatalkan; identity strip kembali ke teks pengelola dan kini bisa diklik: isinya blok custom
   "identity-strip" (tautan asli) yang dipindah ke bawah menu utama dengan grid (sidebar = display: contents).
   Tagline & "Published by" dikembalikan; teks masthead hitam. */

/* running text off */
html:not(.art-ui) .pkp_structure_head:after,
html[lang^="id"]:not(.art-ui) .pkp_structure_head:after { content: none; display: none; animation: none; }
html:not(.art-ui) .pkp_structure_head { background: #fff; }

/* masthead: nama (ISSN title proper) / subjudul (variant) / tagline — urutan diatur dengan flex order */
html:not(.art-ui) .pkp_site_name { display: flex; flex-direction: column; min-height: 90px; }
html:not(.art-ui) .pkp_site_name .is_text { order: 1; min-height: 0; padding-left: 104px; }
html:not(.art-ui) .pkp_site_name .is_text:before { width: 88px; height: 86px; top: 2px; }
html:not(.art-ui) .pkp_site_name .is_text:after {
  content: "Artikulasi"; color: #111; font-size: 2.5rem; line-height: 1.1; padding-top: 0; letter-spacing: -.01em;
}
html:not(.art-ui) .pkp_site_name:after,
html[lang^="id"]:not(.art-ui) .pkp_site_name:after {
  order: 2; content: "Jurnal Pendidikan Bahasa dan Sastra Indonesia"; margin-top: 2px; padding-left: 104px;
  font-size: 1.15rem; line-height: 1.4; font-weight: 600; color: #111;
}
html:not(.art-ui) .pkp_site_name:before {
  order: 3; content: "Peer-Reviewed \2022  Open Access \2022  Published April & October"; white-space: pre;
  display: block; margin-top: 3px; padding-left: 104px; font-size: .95rem; line-height: 1.5; color: #111;
}
html[lang^="id"]:not(.art-ui) .pkp_site_name:before { content: "Peer-Reviewed \2022  Akses Terbuka \2022  Terbit April & Oktober"; }
html:not(.art-ui) .pkp_site_name_wrapper:after {
  content: "p-ISSN 1412-4548\A e-ISSN 2776-5911\A Published by Universitas Pendidikan Indonesia";
  color: #111; font-weight: 600; line-height: 1.65;
}
html[lang^="id"]:not(.art-ui) .pkp_site_name_wrapper:after {
  content: "p-ISSN 1412-4548\A e-ISSN 2776-5911\A Diterbitkan oleh Universitas Pendidikan Indonesia";
  color: #111; font-weight: 600; line-height: 1.65;
}
@media (max-width: 991px) {
  html:not(.art-ui) .pkp_site_name { min-height: 62px; }
  html:not(.art-ui) .pkp_site_name .is_text { padding-left: 70px; }
  html:not(.art-ui) .pkp_site_name .is_text:before { width: 60px; height: 59px; top: 1px; }
  html:not(.art-ui) .pkp_site_name .is_text:after { font-size: 1.9rem; }
  html:not(.art-ui) .pkp_site_name:after, html[lang^="id"]:not(.art-ui) .pkp_site_name:after,
  html:not(.art-ui) .pkp_site_name:before { padding-left: 70px; margin-top: 1px; }
  html:not(.art-ui) .pkp_site_name:after, html[lang^="id"]:not(.art-ui) .pkp_site_name:after { font-size: 1rem; }
  html:not(.art-ui) .pkp_site_name:before { font-size: .84rem; white-space: pre-wrap; }
}
@media (max-width: 480px) {
  html:not(.art-ui) .pkp_site_name .is_text, html:not(.art-ui) .pkp_site_name:after,
  html[lang^="id"]:not(.art-ui) .pkp_site_name:after, html:not(.art-ui) .pkp_site_name:before { padding-left: 62px; }
  html:not(.art-ui) .pkp_site_name .is_text:before { width: 52px; height: 51px; }
  html:not(.art-ui) .pkp_site_name .is_text:after { font-size: 1.7rem; }
}

/* identity strip yang bisa diklik (blok custom identity-strip) */
.pkp_structure_content.has_sidebar .pkp_structure_sidebar { display: contents; }
.pkp_structure_sidebar #customblock-identity-strip {
  grid-column: 1 / -1; grid-row: 1; margin: -28px 0 28px; padding: 11px 0; border: 0; border-radius: 0; box-shadow: none;
  background: none; border-image: linear-gradient(to top, #F1D5D6 1px, var(--art-maroon-soft) 1px) fill 0 / 0 / 0 100vmax;
  font-size: .92rem; line-height: 1.6;
}
#customblock-identity-strip .title { display: none; }
#customblock-identity-strip .content, #customblock-identity-strip p { margin: 0; padding: 0; }
.art-strip-links a { color: var(--art-maroon-dark); font-weight: 600; text-decoration: none; }
.art-strip-links a:hover, .art-strip-links a:focus { text-decoration: underline; }
.art-strip-links .sep { margin: 0 .9em; color: #C9A0A3; }
@media (min-width: 993px) {
  .pkp_structure_content.has_sidebar { grid-template-rows: auto repeat(8, auto) 1fr; row-gap: 0; }
  .pkp_structure_content.has_sidebar .pkp_structure_main { grid-row: 2 / -1; }
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar > .pkp_block { grid-column: 2; }
}
@media (max-width: 992px) {
  .pkp_structure_content.has_sidebar { row-gap: 20px; }
  .pkp_structure_content.has_sidebar .pkp_structure_main { grid-row: 2; }
  .pkp_structure_sidebar > .pkp_block { margin-bottom: 0; }
  .pkp_structure_sidebar #customblock-identity-strip { margin: -24px 0 4px; padding: 10px 0; font-size: .84rem; }
  .art-strip-links .sep { margin: 0 .5em; }
}
@media (max-width: 768px) {
  .pkp_structure_sidebar #customblock-identity-strip { margin-top: -20px; }
}

/* DOI di daftar isi: teks per artikel dari bagian 18 */
.obj_article_summary .meta:after { margin-left: .5em; color: var(--art-muted); overflow-wrap: anywhere; }

/* halaman artikel: detail (sampul, PDF, terbit, lisensi) bersebelahan dengan penulis */
@media (min-width: 768px) {
  .obj_article_details .row {
    display: grid; grid-template-columns: minmax(0, 1fr) 220px; column-gap: 32px; align-items: start; margin: 0;
  }
  .obj_article_details .row:before, .obj_article_details .row:after { display: none; }
  .obj_article_details .main_entry, .obj_article_details .entry_details {
    float: none; width: auto; min-width: 0; margin: 0; padding: 0;
  }
  .obj_article_details .main_entry { grid-column: 1; }
  .obj_article_details .entry_details { grid-column: 2; grid-row: 1; border-left: 1px solid var(--art-border); padding-left: 24px; }
  .obj_article_details .entry_details .item { padding-left: 0; padding-right: 0; }
  .obj_article_details .entry_details .cover_image img { width: 100%; height: auto; }
}
@media (min-width: 993px) and (max-width: 1199px) {
  .obj_article_details .row { grid-template-columns: minmax(0, 1fr) 190px; column-gap: 24px; }
}
.art-strip-links a { white-space: nowrap; }
.art-strip-links { display: flex; flex-wrap: wrap; align-items: baseline; row-gap: 2px; }
html:not(.art-ui) .pkp_site_name_wrapper:after, html[lang^="id"]:not(.art-ui) .pkp_site_name_wrapper:after { text-align: left; }
.obj_article_summary .meta:after { overflow-wrap: normal; flex-shrink: 0; }
@media (max-width: 767px) {
  .obj_article_summary .meta:after { flex: 0 1 100%; margin-left: 0; font-size: .86rem; }
}

/* ---------- 18. (dihapus 2026-09-27) DOI di daftar isi kini tautan asli dari child theme artikulasiChild ---------- */

/* ---------- 19. Konsistensi gaya (audit 2026-09-27): timpa sisa gaya bawaan tema Default ---------- */
button, input, select, textarea { font-family: inherit; }
a { color: var(--art-link); }

/* 1. tombol form = tombol utama jurnal; input satu gaya */
.cmp_button, .cmp_form .buttons button, .page_lost_password .buttons button, .page_search .submit button,
.pkp_structure_main .pkp_button_primary {
  min-height: 44px; padding: 0 18px; background: var(--art-maroon); color: #fff; border: 1.5px solid var(--art-maroon);
  border-radius: 8px; box-shadow: none; font-size: .85rem; font-weight: 700; line-height: 1.2;
  text-transform: uppercase; letter-spacing: .02em;
}
.cmp_button:hover, .cmp_button:focus, .cmp_form .buttons button:hover, .cmp_form .buttons button:focus,
.page_lost_password .buttons button:hover, .page_lost_password .buttons button:focus,
.page_search .submit button:hover, .page_search .submit button:focus,
.pkp_structure_main .pkp_button_primary:hover, .pkp_structure_main .pkp_button_primary:focus {
  background: var(--art-maroon-dark); border-color: var(--art-maroon-dark); color: #fff;
}
.pkp_button:hover, .pkp_button:focus, .pkp_button_offset:hover, .pkp_button_offset:focus { color: var(--art-maroon); border-color: var(--art-maroon); }
.pkp_structure_main input[type="text"], .pkp_structure_main input[type="email"], .pkp_structure_main input[type="password"],
.pkp_structure_main input[type="search"], .pkp_structure_main input[type="url"], .pkp_structure_main input[type="tel"],
.pkp_structure_main select, .pkp_structure_main textarea {
  border: 1px solid #8A919C; border-radius: 6px;
}
.pkp_structure_main input:focus, .pkp_structure_main select:focus, .pkp_structure_main textarea:focus {
  outline: 2px solid var(--art-maroon); outline-offset: 1px; border-color: var(--art-maroon);
}
.pkp_structure_main input[type="checkbox"], .pkp_structure_main input[type="radio"] { accent-color: var(--art-maroon); }

/* 2. sisa biru bawaan OJS (#006798) */
.pkp_page_index .current_issue .read_more, .obj_announcement_summary .read_more {
  padding-right: 16px; line-height: 1.3; color: var(--art-maroon-dark);
}
.pkp_page_index .current_issue .read_more:hover, .pkp_page_index .current_issue .read_more:focus { color: var(--art-maroon-dark); }
.obj_announcement_summary .read_more:hover, .obj_announcement_summary .read_more:focus { color: var(--art-maroon); }
.pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus { background: var(--art-maroon-soft); border-color: var(--art-maroon); color: var(--art-maroon-dark); }
.pkp_navigation_primary .dropdown-menu a:hover, .pkp_navigation_primary .dropdown-menu a:focus { border-color: var(--art-maroon); }
.cmp_button_wire { border-color: var(--art-maroon); color: var(--art-maroon-dark); }
.cmp_button_wire:hover, .cmp_button_wire:focus { background: var(--art-maroon); color: #fff; }
/* penampil PDF: bilah atas senada dengan menu utama */
.header_view { background: var(--art-charcoal); }
.header_view .return { color: var(--art-charcoal); }
.header_view .title:hover, .header_view .title:focus { background: var(--art-maroon-dark); }
.header_view .download { color: var(--art-maroon-dark); }
.header_view .download:hover, .header_view .download:focus { background: var(--art-maroon); color: #fff; }
.cmp_notification { background: var(--art-maroon-soft); border-left-color: var(--art-maroon); border-radius: 0 8px 8px 0; }

/* 3. satu abu-abu teks sekunder, satu warna garis */
.cmp_breadcrumbs .separator, .cmp_breadcrumbs .current, .obj_issue_summary .series, .page_search .cmp_pagination,
.obj_article_summary .published, .obj_article_details .entry_details .item .label,
.obj_article_details .citation_display .citation_formats_button { color: var(--art-muted); }
.page_issue_archive .issues_archive, .page_issue_archive .issues_archive > li, .page_search .search_advanced,
.obj_article_details .row, .obj_article_details .citation_display .citation_formats,
.obj_article_details .citation_display .citation_formats_styles a,
.obj_article_details .citation_display .citation_formats_styles + .label { border-color: var(--art-border); }
.obj_article_details .citation_display .citation_formats { border-radius: 8px; }
.obj_article_details .citation_display .citation_formats_button:focus,
.obj_article_details .citation_display .citation_formats_styles a:focus { background: var(--art-maroon-soft); }
.pkp_structure_main hr { border: 0; border-top: 1px solid var(--art-border); }

/* 4. label bagian di area konten = maroon (sidebar tetap charcoal) */
.page_index_journal .current_issue h2 { color: var(--art-maroon-dark); font-size: 1.25rem; letter-spacing: .02em; }
.obj_article_details .authors .affiliation, .obj_article_details .authors .affiliation span { color: var(--art-muted); }
.obj_article_details .entry_details, .obj_article_details .entry_details .item { border-color: var(--art-border); }
/* URL panjang di daftar pustaka/konten tidak melebarkan halaman di ponsel (audit 2026-09-27) */
.obj_article_details .references .value, .obj_article_details .references p,
.pkp_structure_main .page p, .pkp_structure_main .page li { overflow-wrap: anywhere; }

/* ---------- 20. Current Issue ringkas (2026-09-27): sampul + judul terbitan + tanggal mendatar, daftar artikel selebar kartu ---------- */
.page_index_journal .current_issue {
  display: grid; grid-template-columns: 96px minmax(0, 1fr); column-gap: 18px; align-items: start;
}
.page_index_journal .current_issue > * { grid-column: 1 / -1; }
.page_index_journal .current_issue > a:not(.read_more) { grid-row: 1; }
.page_index_journal .current_issue .obj_issue_toc,
.page_index_journal .current_issue .obj_issue_toc .heading { display: contents; }
.page_index_journal .current_issue .obj_issue_toc .heading:before { content: none; display: none; }
.page_index_journal .current_issue > h2 { grid-row: 1; margin-bottom: 16px; }
.page_index_journal .current_issue .obj_issue_toc .heading .cover {
  grid-column: 1; grid-row: 2 / span 2; padding: 0; margin: 0; align-self: start;
}
.page_index_journal .current_issue .obj_issue_toc .heading .cover img {
  display: block; width: 96px; max-width: 96px; height: auto; border: 1px solid var(--art-border); border-radius: 4px;
}
.page_index_journal .current_issue .current_issue_title {
  grid-column: 2; grid-row: 2; align-self: end; margin: 0; color: var(--art-charcoal); font-size: 1.08rem; font-weight: 700; line-height: 1.35;
}
.page_index_journal .current_issue .obj_issue_toc .heading .published {
  grid-column: 2; grid-row: 3; align-self: start; margin: 6px 0 0; padding: 0; font-size: .9rem; color: var(--art-muted);
}
.page_index_journal .current_issue .obj_issue_toc .heading .published .label { display: inline; font-weight: 700; color: var(--art-charcoal); }
.page_index_journal .current_issue .obj_issue_toc .heading .description { grid-column: 2; margin: 6px 0 0; }
.page_index_journal .current_issue .obj_issue_toc .sections {
  grid-column: 1 / -1; grid-row: 4; margin: 20px 0 0; padding-top: 4px; border-top: 2px solid var(--art-border);
}
.page_index_journal .current_issue .read_more { grid-column: 1 / -1; grid-row: 5; justify-self: start; }
@media (max-width: 767px) {
  .page_index_journal .current_issue { grid-template-columns: 72px minmax(0, 1fr); column-gap: 14px; }
  .page_index_journal .current_issue .obj_issue_toc .heading .cover img { width: 72px; max-width: 72px; }
  .page_index_journal .current_issue .current_issue_title { font-size: 1rem; }
}

/* Lencana Dimensions sejajar dengan tautan PDF (semua daftar artikel) */
.obj_article_summary .galleys_links { display: inline-flex; vertical-align: middle; }
.obj_article_summary .art-dimensions-toc { display: inline-block; vertical-align: middle; margin: 6px 0 0 14px; }
.obj_article_summary .meta + .art-dimensions-toc { margin-left: 0; }
/* Tombol "View All Issues": panah ikut alur teks (tema menaruhnya absolut di kanan sehingga menempel ke teks/garis) */
.pkp_page_index .current_issue .read_more, .obj_announcement_summary .read_more {
  display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px 9px 16px;
}
.pkp_page_index .current_issue .read_more:after, .obj_announcement_summary .read_more:after {
  display: inline-block; position: static; top: auto; right: auto; width: auto; height: auto;
  font-size: .78em; line-height: 1; color: inherit; transition: transform .15s ease;
}
.pkp_page_index .current_issue .read_more:hover:after, .pkp_page_index .current_issue .read_more:focus:after,
.obj_announcement_summary .read_more:hover:after, .obj_announcement_summary .read_more:focus:after { transform: translateX(3px); }
@media (prefers-reduced-motion: reduce) { .pkp_page_index .current_issue .read_more:after { transition: none; } }

/* ---------- 21. Header ponsel ringkas (2026-09-27): ISSN satu baris, strip tanpa pemisah menggantung ---------- */
@media (max-width: 767px) {
  .pkp_site_name_wrapper { gap: 6px; padding-top: 14px; padding-bottom: 12px; }
  html:not(.art-ui) .pkp_site_name_wrapper:after,
  html[lang^="id"]:not(.art-ui) .pkp_site_name_wrapper:after {
    content: "p-ISSN 1412-4548 \2022  e-ISSN 2776-5911"; white-space: pre;
    margin: 0; padding: 0 0 0 62px; border: 0; font-size: .76rem; font-weight: 600; line-height: 1.4; color: var(--art-muted);
  }
  html:not(.art-ui) .pkp_site_name:before { font-size: .78rem; line-height: 1.4; }
  html:not(.art-ui) .pkp_site_name:after, html[lang^="id"]:not(.art-ui) .pkp_site_name:after { font-size: .92rem; line-height: 1.3; }
  .pkp_site_nav_toggle { top: 50px; width: 42px; height: 42px; }
  .pkp_structure_sidebar #customblock-identity-strip { padding: 8px 0; font-size: .78rem; line-height: 1.45; }
  .art-strip-links { column-gap: 14px; row-gap: 3px; }
  .art-strip-links .sep { display: none; }
}
@media (max-width: 767px) {
  html:not(.art-ui) .pkp_site_name_wrapper:after,
  html[lang^="id"]:not(.art-ui) .pkp_site_name_wrapper:after {
    display: block; align-self: stretch; width: 100%; box-sizing: border-box; text-align: left;
  }
  html:not(.art-ui) .pkp_site_name:before { content: "Peer-Reviewed \2022  Open Access \2022  Published April\00a0&\00a0October"; }
  html[lang^="id"]:not(.art-ui) .pkp_site_name:before { content: "Peer-Reviewed \2022  Akses Terbuka \2022  Terbit April\00a0&\00a0Oktober"; }
}
@media (min-width: 481px) and (max-width: 767px) {
  html:not(.art-ui) .pkp_site_name_wrapper:after,
  html[lang^="id"]:not(.art-ui) .pkp_site_name_wrapper:after { padding-left: 70px; }
}