:root { --tf-primary: #0f766e; --tf-primary-dark: #115e59; --tf-accent: #f59e0b; --tf-ink: #17324d; --tf-muted: #5f6f7d; --tf-soft: #ecfdf5; --tf-line: #dce8e6; --tf-white: #fff; --tf-shadow: 0 12px 32px rgba(15,118,110,.10); }
html, body, * { font-family: Lato, "Segoe UI", Arial, sans-serif; }
body { background: rgb(244, 248, 247); color: var(--tf-ink); line-height: 1.65; }
.pkp_structure_page { width: 1162px; max-width: 100%; margin: 0px auto; background: rgb(255, 255, 255); border: 0px; box-shadow: rgba(18, 55, 52, 0.1) 0px 4px 30px; padding-bottom: 0px !important; }
.pkp_site_name { margin: 0px; }
.pkp_site_name > a { padding: 0px; }
.pkp_site_name_wrapper { padding: 0px; margin: 0px; }
.pkp_site_name .is_img img { max-height: 100%; max-width: 100%; }
.pkp_navigation_user { background: var(--tf-primary); border-bottom: 2px solid rgba(255, 255, 255, 0.35); }
.pkp_navigation_user > li > a, .pkp_navigation_user > li.in_focus > a, .pkp_navigation_user > li > a:hover, .pkp_navigation_user > li > a:focus { color: rgb(255, 255, 255); }
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile { background: var(--tf-primary); color: rgb(255, 255, 255); }
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > a { padding-right: 10px; color: rgb(255, 255, 255); font-weight: 600 !important; }
.pkp_navigation_primary_row { box-shadow: rgba(15, 118, 110, 0.18) 0px 4px 14px; background: linear-gradient(90deg,var(--tf-primary-dark),var(--tf-primary)) !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li { padding: 0px !important; margin: 0px !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a { transition: 0.2s; margin: 0px !important; padding: 0px 14px !important; line-height: 44px !important; color: rgb(255, 255, 255) !important; font-weight: 600 !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover { background: rgba(255, 255, 255, 0.15) !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul { background: var(--tf-primary-dark) !important; border-radius: 0px 0px 8px 8px !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search .search_controls a.headerSearchPrompt.search_prompt { color: rgb(255, 255, 255) !important; }
.pkp_structure_content { padding-top: 0px; }
h1, h2, h3, h4, h5, h6 { font-family: Lato, "Segoe UI", Arial, sans-serif; color: var(--tf-ink); }
a { color: var(--tf-primary-dark); }
.pkp_page_index .homepage_about { margin: 28px 0px 36px; padding: 0px; border: 1px solid var(--tf-line); border-radius: 18px; background: rgb(255, 255, 255); box-shadow: var(--tf-shadow); overflow: hidden; }
.pkp_page_index .homepage_about > h2 { margin: 0px; padding: 14px 24px; background: linear-gradient(135deg,var(--tf-primary-dark),var(--tf-primary)); color: rgb(255, 255, 255); font-size: 13px; letter-spacing: 1.7px; text-transform: uppercase; }
.pkp_page_index .homepage_about > div { padding: 0px 26px 28px; }
.pkp_page_index .homepage_about > div > div:first-child { margin: 0px -26px 24px; padding: 32px 28px 28px; background: linear-gradient(135deg, rgb(236, 253, 245) 0%, rgb(248, 255, 253) 55%, rgb(255, 247, 230) 100%); border-bottom: 1px solid var(--tf-line); }
.pkp_page_index .homepage_about > div > div:first-child > div:first-child { max-width: 760px; margin-bottom: 10px; color: var(--tf-ink); font-size: 28px; line-height: 1.2; font-weight: 800; letter-spacing: -0.4px; }
.pkp_page_index .homepage_about > div > div:first-child > div:last-child { max-width: 790px; color: var(--tf-muted); font-size: 16px; line-height: 1.75; }
.pkp_page_index .homepage_about > div > div:nth-child(2) { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px; margin: 0px 0px 24px; }
.pkp_page_index .homepage_about > div > div:nth-child(2) > div { min-height: 78px; padding: 15px 12px; border: 1px solid rgb(207, 231, 227); border-radius: 12px; background: var(--tf-soft); color: var(--tf-muted); text-align: center; font-size: 12px; line-height: 1.35; }
.pkp_page_index .homepage_about > div > div:nth-child(2) > div strong { display: block; margin-bottom: 5px; color: var(--tf-primary-dark); font-size: 18px; line-height: 1.15; }
.pkp_page_index .homepage_about p { color: rgb(65, 84, 102); font-size: 14px; line-height: 1.8; }
.pkp_page_index .homepage_about p:nth-of-type(2) { padding: 15px 18px; border-left: 4px solid var(--tf-accent); border-radius: 0px 10px 10px 0px; background: rgb(255, 250, 240); }
.pkp_page_index .homepage_about > div > div:last-child { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.pkp_page_index .homepage_about > div > div:last-child a { display: inline-flex; align-items: center; justify-content: center; padding: 11px 17px; border: 1px solid var(--tf-primary); border-radius: 9px; color: var(--tf-primary-dark); font-size: 13px; font-weight: 700; text-decoration: none; transition: 0.2s; }
.pkp_page_index .homepage_about > div > div:last-child a:first-child { background: var(--tf-primary); color: rgb(255, 255, 255); }
.pkp_page_index .homepage_about > div > div:last-child a:hover { transform: translateY(-2px); box-shadow: rgba(15, 118, 110, 0.18) 0px 7px 17px; }
.pkp_page_index .current_issue { padding-top: 8px; }
.pkp_page_index .current_issue > h2 { position: relative; padding-bottom: 12px; font-size: 24px; }
.pkp_page_index .current_issue > h2::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 54px; height: 4px; border-radius: 4px; background: var(--tf-accent); }
.obj_article_summary { border: 1px solid rgb(225, 235, 233); border-radius: 12px; background: rgb(255, 255, 255); transition: 0.2s; margin-bottom: 14px !important; padding: 18px 20px !important; }
.obj_article_summary:hover { border-color: rgb(184, 217, 212); box-shadow: rgba(15, 118, 110, 0.09) 0px 8px 22px; transform: translateY(-1px); }
.obj_article_summary .title a { color: var(--tf-ink); font-weight: 700; }
.obj_article_summary .title a:hover { color: var(--tf-primary); }
.obj_article_summary .authors { color: var(--tf-muted); }
.obj_galley_link { border-radius: 7px !important; background: var(--tf-primary) !important; border-color: var(--tf-primary) !important; color: rgb(255, 255, 255) !important; }
.pkp_block { padding: 15px 10px; margin: 0px !important; }
.pkp_structure_sidebar .pkp_block { margin-bottom: 10px !important; }
.pkp_structure_sidebar .pkp_block .title { padding-bottom: 8px; border-bottom: 2px solid var(--tf-line); color: var(--tf-primary-dark); font-weight: 800; }
.pkp_block.block_make_submission .content { margin: 0px !important; padding: 0px !important; text-align: center !important; }
.pkp_block.block_make_submission .content a { display: block; border-radius: 9px; background: var(--tf-primary); line-height: 42px; color: rgb(255, 255, 255); font-weight: 700; box-shadow: rgba(15, 118, 110, 0.16) 0px 6px 14px; }
.pkp_block.block_make_submission .content a:hover { background: var(--tf-primary-dark); color: rgb(255, 255, 255); }
.pkp_structure_footer .pkp_footer_content { background: rgb(223, 244, 240); padding: 16px !important; }
.pkp_structure_footer .pkp_footer_content p { margin: 0px; }
.pkp_structure_footer .pkp_brand_footer { background: var(--tf-primary-dark); padding: 4px; height: auto !important; }
.pkp_structure_footer .pkp_brand_footer img { width: 48px !important; height: auto; }
@media (max-width: 1000px) {
  .pkp_structure_page { width: 100%; }
  .pkp_page_index .homepage_about { margin: 18px 0px 28px; }
}
@media (max-width: 720px) {
  .pkp_page_index .homepage_about > div { padding: 0px 18px 22px; }
  .pkp_page_index .homepage_about > div > div:first-child { margin: 0px -18px 20px; padding: 25px 19px; }
  .pkp_page_index .homepage_about > div > div:first-child > div:first-child { font-size: 23px; }
  .pkp_page_index .homepage_about > div > div:nth-child(2) { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .pkp_page_index .homepage_about > div > div:last-child a { width: 100%; }
}
.pkp_page_author-guidelines .page, .pkp_page_Focus-Scope .page { color: rgb(65, 84, 102); }
.pkp_page_author-guidelines .page_title, .pkp_page_Focus-Scope .page_title { position: relative; margin-bottom: 24px; padding-bottom: 13px; color: var(--tf-ink); font-size: 30px; }
.pkp_page_author-guidelines .page_title::after, .pkp_page_Focus-Scope .page_title::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 60px; height: 4px; border-radius: 4px; background: var(--tf-accent); }
.tf-page section { margin-bottom: 25px; padding: 22px 24px; border: 1px solid var(--tf-line); border-radius: 15px; background: rgb(255, 255, 255); box-shadow: rgba(15, 118, 110, 0.06) 0px 7px 22px; }
.tf-page .tf-page-hero { padding: 30px; background: linear-gradient(135deg,var(--tf-primary-dark),var(--tf-primary)); color: rgb(255, 255, 255); }
.tf-page .tf-page-hero h2 { margin: 3px 0px 10px; color: rgb(255, 255, 255); font-size: 30px; }
.tf-page .tf-page-hero p { max-width: 720px; margin-top: 0px; }
.tf-page .tf-eyebrow { margin: 0px; color: rgb(191, 245, 233); font-size: 12px; font-weight: 800; letter-spacing: 2px; }
.tf-page h3 { margin-top: 0px; color: var(--tf-primary-dark); font-size: 21px; }
.tf-page h4 { margin: 0px 0px 7px; color: var(--tf-ink); font-size: 16px; }
.tf-page p { line-height: 1.75; }
.tf-page ul { padding-left: 20px; }
.tf-page li { margin-bottom: 7px; }
.tf-actions, .tf-bottom-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.tf-actions a, .tf-bottom-actions a { display: inline-flex; padding: 11px 17px; border: 1px solid rgb(255, 255, 255); border-radius: 9px; color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; }
.tf-actions a:first-child { background: rgb(255, 255, 255); color: var(--tf-primary-dark); }
.tf-bottom-actions { justify-content: center; margin: 28px 0px; }
.tf-bottom-actions a { border-color: var(--tf-primary); background: var(--tf-primary); color: rgb(255, 255, 255); }
.tf-bottom-actions a:first-child { background: rgb(255, 255, 255); color: var(--tf-primary-dark); }
.tf-info-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px; }
.tf-info-grid > div { padding: 16px 12px; border: 1px solid rgb(205, 231, 225); border-radius: 12px; background: var(--tf-soft); text-align: center; }
.tf-info-grid strong { display: block; color: var(--tf-primary-dark); font-size: 16px; }
.tf-info-grid span { display: block; margin-top: 5px; color: var(--tf-muted); font-size: 12px; }
.tf-page .tf-note { border-left: 5px solid var(--tf-accent); background: rgb(255, 250, 240); }
.tf-page .tf-highlight { background: linear-gradient(135deg, rgb(236, 253, 245), rgb(248, 255, 253)); }
.tf-steps { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px; }
.tf-steps > div { position: relative; padding: 18px 18px 15px 56px; border: 1px solid rgb(224, 236, 233); border-radius: 12px; background: rgb(251, 254, 253); }
.tf-steps > div > b { position: absolute; top: 18px; left: 15px; color: var(--tf-primary); font-size: 18px; }
.tf-steps p { margin-bottom: 0px; font-size: 13px; }
.tf-two-col { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; }
.tf-two-col > div { padding: 18px; border-radius: 12px; background: rgb(246, 250, 249); }
.tf-process { counter-reset: tfprocess 0; list-style: none; padding: 0px; }
.tf-process li { position: relative; min-height: 48px; padding: 7px 0px 13px 50px; border-bottom: 1px solid var(--tf-line); }
.tf-process li::before { counter-increment: tfprocess 1; content: counter(tfprocess); position: absolute; left: 0px; top: 6px; display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--tf-primary); color: rgb(255, 255, 255); font-weight: 800; }
.tf-process strong, .tf-process span { display: block; }
.tf-process span { color: var(--tf-muted); font-size: 13px; }
.pkp_page_Focus-Scope .page > h3:first-of-type { display: none; }
.pkp_page_Focus-Scope .page > p:first-of-type { margin: 0px 0px 22px; padding: 22px 24px; border-radius: 14px; background: linear-gradient(135deg,var(--tf-primary-dark),var(--tf-primary)); color: rgb(255, 255, 255); font-size: 16px; line-height: 1.75; }
.pkp_page_Focus-Scope .page > ol { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; counter-reset: scope 0; list-style: none; padding: 0px; }
.pkp_page_Focus-Scope .page > ol > li { position: relative; margin: 0px; padding: 22px 20px 20px 62px; border: 1px solid var(--tf-line); border-radius: 14px; background: rgb(255, 255, 255); box-shadow: rgba(15, 118, 110, 0.07) 0px 8px 22px; }
.pkp_page_Focus-Scope .page > ol > li::before { counter-increment: scope 1; content: counter(scope); position: absolute; top: 20px; left: 18px; display: grid; width: 32px; height: 32px; place-items: center; border-radius: 9px; background: var(--tf-soft); color: var(--tf-primary-dark); font-weight: 800; }
.pkp_page_Focus-Scope .page > ol > li p { margin: 0px; color: var(--tf-muted); font-size: 13px; line-height: 1.7; }
.pkp_page_Focus-Scope .page > ol > li strong { display: block; margin-bottom: 8px; color: var(--tf-ink); font-size: 17px; }
.pkp_page_Focus-Scope .page > ol > li:last-child { grid-column: 1 / -1; }
@media (max-width: 720px) {
  .tf-info-grid, .tf-steps, .tf-two-col, .pkp_page_Focus-Scope .page > ol { grid-template-columns: 1fr; }
  .tf-page section { padding: 18px; }
  .tf-page .tf-page-hero { padding: 23px; }
  .tf-page .tf-page-hero h2 { font-size: 25px; }
  .pkp_page_Focus-Scope .page > ol > li:last-child { grid-column: auto; }
}
.pkp_structure_sidebar { padding-top: 16px !important; }
.pkp_structure_sidebar > .pkp_block { border: 1px solid var(--tf-line); border-radius: 14px; background: rgb(255, 255, 255); box-shadow: rgba(15, 118, 110, 0.07) 0px 7px 20px; overflow: hidden; margin: 0px 0px 16px !important; padding: 17px !important; }
.pkp_structure_sidebar > .pkp_block > .title { position: relative; border-bottom: 1px solid var(--tf-line); color: var(--tf-primary-dark); font-size: 16px; font-weight: 800; margin: 0px 0px 14px !important; padding: 0px 0px 10px !important; }
.pkp_structure_sidebar > .pkp_block > .title::after { content: ""; position: absolute; left: 0px; bottom: -1px; width: 42px; height: 3px; border-radius: 3px; background: var(--tf-accent); }
.pkp_structure_sidebar .block_make_submission { border: 0px; background: transparent; box-shadow: none; padding: 0px !important; }
.pkp_structure_sidebar .block_make_submission .content a { display: flex; align-items: center; justify-content: center; min-height: 48px; border-radius: 11px; background: linear-gradient(135deg,var(--tf-primary-dark),var(--tf-primary)); box-shadow: rgba(15, 118, 110, 0.2) 0px 8px 18px; font-size: 13px; letter-spacing: 0.2px; }
.pkp_structure_sidebar .block_make_submission .content a::before { content: "✦"; margin-right: 8px; color: rgb(191, 245, 233); }
.pkp_structure_sidebar .block_custom .content p { margin: 0px 0px 11px; text-align: center; }
.pkp_structure_sidebar img { max-width: 100% !important; height: auto !important; }
#customblock-download-template .content p { padding: 9px; border: 1px solid rgb(227, 238, 236); border-radius: 11px; background: rgb(249, 252, 251); transition: 0.2s; }
#customblock-download-template .content p:first-child { padding: 13px; background: linear-gradient(135deg, rgb(236, 253, 245), rgb(255, 255, 255)); }
#customblock-download-template .content p:hover { border-color: rgb(189, 222, 216); box-shadow: rgba(15, 118, 110, 0.09) 0px 6px 15px; transform: translateY(-1px); }
#customblock-download-template .content p:nth-child(2) img { border-radius: 7px; }
#customblock-download-template .content p:nth-child(3) img { max-width: 185px !important; }
.pkp_structure_sidebar .block_information .content ul { margin: 0px; padding: 0px; list-style: none; }
.pkp_structure_sidebar .block_information .content li { margin: 6px 0px; }
.pkp_structure_sidebar .block_information .content a { display: block; padding: 9px 11px; border-radius: 8px; background: rgb(243, 248, 247); color: var(--tf-ink); font-size: 13px; text-decoration: none; transition: 0.2s; }
.pkp_structure_sidebar .block_information .content a::after { content: "→"; float: right; color: var(--tf-primary); font-weight: 800; }
.pkp_structure_sidebar .block_information .content a:hover { padding-left: 14px; background: var(--tf-soft); color: var(--tf-primary-dark); }
.pkp_structure_sidebar .block_web_feed .content ul { display: flex; align-items: center; gap: 8px; margin: 0px; padding: 0px; list-style: none; }
.pkp_structure_sidebar .block_web_feed .content li { margin: 0px; }
.pkp_structure_sidebar .block_web_feed .content a { display: flex; padding: 7px; border: 1px solid var(--tf-line); border-radius: 7px; background: rgb(250, 253, 252); }
.pkp_structure_sidebar .block_web_feed img { height: 16px !important; width: auto !important; }
#customblock-blog-kanan { padding: 17px !important; }
#customblock-blog-kanan > .content > #customblock-template { margin: 0px 0px 17px; padding: 16px; border-radius: 12px; background: linear-gradient(135deg, rgb(236, 253, 245), rgb(255, 255, 255)); text-align: center; }
#customblock-blog-kanan > .content > #customblock-template p { margin: 0px; }
#customblock-blog-kanan > .content > #customblock-template img { max-width: 126px !important; filter: drop-shadow(rgba(15, 118, 110, 0.15) 0px 5px 9px); }
#customblock-blog-kanan .blockTitle { display: block; margin: 16px 0px 10px; color: var(--tf-primary-dark); font-size: 11px; font-weight: 800; letter-spacing: 1.2px; text-align: center; }
#customblock-blog-kanan #customblock-Reference, #customblock-blog-kanan #customblock-PlagiarismCheck { margin: 0px; }
#customblock-blog-kanan #customblock-Reference p:not(:first-child), #customblock-blog-kanan #customblock-PlagiarismCheck p, #customblock-blog-kanan .indexers > a { display: block; padding: 10px; border: 1px solid rgb(228, 237, 235); border-radius: 9px; background: rgb(251, 253, 253); text-align: center; transition: 0.2s; margin: 7px 0px !important; }
#customblock-blog-kanan #customblock-Reference p:not(:first-child):hover, #customblock-blog-kanan #customblock-PlagiarismCheck p:hover, #customblock-blog-kanan .indexers > a:hover { border-color: rgb(191, 222, 216); background: var(--tf-soft); transform: translateY(-1px); }
#customblock-blog-kanan #customblock-Reference img, #customblock-blog-kanan #customblock-PlagiarismCheck img, #customblock-blog-kanan .indexers > a img { object-fit: contain; max-width: 170px !important; max-height: 52px !important; }
#customblock-blog-kanan .indexers br { display: none; }
#customblock-indexed-by-copernicus { margin: 0px !important; padding: 0px !important; border: 0px !important; box-shadow: none !important; }
#customblock-indexed-by-copernicus p { padding: 12px !important; background: rgb(249, 252, 251) !important; }
@media (max-width: 1000px) {
  .pkp_structure_sidebar > .pkp_block { border-radius: 11px; }
  .pkp_structure_sidebar { padding: 14px !important; }
}
.pkp_structure_head { background: none !important; }
.pkp_site_name .is_img { display: block !important; width: 100% !important; height: auto !important; margin: 0px !important; padding: 0px !important; line-height: 0 !important; }
.pkp_site_name .is_img img { display: block !important; width: 100% !important; height: auto !important; max-width: none !important; max-height: none !important; margin: 0px !important; }
.pkp_page_about.pkp_op_submissions .page_submissions > h1, .pkp_page_about.pkp_op_privacy .page_privacy > h1, .pkp_page_about.pkp_op_contact .page_contact > h1, .pkp_page_Reviewer .page > h2:first-child, .pkp_page_publication-ethics .page > h2:first-child { position: relative; margin: 0px 0px 26px; padding: 24px 26px 20px; border-radius: 15px; background: linear-gradient(135deg,var(--tf-primary-dark),var(--tf-primary)); color: rgb(255, 255, 255); font-size: 30px; box-shadow: rgba(15, 118, 110, 0.14) 0px 10px 25px; }
.pkp_page_about.pkp_op_submissions .page_submissions > h1::after, .pkp_page_about.pkp_op_privacy .page_privacy > h1::after, .pkp_page_about.pkp_op_contact .page_contact > h1::after, .pkp_page_Reviewer .page > h2:first-child::after, .pkp_page_publication-ethics .page > h2:first-child::after { content: ""; display: block; width: 58px; height: 4px; margin-top: 12px; border-radius: 4px; background: var(--tf-accent); }
.page_submissions .cmp_notification { margin: 0px 0px 22px; padding: 18px 20px; border-top: 1px solid rgb(191, 224, 218); border-right: 1px solid rgb(191, 224, 218); border-bottom: 1px solid rgb(191, 224, 218); border-image: none; border-left: 5px solid var(--tf-primary); border-radius: 12px; background: var(--tf-soft); color: var(--tf-ink); }
.page_submissions .cmp_notification a, .page_submissions .section_policy a { display: inline-flex; margin: 3px; padding: 9px 14px; border-radius: 8px; background: var(--tf-primary); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; }
.page_submissions .submission_checklist, .page_submissions .section_policy, .page_submissions .privacy_statement { margin: 0px 0px 20px; padding: 23px 25px; border: 1px solid var(--tf-line); border-radius: 14px; background: rgb(255, 255, 255); box-shadow: rgba(15, 118, 110, 0.06) 0px 7px 20px; }
.page_submissions .submission_checklist h2, .page_submissions .section_policy h2, .page_submissions .privacy_statement h2 { margin: 0px 0px 14px; padding-bottom: 11px; border-bottom: 1px solid var(--tf-line); color: var(--tf-primary-dark); font-size: 21px; }
.page_submissions .submission_checklist ul { margin: 18px 0px 0px; padding: 0px; list-style: none; }
.page_submissions .submission_checklist li { position: relative; margin: 9px 0px; padding: 13px 15px 13px 45px; border-radius: 9px; background: rgb(246, 250, 249); line-height: 1.65; }
.page_submissions .submission_checklist li::before { content: "✓"; position: absolute; left: 15px; top: 12px; display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; background: var(--tf-primary); color: rgb(255, 255, 255); font-size: 12px; font-weight: 800; }
.pkp_page_Reviewer .page, .pkp_page_publication-ethics .page { color: rgb(65, 84, 102); }
.pkp_page_Reviewer .page > p, .pkp_page_Reviewer .page > div, .pkp_page_Reviewer .page > table { margin-bottom: 14px; padding: 17px 20px; border: 1px solid var(--tf-line); border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(15, 118, 110, 0.05) 0px 5px 15px; }
.pkp_page_Reviewer .page table { width: 100%; border-collapse: separate; border-spacing: 0px; }
.pkp_page_Reviewer .page td { padding: 12px; border-bottom: 1px solid rgb(229, 238, 236); }
.pkp_page_Reviewer .page tr:last-child td { border-bottom: 0px; }
.pkp_page_publication-ethics .page > h2:not(:first-child) { margin: 27px 0px 13px; padding: 14px 18px; border-left: 5px solid var(--tf-accent); border-radius: 0px 10px 10px 0px; background: linear-gradient(90deg,var(--tf-soft),#fff); color: var(--tf-primary-dark); font-size: 22px; }
.pkp_page_publication-ethics .page > h3 { margin: 15px 0px 0px; padding: 15px 18px 6px; border-bottom: 0px; border-radius: 12px 12px 0px 0px; background: rgb(247, 251, 250); color: var(--tf-ink); font-size: 17px; }
.pkp_page_publication-ethics .page > h3 + p { margin: 0px 0px 13px; padding: 5px 18px 17px; border-top: 0px; border-radius: 0px 0px 12px 12px; background: rgb(255, 255, 255); line-height: 1.75; }
.pkp_page_publication-ethics .page > p { line-height: 1.75; }
.page_privacy > p { margin: 0px; padding: 25px 27px; border-left: 5px solid var(--tf-primary); border-radius: 14px; background: linear-gradient(135deg, rgb(241, 251, 248), rgb(255, 255, 255)); box-shadow: rgba(15, 118, 110, 0.06) 0px 8px 22px; font-size: 15px; line-height: 1.9; }
.page_contact .contact_section { margin: 0px 0px 18px; padding: 22px 24px; border: 1px solid var(--tf-line); border-radius: 14px; background: rgb(255, 255, 255); box-shadow: rgba(15, 118, 110, 0.06) 0px 7px 20px; }
.page_contact .contact_section h3 { margin: 0px 0px 14px; padding-bottom: 10px; border-bottom: 1px solid var(--tf-line); color: var(--tf-primary-dark); font-size: 19px; }
.page_contact .address { border-left: 5px solid var(--tf-accent); background: linear-gradient(135deg, rgb(255, 250, 240), rgb(255, 255, 255)); }
.page_contact .contact { position: relative; padding-left: 58px; }
.page_contact .contact::before { content: "✉"; position: absolute; left: 0px; top: 0px; display: grid; width: 42px; height: 42px; place-items: center; border-radius: 11px; background: var(--tf-soft); color: var(--tf-primary-dark); font-size: 19px; }
.page_contact .contact .name { color: var(--tf-ink); font-size: 16px; font-weight: 800; }
.page_contact .contact .affiliation { color: var(--tf-muted); }
.page_contact .contact .label { font-weight: 700; }
.page_contact .contact .value a { color: var(--tf-primary); font-weight: 700; }
@media (max-width: 720px) {
  .pkp_page_about.pkp_op_submissions .page_submissions > h1, .pkp_page_about.pkp_op_privacy .page_privacy > h1, .pkp_page_about.pkp_op_contact .page_contact > h1, .pkp_page_Reviewer .page > h2:first-child, .pkp_page_publication-ethics .page > h2:first-child { padding: 20px; font-size: 25px; }
  .page_submissions .submission_checklist, .page_submissions .section_policy, .page_submissions .privacy_statement, .page_contact .contact_section { padding: 18px; }
  .page_contact .contact { padding-left: 0px; }
  .page_contact .contact::before { position: static; margin-bottom: 12px; }
}
.pkp_page_publication-ethics .page > hr { display: none !important; border: 0px !important; margin: 0px !important; }
.pkp_page_publication-ethics .page > p:nth-of-type(2) { margin-top: 18px; padding: 18px 20px; border-radius: 11px; background: rgb(247, 251, 250); color: var(--tf-ink); }
.pkp_page_publication-ethics .page > ul { margin: 0px 0px 22px; padding: 15px 18px 15px 40px; border: 1px solid var(--tf-line); border-radius: 12px; background: rgb(255, 255, 255); }
.pkp_page_publication-ethics .page > ul li { margin: 8px 0px; }
.pkp_page_publication-ethics .page > ul a { color: var(--tf-primary); font-weight: 700; }
.pkp_page_Reviewer .page > ul { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px; margin: 0px; padding: 0px; list-style: none; counter-reset: reviewer 0; }
.pkp_page_Reviewer .page > ul::before { content: "INTERNATIONAL PEER REVIEW BOARD"; grid-column: 1 / -1; margin-bottom: 3px; padding: 15px 18px; border: 1px solid rgb(205, 231, 225); border-radius: 11px; background: linear-gradient(135deg,var(--tf-soft),#fff); color: var(--tf-primary-dark); font-size: 12px; font-weight: 900; letter-spacing: 1.5px; text-align: center; }
.pkp_page_Reviewer .page > ul > li { counter-increment: reviewer 1; position: relative; min-height: 92px; margin: 0px; padding: 18px 17px 17px 65px; border: 1px solid var(--tf-line); border-radius: 14px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(248, 252, 251)); box-shadow: rgba(15, 118, 110, 0.07) 0px 7px 18px; color: var(--tf-muted); font-size: 13px; line-height: 1.65; transition: 0.2s; }
.pkp_page_Reviewer .page > ul > li::before { content: counter(reviewer, decimal-leading-zero); position: absolute; left: 16px; top: 18px; display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; background: linear-gradient(135deg,var(--tf-primary-dark),var(--tf-primary)); color: rgb(255, 255, 255); font-size: 12px; font-weight: 900; box-shadow: rgba(15, 118, 110, 0.2) 0px 5px 12px; }
.pkp_page_Reviewer .page > ul > li::after { content: "VERIFIED REVIEWER"; display: block; margin-top: 9px; color: var(--tf-primary); font-size: 9px; font-weight: 900; letter-spacing: 1.15px; }
.pkp_page_Reviewer .page > ul > li:hover { border-color: rgb(184, 220, 213); box-shadow: rgba(15, 118, 110, 0.12) 0px 12px 26px; transform: translateY(-2px); }
.pkp_page_Reviewer .page > ul > li > a { display: block; margin-bottom: 4px; color: var(--tf-ink); font-size: 15px; font-weight: 800; text-decoration: none; }
@media (max-width: 720px) {
  .pkp_page_Reviewer .page > ul { grid-template-columns: 1fr; }
  .pkp_page_Reviewer .page > ul > li { min-height: auto; }
}
/* Modern TIFANI footer */
.pkp_structure_footer{margin-top:34px!important;border-top:0!important;background:transparent!important}
.pkp_structure_footer .pkp_footer_content{position:relative;display:grid!important;grid-template-columns:72px 1fr!important;align-items:center!important;gap:20px!important;min-height:126px!important;margin:0!important;padding:27px 34px!important;border-radius:18px 18px 0 0!important;background:linear-gradient(135deg,#0b4f4a 0%,#0f766e 58%,#12867c 100%)!important;box-shadow:0 -10px 28px rgba(15,118,110,.13)!important;overflow:hidden!important;color:#fff!important}
.pkp_structure_footer .pkp_footer_content:before{content:"TF";position:relative;z-index:2;display:grid;width:62px;height:62px;place-items:center;border:2px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(255,255,255,.1);box-shadow:0 8px 18px rgba(0,0,0,.15);color:#fff;font-size:22px;font-weight:900;letter-spacing:-1px}
.pkp_structure_footer .pkp_footer_content:after{content:"e-ISSN 2809-008X   •   OPEN ACCESS   •   PEER REVIEWED   •   SINTA 5";position:relative;z-index:2;grid-column:2;display:block;margin-top:-17px;color:#c9f4ed;font-size:10px;font-weight:800;letter-spacing:1.25px}
.pkp_structure_footer .pkp_footer_content p{position:relative;z-index:2;align-self:end;margin:0!important;padding:0!important;background:transparent!important;color:#fff!important;font-size:17px!important;font-weight:800!important;letter-spacing:.15px!important}
.pkp_structure_footer .pkp_footer_content p:after{content:"Journal of Research and Community Engagement";display:block;margin-top:5px;color:#d9f7f2;font-size:12px;font-weight:500;letter-spacing:.25px}
.pkp_structure_footer .pkp_footer_content p:before{content:"";position:absolute;right:-70px;top:-95px;width:250px;height:250px;border:1px solid rgba(255,255,255,.10);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 78px rgba(255,255,255,.025)}
.pkp_structure_footer .pkp_brand_footer{display:none!important}
@media(max-width:720px){.pkp_structure_footer .pkp_footer_content{grid-template-columns:52px 1fr!important;gap:14px!important;min-height:112px!important;padding:23px 20px!important;border-radius:13px 13px 0 0!important}.pkp_structure_footer .pkp_footer_content:before{width:48px;height:48px;font-size:18px}.pkp_structure_footer .pkp_footer_content p{font-size:14px!important}.pkp_structure_footer .pkp_footer_content p:after{font-size:10px}.pkp_structure_footer .pkp_footer_content:after{grid-column:1/-1;margin-top:2px;font-size:8px;line-height:1.5;text-align:center}}

/* Modern TIFANI header refinement */
.pkp_structure_head{position:relative!important;margin:14px 0 0!important;border-radius:20px 20px 0 0!important;background:#fff!important;box-shadow:0 12px 32px rgba(9,74,69,.13)!important;overflow:visible!important;z-index:20!important}
.pkp_head_wrapper{padding:36px 0 0!important}
.pkp_navigation_user_wrapper{min-height:36px!important;padding:0 18px!important;border-radius:20px 20px 0 0!important;background:linear-gradient(100deg,#083f3b 0%,#0b5f58 55%,#0f766e 100%)!important}
.pkp_navigation_user{margin:0!important;padding:0!important}
.pkp_navigation_user>li>a{display:flex!important;align-items:center!important;min-height:36px!important;padding:0 10px!important;color:#e3fbf6!important;font-size:11px!important;font-weight:700!important;letter-spacing:.25px!important;text-decoration:none!important}
.pkp_navigation_user>li>a:hover,.pkp_navigation_user>li>a:focus{background:rgba(255,255,255,.09)!important;color:#fff!important}
.pkp_site_name{margin:0!important;padding:0!important;background:#eef9f7!important;line-height:0!important;overflow:hidden!important}
.pkp_site_name .is_img img{transition:transform .45s ease,filter .45s ease!important;filter:saturate(.97) contrast(1.02)!important}
.pkp_site_name .is_img:hover img{transform:scale(1.006)!important;filter:saturate(1.04) contrast(1.025)!important}
.pkp_navigation_primary_row{position:relative!important;min-height:54px!important;padding:0 14px!important;border-top:1px solid rgba(255,255,255,.13)!important;border-radius:0 0 15px 15px!important;background:linear-gradient(100deg,#0b5a54 0%,#0f766e 58%,#11877d 100%)!important;box-shadow:0 8px 20px rgba(15,118,110,.18)!important}
.pkp_navigation_primary_wrapper{display:flex!important;align-items:center!important;min-height:54px!important}
.pkp_navigation_primary{display:flex!important;align-items:center!important;gap:3px!important;margin:0!important;padding:0!important}
.pkp_navigation_primary>li>a{position:relative!important;display:flex!important;align-items:center!important;min-height:54px!important;padding:0 14px!important;border-radius:9px!important;color:#ecfffb!important;font-size:13px!important;font-weight:750!important;letter-spacing:.05px!important;text-decoration:none!important;transition:background .2s ease,color .2s ease,transform .2s ease!important}
.pkp_navigation_primary>li>a:after{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:2px;border-radius:2px;background:#f5b942;transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.pkp_navigation_primary>li>a:hover,.pkp_navigation_primary>li>a:focus{background:rgba(255,255,255,.10)!important;color:#fff!important;transform:translateY(-1px)!important}
.pkp_navigation_primary>li>a:hover:after,.pkp_navigation_primary>li>a:focus:after{transform:scaleX(1)}
.pkp_navigation_search_wrapper{margin-left:auto!important}
.pkp_search{display:flex!important;align-items:center!important;min-height:36px!important;padding:0 13px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:10px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;font-size:12px!important;font-weight:650!important;transition:background .2s ease,border-color .2s ease!important}
.pkp_search:hover,.pkp_search:focus{border-color:rgba(255,255,255,.48)!important;background:rgba(255,255,255,.16)!important;color:#fff!important}
.pkp_site_nav_menu{border-radius:0 0 15px 15px!important}
@media(max-width:1000px){.pkp_structure_head{margin-top:0!important;border-radius:0!important}.pkp_navigation_user_wrapper{border-radius:0!important}.pkp_navigation_primary_row{border-radius:0!important}.pkp_site_nav_menu{border-radius:0!important}}
@media(max-width:720px){.pkp_head_wrapper{padding-top:32px!important}.pkp_navigation_user_wrapper{min-height:32px!important;padding:0 10px!important}.pkp_navigation_user>li>a{min-height:32px!important;font-size:10px!important}.pkp_navigation_primary_row{min-height:48px!important;padding:0 10px!important}.pkp_site_name{background:#f3fbfa!important}.pkp_site_name .is_img img{min-height:118px!important;object-fit:cover!important;object-position:center!important}}

/* Exact header edge alignment: neutralize OJS centered oversizing */
.pkp_navigation_user_wrapper{left:50%!important;right:auto!important;width:100%!important;max-width:none!important;margin:0!important;transform:translateX(-50%)!important;overflow:hidden!important;-webkit-clip-path:inset(0 round 20px 20px 0 0)!important;clip-path:inset(0 round 20px 20px 0 0)!important}
.pkp_navigation_user{position:static!important;display:flex!important;width:auto!important;max-width:none!important;margin:0!important;justify-content:flex-end!important}
@media(max-width:1000px){.pkp_navigation_user_wrapper{-webkit-clip-path:none!important;clip-path:none!important}}
/* === FIX HEADER MOBILE (<992px) === */
@media (max-width:991px){
  .pkp_structure_head{margin:0!important;border-radius:0!important}
  .pkp_head_wrapper{width:100%!important;padding:0!important}
  .pkp_site_name_wrapper{position:relative!important;height:auto!important;padding:48px 0 0!important;background:linear-gradient(100deg,#083f3b 0%,#0b5f58 55%,#0f766e 100%)!important}
  .pkp_site_name_wrapper::before{content:"MENU";position:absolute;top:0;left:52px;line-height:48px;color:#e3fbf6;font-size:12px;font-weight:800;letter-spacing:1.5px;pointer-events:none}
  .pkp_site_nav_toggle{display:block!important;position:absolute!important;top:0!important;left:0!important;width:48px!important;height:48px!important;box-shadow:none!important;z-index:1001!important;cursor:pointer}
  .pkp_site_name{position:static!important;left:auto!important;right:auto!important;padding:0!important;white-space:normal!important}
  .pkp_site_name .is_img img{min-height:0!important;object-fit:contain!important}
  .pkp_site_nav_menu{top:48px!important;padding:8px 14px 16px!important;background:#0b5f58!important;box-shadow:0 14px 28px rgba(0,0,0,.2)!important}
  .pkp_navigation_primary_row{min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .pkp_navigation_primary_wrapper,.pkp_navigation_primary{display:block!important;min-height:0!important}
  .pkp_navigation_primary li,.pkp_navigation_user li{display:block!important}
  .pkp_navigation_primary>li>a,.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a{display:block!important;min-height:0!important;line-height:42px!important;padding:0 10px!important;border-radius:8px!important;transform:none!important}
  .pkp_navigation_primary>li>a:after{display:none}
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul{position:static!important;display:block!important;padding-left:14px!important;background:transparent!important;box-shadow:none!important;border:0!important}
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul a{line-height:36px!important;font-weight:500!important;opacity:.9}
  .pkp_navigation_search_wrapper{margin:8px 0 0!important;padding-top:8px!important}
  .pkp_navigation_user_wrapper{position:static!important;left:auto!important;transform:none!important;width:auto!important;min-height:0!important;padding:0!important;background:transparent!important;border-radius:0!important;-webkit-clip-path:none!important;clip-path:none!important}
  .pkp_navigation_user{display:block!important;text-align:left!important;background:transparent!important;border:0!important;margin-top:4px!important}
  .pkp_navigation_user>li>a{min-height:40px!important;font-size:13px!important}
}

/* === HALAMAN ARTIKEL (article/view) === */
.page_article .cmp_breadcrumbs ol{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 2px;margin:18px 0 0!important;padding:9px 14px!important;border:1px solid var(--tf-line);border-radius:10px;background:#f6fbfa;font-size:12px;line-height:1.5}
.page_article .cmp_breadcrumbs li{display:inline-flex!important;align-items:center}
.page_article .cmp_breadcrumbs a{color:var(--tf-primary-dark);font-weight:600;text-decoration:none}
.page_article .cmp_breadcrumbs a:hover{text-decoration:underline}
.page_article .cmp_breadcrumbs .separator{margin:0 6px;color:#9fb5b1}
.page_article .cmp_breadcrumbs .current span{color:var(--tf-muted)}

.obj_article_details .page_title{position:relative;margin:18px 0 0!important;padding:28px 28px 24px!important;border:1px solid var(--tf-line);border-bottom:0;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#ecfdf5 0%,#f8fffd 60%,#fff7e6 100%);color:var(--tf-ink)!important;font-size:26px!important;line-height:1.3!important;font-weight:800!important;letter-spacing:-.3px}
.obj_article_details .page_title::after{content:"";display:block;width:58px;height:4px;margin-top:14px;border-radius:4px;background:var(--tf-accent)}
.obj_article_details > .row{margin:0!important;border:1px solid var(--tf-line)!important;border-radius:0 0 16px 16px;background:#fff;box-shadow:var(--tf-shadow);overflow:hidden}

@media (min-width:768px){
  .obj_article_details > .row{display:grid!important;grid-template-columns:minmax(0,1fr) 260px}
  .obj_article_details > .row::before,.obj_article_details > .row::after{display:none!important}
  .obj_article_details .main_entry{float:none!important;width:auto!important;min-width:0;padding-bottom:10px;border-right:1px solid var(--tf-line)!important}
  .obj_article_details .entry_details{float:none!important;width:auto!important;margin:0!important;border-left:0!important}
}
@media (max-width:767px){
  .obj_article_details .entry_details{margin:0!important}
  .obj_article_details .main_entry .item.authors,.obj_article_details .main_entry .item.references,.obj_article_details .entry_details .item{padding-left:14px!important;padding-right:14px!important}
  .obj_article_details .item.keywords,.obj_article_details .item.abstract{margin-left:14px!important;margin-right:14px!important}
}

/* Penulis: daftar ke bawah, gaya minimal */
.obj_article_details .main_entry .item.authors{padding-top:22px!important;padding-bottom:18px!important}
.obj_article_details ul.authors{display:block!important;margin:0!important;padding:2px 0 2px 16px!important;border-left:3px solid var(--tf-primary);list-style:none}
.obj_article_details ul.authors li{margin:0!important;padding:7px 0!important;border-bottom:1px solid #edf4f2;line-height:1.35}
.obj_article_details ul.authors li:last-child{border-bottom:0}
.obj_article_details ul.authors li .name{font-size:15px;font-weight:700;color:var(--tf-ink)}
.obj_article_details ul.authors .affiliation{display:block;margin-top:2px;font-size:12px;color:var(--tf-muted)}
.obj_article_details ul.authors .orcid{display:block;margin-top:3px;font-size:12px}

/* Kata kunci */
.obj_article_details .item.keywords{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:4px 20px!important;padding:13px 16px!important;border-left:4px solid var(--tf-accent);border-radius:0 10px 10px 0;background:#fffaf0}
.obj_article_details .item.keywords .label{display:inline;margin:0!important;color:#9a6408!important;font-size:12px!important;font-weight:800!important;letter-spacing:1px;text-transform:uppercase}
.obj_article_details .item.keywords .value{color:var(--tf-ink);font-size:14px;font-style:italic}

/* Judul bagian */
.obj_article_details .main_entry .item:not(.keywords) > .label{position:relative;margin:0 0 14px!important;padding-bottom:9px;border-bottom:1px solid var(--tf-line);color:var(--tf-primary-dark)!important;font-size:18px!important;font-weight:800!important}
.obj_article_details .main_entry .item:not(.keywords) > .label::after{content:"";position:absolute;left:0;bottom:-1px;width:42px;height:3px;border-radius:3px;background:var(--tf-accent)}

/* Abstrak */
.obj_article_details .item.abstract{margin:14px 20px!important;padding:22px 24px!important;border:1px solid var(--tf-line);border-radius:14px;background:linear-gradient(180deg,#fbfefd,#fff);color:#3c5265;font-size:15px;line-height:1.85;text-align:justify;hyphens:auto}
.obj_article_details .item.abstract p{margin:0 0 12px}

/* Referensi bernomor */
.obj_article_details .item.references .value{counter-reset:tfref}
.obj_article_details .item.references .value p{counter-increment:tfref;position:relative;margin:0 0 8px!important;padding:10px 12px 10px 46px;border-radius:9px;background:#f7fbfa;color:#405569;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.obj_article_details .item.references .value p::before{content:counter(tfref);position:absolute;left:10px;top:10px;display:grid;width:26px;height:22px;place-items:center;border-radius:6px;background:#fff;border:1px solid #d6e9e5;color:var(--tf-primary-dark);font-size:11px;font-weight:800}
.obj_article_details .item.references a{color:var(--tf-primary);font-weight:600}

/* Kolom detail (kanan) */
.obj_article_details .entry_details{background:#fafdfc!important;border-color:var(--tf-line)!important}
.obj_article_details .entry_details .item{border-color:var(--tf-line)!important}
.obj_article_details .cover_image img{display:block;width:100%;border-radius:10px;box-shadow:0 10px 24px rgba(9,74,69,.18);transition:transform .25s ease}
.obj_article_details .cover_image a:hover img{transform:translateY(-3px)}
.obj_article_details .galleys_links{margin:0!important;padding:0!important}
.obj_article_details .galleys_links li{display:block!important;margin:0!important}
.obj_article_details .entry_details .obj_galley_link{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;padding:0 16px!important;border-radius:11px!important;background:linear-gradient(135deg,var(--tf-primary-dark),var(--tf-primary))!important;box-shadow:0 8px 18px rgba(15,118,110,.22);font-size:14px!important;font-weight:800!important;letter-spacing:.3px;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease}
.obj_article_details .entry_details .obj_galley_link{white-space:nowrap}
.obj_article_details .entry_details .obj_galley_link::before{content:"⬇  Download"!important;font-family:inherit!important;margin:0!important;color:#fff!important}
.obj_article_details .entry_details .obj_galley_link:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,118,110,.3)}
.obj_article_details .entry_details .label{color:var(--tf-primary)!important;font-size:11px!important;font-weight:800!important;letter-spacing:1.1px;text-transform:uppercase}
.obj_article_details .published .value{display:inline-block;padding:5px 11px;border-radius:7px;background:var(--tf-soft);color:var(--tf-ink);font-weight:700;font-size:13px}
.obj_article_details .citation_display .csl-entry{padding:12px 13px;border:1px dashed #b9dcd5;border-radius:10px;background:#fff;color:#3c5265;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.obj_article_details .citation_formats{margin-top:0!important;border:0!important;background:none!important}
.obj_article_details .citation_formats_button{width:100%;margin-top:10px;padding:9px 12px!important;border:1px solid var(--tf-primary)!important;border-radius:9px!important;background:#fff!important;color:var(--tf-primary-dark)!important;font-weight:700!important;box-shadow:none!important}
.obj_article_details .citation_formats_button:hover{background:var(--tf-soft)!important}
.obj_article_details .citation_formats_list{border-radius:10px;overflow:hidden}
.obj_article_details .issue .title{color:var(--tf-primary-dark);font-weight:700}

/* Artikel serupa */
.page_article #articlesBySimilarityList{margin-top:30px;padding:22px 24px;border:1px solid var(--tf-line);border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(15,118,110,.06)}
.page_article #articlesBySimilarityList h3{margin:0 0 14px;color:var(--tf-primary-dark);font-size:18px;font-weight:800}
.page_article #articlesBySimilarityList h3 a{color:inherit;text-decoration:none}
.page_article #articlesBySimilarityList ul{margin:0;padding:0;list-style:none}
.page_article #articlesBySimilarityList li{margin:0 0 10px;padding:13px 15px;border-left:4px solid var(--tf-primary);border-radius:0 10px 10px 0;background:#f7fbfa;color:var(--tf-muted);font-size:12px;line-height:1.6}
.page_article #articlesBySimilarityList li a:first-of-type{display:block;margin:4px 0;color:var(--tf-ink);font-size:14px;font-weight:700;text-decoration:none}
.page_article #articlesBySimilarityList li a:first-of-type:hover{color:var(--tf-primary)}
.page_article #articlesBySimilarityList li a+a{color:var(--tf-primary);font-size:11px}

@media (max-width:767px){
  .obj_article_details .page_title{padding:22px 18px 20px!important;font-size:21px!important}
  .obj_article_details .item.abstract{padding:18px!important;font-size:14px;text-align:left}
  .obj_article_details .entry_details{border-top:1px solid var(--tf-line)!important}
  .obj_article_details .cover_image img{max-width:220px;margin:0 auto}
  .page_article #articlesBySimilarityList{padding:18px}
}

/* === BINGKAI HALAMAN: header & footer sejajar, sudut menyatu dengan latar === */
html,body{background:#f4f8f7!important}
.pkp_structure_page{margin:16px auto 28px!important;border-radius:20px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 12px 36px rgba(9,74,69,.12)!important}
.pkp_structure_head{margin:0!important;border-radius:0!important;box-shadow:none!important}
.pkp_head_wrapper{width:100%!important;padding-left:0!important;padding-right:0!important}
.pkp_navigation_user_wrapper{border-radius:0!important;-webkit-clip-path:none!important;clip-path:none!important}
.pkp_navigation_user{background:transparent!important;border-bottom:0!important}
.pkp_navigation_primary_row,.pkp_site_nav_menu{border-radius:0!important}
.pkp_structure_footer_wrapper{margin-top:34px;background:transparent!important}
.pkp_structure_footer{width:100%!important;margin:0!important;padding:0!important}
.pkp_structure_footer .pkp_footer_content{border-radius:0!important;box-shadow:none!important}
@media (max-width:1000px){
  .pkp_structure_page{margin:0 auto!important;border-radius:0!important;box-shadow:none!important}
}
/* banner logo memiliki tepi putih di dalam gambarnya: diperbesar sedikit agar tepi itu terpotong */
.pkp_site_name .is_img img{transform:scale(1.024)!important}
.pkp_site_name .is_img:hover img{transform:scale(1.03)!important}
/* === FIX dropdown menu user (panel) tidak terpotong === */
.pkp_structure_page{overflow:visible!important}
.pkp_navigation_user_wrapper{overflow:visible!important;border-radius:20px 20px 0 0!important;z-index:1000!important}
.pkp_structure_footer_wrapper,.pkp_structure_footer .pkp_footer_content{border-radius:0 0 20px 20px!important}
.pkp_navigation_user_wrapper .pkp_navigation_user>li.profile{background:transparent!important}
.pkp_navigation_user li ul{z-index:1001!important;border-radius:10px!important;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.18)!important}
.pkp_navigation_user li ul a{color:var(--tf-ink)!important;font-size:13px!important;min-height:0!important;padding:8px 14px!important}
.pkp_navigation_user li ul a:hover{background:var(--tf-soft)!important;color:var(--tf-primary-dark)!important}
@media (max-width:1000px){.pkp_navigation_user_wrapper,.pkp_structure_footer_wrapper,.pkp_structure_footer .pkp_footer_content{border-radius:0!important}}
/* === TABLET / iPad (768px–1199px): header, banner & isi selebar layar === */
@media (min-width:768px) and (max-width:1199px){
  .pkp_structure_page{width:auto!important;max-width:none!important}
  .pkp_site_name_wrapper,.pkp_navigation_primary_wrapper,.pkp_structure_footer{width:100%!important}
  .pkp_structure_content{width:100%!important;padding:24px 24px 0!important}
  .pkp_structure_main:before,.pkp_structure_main:after{display:none!important}
  .pkp_structure_main{padding-left:0!important;padding-right:0!important}
}
/* iPad landscape: isi + sidebar berdampingan, lebar mengikuti layar */
@media (min-width:992px) and (max-width:1199px){
  .pkp_structure_page{margin:12px!important}
  .pkp_structure_content.has_sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 280px;column-gap:28px;align-items:start}
  .pkp_structure_content.has_sidebar::before,.pkp_structure_content.has_sidebar::after{display:none!important}
  .pkp_structure_content.has_sidebar .pkp_structure_main{float:none!important;width:auto!important;min-width:0;padding-bottom:60px!important}
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar{float:none!important;width:auto!important;min-width:0}
}
/* iPad portrait: sidebar pindah ke bawah, blok-bloknya dua kolom */
@media (min-width:768px) and (max-width:991px){
  .pkp_structure_main{float:none!important;width:100%!important;padding-bottom:30px!important}
  .pkp_structure_sidebar{float:none!important;width:100%!important;column-count:2;column-gap:16px;padding-bottom:30px}
  .pkp_structure_sidebar>.pkp_block{display:inline-block;width:100%;margin:0 0 16px!important;break-inside:avoid}
  .pkp_structure_sidebar>.block_make_submission{column-span:all;display:block}
}