: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}
}

/* ===== TF UPGRADE 2026-10 : current issue, articles, sidebar, footer ===== */
/* --- Current issue showcase --- */
.pkp_page_index .current_issue{display:grid;grid-template-columns:190px 1fr;column-gap:28px;align-items:start}
.pkp_page_index .current_issue>h2,.pkp_page_index .current_issue>a#homepageIssue{grid-column:1/-1;grid-row:1}
.pkp_page_index .current_issue>a.read_more{grid-column:1/-1;grid-row:6;justify-self:start}
.pkp_page_index .current_issue .obj_issue_toc{display:contents}
.pkp_page_index .current_issue .obj_issue_toc>.heading{display:contents}
.pkp_page_index .current_issue .obj_issue_toc .cover{grid-column:1;grid-row:2/span 2;display:block;margin:0!important;float:none!important;max-width:none!important;border-radius:12px;overflow:hidden;box-shadow:0 14px 30px rgba(17,94,89,.22);transition:.25s;width:190px!important;padding:0!important;border:0!important}
.pkp_page_index .current_issue .obj_issue_toc .cover:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(17,94,89,.28)}
.pkp_page_index .current_issue .obj_issue_toc .cover img{display:block;width:100%;height:auto;max-height:none!important}
.pkp_page_index .current_issue .current_issue_title{grid-column:2;grid-row:2;align-self:end;margin:10px 0 0!important;padding:22px 24px 6px;border:1px solid var(--tf-line);border-bottom:0;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#ecfdf5,#fff);color:var(--tf-ink);font-size:21px;font-weight:800;line-height:1.35}
.pkp_page_index .current_issue .current_issue_title:before{content:"LATEST ISSUE";display:table;margin-bottom:10px;padding:4px 10px;border-radius:20px;background:var(--tf-accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:1.4px}
.pkp_page_index .current_issue .obj_issue_toc .published{grid-column:2;grid-row:3;align-self:start;margin:0!important;padding:6px 24px 22px;border:1px solid var(--tf-line);border-top:0;border-radius:0 0 16px 16px;background:#fff;color:var(--tf-muted);font-size:14px}
.pkp_page_index .current_issue .obj_issue_toc .published .label{font-weight:700;color:var(--tf-primary-dark)}
.pkp_page_index .current_issue .obj_issue_toc .published:after{content:"Peer-reviewed articles in Indonesian, English, and Arabic — free to read and download.";display:block;margin-top:8px;font-size:13px;color:var(--tf-muted)}
.pkp_page_index .current_issue .obj_issue_toc>.sections{grid-column:1/-1;grid-row:5;margin-top:34px!important}
.pkp_page_index .current_issue .sections .section>h3{display:flex;align-items:center;gap:12px;margin:0 0 16px!important;padding:0!important;border:0!important;color:var(--tf-ink)!important;font-size:18px!important;font-weight:800!important;background:none!important}
.pkp_page_index .current_issue .sections .section>h3:after{content:"";flex:1;height:1px;background:var(--tf-line)}
.pkp_page_index .current_issue .section:before,.pkp_page_index .current_issue .section:after{display:none!important}
.pkp_page_index .current_issue .read_more{width:auto!important;display:inline-flex!important;align-items:center;gap:6px;margin-top:8px;padding:10px 18px;border-radius:10px;background:var(--tf-primary);color:#fff!important;font-weight:700;text-decoration:none}
.pkp_page_index .current_issue .read_more:hover{background:var(--tf-primary-dark)}
.pkp_page_index .current_issue .read_more span{color:#fff!important}

/* --- Article cards: compact, numbered --- */
.obj_issue_toc .cmp_article_list{counter-reset:tfart;margin:0!important;padding:0!important}
.obj_issue_toc .cmp_article_list>li{margin:0!important;padding:0!important}
.obj_issue_toc .obj_article_summary{position:relative;display:grid;grid-template-columns:1fr auto;column-gap:18px;align-items:center;margin-bottom:12px!important;padding:16px 18px 16px 62px!important;border-left:4px solid var(--tf-primary)}
.obj_issue_toc .obj_article_summary:before{counter-increment:tfart;content:counter(tfart,decimal-leading-zero);position:absolute;left:16px;top:16px;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--tf-soft);color:var(--tf-primary-dark);font-size:13px;font-weight:800}
.obj_issue_toc .obj_article_summary .title{grid-column:1;margin:0 0 6px!important;font-size:15.5px!important;line-height:1.45!important}
.obj_issue_toc .obj_article_summary .meta{grid-column:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0!important;padding:0!important}
.obj_issue_toc .obj_article_summary .authors{flex-basis:100%;font-size:13px;line-height:1.5}
.obj_issue_toc .obj_article_summary .pages{position:static!important;padding:2px 9px;border-radius:20px;background:#f1f5f4;color:var(--tf-muted);font-size:11.5px;font-weight:700;white-space:nowrap}
.obj_issue_toc .obj_article_summary .pages:before{content:"pp. "}
.obj_issue_toc .obj_article_summary .galleys_links{grid-column:2;grid-row:1/span 2;margin:0!important;padding:0!important}
.obj_issue_toc .obj_article_summary .galleys_links li{margin:0!important}
.obj_issue_toc .obj_article_summary .obj_galley_link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px!important;border:0!important;border-radius:9px!important;background:var(--tf-primary)!important;color:#fff!important;font-size:13px;font-weight:700}
.obj_issue_toc .obj_article_summary .obj_galley_link:hover{background:var(--tf-accent)!important}

/* --- Sidebar --- */
.pkp_structure_sidebar .block_web_feed{display:none!important}
.pkp_structure_sidebar .block_language .content ul{display:flex;gap:6px;margin:0;padding:0;list-style:none}
.pkp_structure_sidebar .block_language .content li{flex:1;margin:0!important;padding:0!important}
.pkp_structure_sidebar .block_language .content a{display:block;padding:8px 4px;border:1px solid var(--tf-line);border-radius:9px;background:#f9fcfb;color:var(--tf-ink);font-size:12.5px;font-weight:700;text-align:center;text-decoration:none;transition:.2s}
.pkp_structure_sidebar .block_language .content a:hover{border-color:var(--tf-primary);color:var(--tf-primary)}
.pkp_structure_sidebar .block_language .content li.current a{background:var(--tf-primary);border-color:var(--tf-primary);color:#fff}
.pkp_structure_sidebar .block_language .locale_en_US a{font-size:0}.pkp_structure_sidebar .block_language .locale_en_US a:after{content:"English";font-size:12.5px}
.pkp_structure_sidebar .block_language .locale_id_ID a{font-size:0}.pkp_structure_sidebar .block_language .locale_id_ID a:after{content:"Indonesia";font-size:12.5px}

#customblock-blog-kanan .tf-side{text-align:center}
#customblock-blog-kanan .tf-partner{padding:18px 14px 14px;border-radius:14px;background:linear-gradient(135deg,#ecfdf5,#fff);border:1px solid var(--tf-line)}
#customblock-blog-kanan .tf-partner img{max-width:96px!important;height:auto;filter:drop-shadow(0 6px 10px rgba(15,118,110,.18))}
#customblock-blog-kanan .tf-partner .tf-partner-label{margin:8px 0 0!important;font-size:12px;color:var(--tf-muted)}
#customblock-blog-kanan .tf-side-title{display:flex;align-items:center;gap:8px;margin:20px 0 10px!important;padding:0!important;color:var(--tf-primary-dark)!important;font-size:11px!important;font-weight:800!important;letter-spacing:1.3px;text-transform:uppercase;background:none!important;border:0!important}
#customblock-blog-kanan .tf-side-title:before,#customblock-blog-kanan .tf-side-title:after{content:"";flex:1;height:1px;background:var(--tf-line)}
#customblock-blog-kanan .tf-logos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#customblock-blog-kanan .tf-logos-1{grid-template-columns:1fr}
#customblock-blog-kanan .tf-logos a{display:flex;align-items:center;justify-content:center;height:52px;padding:8px 10px;border:1px solid #e4edeb;border-radius:10px;background:#fff;transition:.2s}
#customblock-blog-kanan .tf-logos-1 a{height:54px}
#customblock-blog-kanan .tf-logos a:hover{border-color:#bfded8;background:var(--tf-soft);transform:translateY(-1px)}
#customblock-blog-kanan .tf-logos a:last-child:nth-child(odd){grid-column:1/-1}
#customblock-blog-kanan .tf-logos img{max-width:100%!important;max-height:32px!important;width:auto!important;height:auto!important;object-fit:contain}
#customblock-blog-kanan .tf-logos-1 img{max-height:36px!important;max-width:170px!important}
#customblock-blog-kanan .tf-help{margin-top:20px;padding:16px;border-radius:14px;background:#f0fdf4;border:1px solid #c7f0d6}
#customblock-blog-kanan .tf-help-text{margin:0 0 10px!important;font-size:13px;font-weight:700;color:var(--tf-ink)}
#customblock-blog-kanan .tf-wa{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:10px;background:#25d366;color:#fff!important;font-weight:700;text-decoration:none;transition:.2s}
#customblock-blog-kanan .tf-wa:before{content:"\f232";font-family:FontAwesome;font-size:18px;font-weight:400}
#customblock-blog-kanan .tf-wa:hover{background:#1ebe5b}

/* --- Footer (new HTML; neutralise old pseudo-element footer) --- */
.pkp_structure_footer .pkp_footer_content{display:block!important;min-height:0!important;padding:0!important;background:linear-gradient(135deg,#0b4f4a,#0f766e)!important;overflow:hidden}
.pkp_structure_footer .pkp_footer_content:before,.pkp_structure_footer .pkp_footer_content:after,.pkp_structure_footer .pkp_footer_content p:before,.pkp_structure_footer .pkp_footer_content p:after{content:none!important;display:none!important}
.pkp_structure_footer .pkp_footer_content p{font-size:inherit!important;font-weight:inherit!important;color:inherit!important;letter-spacing:normal!important;align-self:auto!important}
.tf-footer{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:30px;padding:38px 36px 0;color:#d9f7f2;font-size:13.5px;line-height:1.6}
.tf-footer a{color:#e6fbf7!important;text-decoration:none}
.tf-footer a:hover{color:#fcd34d!important}
.tf-f-brand{display:flex;gap:16px;align-items:flex-start}
.tf-f-logo{flex:none;display:grid;place-items:center;width:58px;height:58px;border:2px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:20px;font-weight:900}
.tf-f-name strong{display:block;color:#fff;font-size:15.5px;line-height:1.35}
.tf-f-sub{display:block;margin-top:3px;color:#a7eadf;font-size:12px}
.tf-footer .tf-f-desc{margin:12px 0!important;color:#cdeee8!important;font-size:12.5px!important}
.tf-footer .tf-f-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0!important}
.tf-f-badges span{padding:3px 9px;border:1px solid rgba(255,255,255,.28);border-radius:20px;color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.5px}
.tf-f-col h4{position:relative;margin:4px 0 14px!important;padding-bottom:9px;color:#fff!important;font-size:13px!important;font-weight:800!important;letter-spacing:1.2px;text-transform:uppercase}
.tf-f-col h4:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;border-radius:3px;background:var(--tf-accent)}
.tf-f-col ul{margin:0;padding:0;list-style:none}
.tf-f-col li{margin:0 0 7px}
.tf-f-contact li{word-break:break-word}
.tf-f-bottom{grid-column:1/-1;margin-top:8px;padding:16px 0 18px;border-top:1px solid rgba(255,255,255,.15);color:#a7eadf;font-size:12px;text-align:center}
@media(max-width:900px){.tf-footer{grid-template-columns:1fr 1fr;padding:30px 22px 0}.tf-f-brand{grid-column:1/-1}}
@media(max-width:560px){.tf-footer{grid-template-columns:1fr;gap:22px}
.pkp_page_index .current_issue{grid-template-columns:1fr}
.pkp_page_index .current_issue .obj_issue_toc .cover{grid-column:1;grid-row:2;width:180px!important;margin:6px auto 16px!important}
.pkp_page_index .current_issue .current_issue_title{grid-column:1;grid-row:3}.pkp_page_index .current_issue .obj_issue_toc .published{grid-column:1;grid-row:4}.pkp_page_index .current_issue .obj_issue_toc>.sections{grid-column:1;grid-row:5}.pkp_page_index .current_issue>a.read_more{grid-column:1;grid-row:6}
.obj_issue_toc .obj_article_summary{grid-template-columns:1fr;padding:14px 14px 14px 56px!important}
.obj_issue_toc .obj_article_summary .galleys_links{grid-column:1;grid-row:auto;margin-top:10px!important}}

/* ===== TF CONTACT PAGE 2026-10 ===== */
.page_contact .contact_section{display:grid!important;grid-template-columns:1fr 1fr;gap:18px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.page_contact .contact_section:before,.page_contact .contact_section:after{display:none!important}
.page_contact .contact_section .address{grid-column:1/-1;position:relative;margin:0!important;padding:24px 26px 24px 90px!important;border:0!important;border-radius:16px!important;background:linear-gradient(135deg,#0b4f4a,#0f766e)!important;box-shadow:0 12px 30px rgba(15,118,110,.18)!important;color:#d9f7f2!important;font-size:14px;line-height:1.7}
.page_contact .contact_section .address:after{display:none!important}
.page_contact .contact_section .address:before{content:"\f041"!important;font-family:FontAwesome!important;position:absolute;left:26px;top:26px;width:46px;height:46px;display:grid!important;place-items:center;border-radius:12px;background:rgba(255,255,255,.14)!important;color:#fcd34d!important;font-size:22px;border:0!important}
.page_contact .contact_section .address strong{display:inline;color:#fff;font-size:17px}
.page_contact .contact_section .address a{display:inline-flex;align-items:center;gap:7px;margin:14px 6px 0 0;padding:9px 15px;border-radius:10px;background:#fff;color:var(--tf-primary-dark)!important;font-size:13px;font-weight:800;line-height:1.2;text-decoration:none!important;transition:.2s}
.page_contact .contact_section .address a:before{font-family:FontAwesome;font-weight:400;font-size:16px;content:"\f0e0"}
.page_contact .contact_section .address a[href*="wa.me"]{background:#25d366;color:#fff!important}
.page_contact .contact_section .address a[href*="wa.me"]:before{content:"\f232"}
.page_contact .contact_section .address a[href*="maps"]:before{content:"\f279"}
.page_contact .contact_section .address a:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.15)}
.page_contact .contact_section .contact{position:relative;float:none!important;width:auto!important;margin:0!important;padding:22px 22px 20px!important;border:1px solid var(--tf-line)!important;border-top:4px solid var(--tf-primary)!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--tf-shadow)!important}
.page_contact .contact_section .contact.support{border-top-color:var(--tf-accent)!important}
.page_contact .contact_section .contact h3{margin:0 0 14px!important;padding:0 0 10px!important;border-bottom:1px solid var(--tf-line)!important;color:var(--tf-primary-dark)!important;font-size:12px!important;font-weight:800!important;letter-spacing:1.3px;text-transform:uppercase}
.page_contact .contact_section .contact .name{color:var(--tf-ink);font-size:17px;font-weight:800}
.page_contact .contact_section .contact .affiliation{margin-top:2px;color:var(--tf-muted);font-size:13.5px}
.page_contact .contact_section .contact .phone{margin-top:14px;font-size:14px}
.page_contact .contact_section .contact .phone .label,.page_contact .contact_section .contact .email:before{display:block;color:var(--tf-muted);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.page_contact .contact_section .contact .email{margin-top:10px;font-size:14px}
.page_contact .contact_section .contact .email:before{content:"Email"}
.page_contact .contact_section .contact .email a{font-weight:700}
@media(max-width:700px){.page_contact .contact_section{grid-template-columns:1fr}.page_contact .contact_section .address{padding:84px 20px 22px!important}.page_contact .contact_section .address:before{left:20px;top:22px}}
.page_contact .contact_section .contact::before{display:none!important;content:none!important}

/* ===== TF ARCHIVE PAGE 2026-10 ===== */
.pkp_page_issue.pkp_op_archive .page_issue_archive>h1{position:relative;margin:0 0 26px!important;padding:24px 26px 20px!important;border:0!important;border-radius:15px;background:linear-gradient(135deg,var(--tf-primary-dark),var(--tf-primary));color:#fff!important;font-size:30px;box-shadow:0 10px 25px rgba(15,118,110,.14)}
.pkp_page_issue.pkp_op_archive .page_issue_archive>h1:after{content:"All published issues of Tifani — open access, free to read and download.";display:block;margin-top:8px;padding-top:12px;border-top:4px solid var(--tf-accent);width:max-content;max-width:100%;color:#d9f7f2;font-size:14px;font-weight:500;border-image:linear-gradient(90deg,var(--tf-accent) 58px,transparent 58px) 1}
.page_issue_archive .issues_archive{border:0!important;display:grid!important;grid-template-columns:repeat(3,1fr);gap:22px;margin:0!important;padding:0!important;list-style:none;counter-reset:none}
.page_issue_archive .issues_archive>li{margin:0!important;padding:0!important;border:0!important;background:none!important}
.page_issue_archive .issues_archive>li:before,.page_issue_archive .issues_archive>li:after{display:none!important}
.page_issue_archive .obj_issue_summary{position:relative;display:flex;flex-direction:column;height:100%;margin:0!important;padding:0!important;border:1px solid var(--tf-line)!important;border-radius:14px;background:#fff!important;box-shadow:0 6px 18px rgba(15,118,110,.07);overflow:hidden;transition:.25s}
.page_issue_archive .obj_issue_summary:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(15,118,110,.16);border-color:#bfded8!important}
.page_issue_archive .obj_issue_summary:after{display:none!important}
.page_issue_archive .obj_issue_summary .cover{display:block;float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:16px 16px 0!important;background:linear-gradient(160deg,#ecfdf5,#f8fbfa)}
.page_issue_archive .obj_issue_summary .cover img{display:block;width:100%;max-width:none!important;max-height:none!important;height:auto;aspect-ratio:456/640;object-fit:cover;border-radius:8px 8px 0 0;box-shadow:0 -2px 14px rgba(17,94,89,.18)}
.page_issue_archive .obj_issue_summary h2{display:flex;flex-direction:column-reverse;gap:4px;margin:0!important;padding:16px 18px 18px!important;border-top:3px solid var(--tf-primary);font-size:inherit!important}
.page_issue_archive .obj_issue_summary .series{color:var(--tf-ink)!important;font-size:18px!important;font-weight:800!important;line-height:1.3}
.page_issue_archive .obj_issue_summary h2 .title{color:var(--tf-muted)!important;font-size:12px!important;font-weight:600!important;line-height:1.45;text-decoration:none}
.page_issue_archive .obj_issue_summary h2 .title:after{content:"";position:absolute;inset:0;z-index:1}
.page_issue_archive .obj_issue_summary h2 .title:before{content:"View issue \2192";order:-1;display:none}
.page_issue_archive .obj_issue_summary .description{display:none}
.page_issue_archive .issues_archive>li:first-child .obj_issue_summary{border-color:var(--tf-accent)!important}
.page_issue_archive .issues_archive>li:first-child .obj_issue_summary h2{border-top-color:var(--tf-accent)}
.page_issue_archive .issues_archive>li:first-child .obj_issue_summary:before{content:"LATEST";position:absolute;top:26px;right:26px;z-index:2;padding:4px 10px;border-radius:20px;background:var(--tf-accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:1.3px;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.page_issue_archive .cmp_pagination{margin-top:26px}
@media(max-width:900px){.page_issue_archive .issues_archive{grid-template-columns:repeat(2,1fr);gap:14px}.page_issue_archive .obj_issue_summary .series{font-size:15px!important}.page_issue_archive .obj_issue_summary h2{padding:12px 13px 14px!important}.page_issue_archive .obj_issue_summary .cover{padding:10px 10px 0!important}}
@media(max-width:560px){.pkp_page_issue.pkp_op_archive .page_issue_archive>h1{padding:20px!important;font-size:25px}.pkp_page_issue.pkp_op_archive .page_issue_archive>h1:after{width:auto}}

/* ===== TF ISSUE + ARTICLE PAGES 2026-10 ===== */
/* Issue view */
.pkp_page_issue.pkp_op_view .page_issue>h1{position:relative;margin:18px 0 22px!important;padding:24px 26px 20px!important;border:0!important;border-radius:15px;background:linear-gradient(135deg,var(--tf-primary-dark),var(--tf-primary));color:#fff!important;font-size:24px!important;line-height:1.35;box-shadow:0 10px 25px rgba(15,118,110,.14)}
.pkp_page_issue.pkp_op_view .page_issue>h1:before{content:"ISSUE";display:table;margin-bottom:10px;padding:4px 10px;border-radius:20px;background:var(--tf-accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:1.4px}
.pkp_page_issue.pkp_op_view .page_issue>h1:after{content:"";display:block;width:58px;height:4px;margin-top:12px;border-radius:4px;background:var(--tf-accent)}
.pkp_page_issue.pkp_op_view .obj_issue_toc>.heading{display:grid!important;grid-template-columns:170px 1fr;gap:26px;align-items:center;margin:0 0 30px!important;padding:22px!important;border:1px solid var(--tf-line);border-radius:16px;background:linear-gradient(135deg,#ecfdf5,#fff 60%)}
.pkp_page_issue.pkp_op_view .obj_issue_toc>.heading:before,.pkp_page_issue.pkp_op_view .obj_issue_toc>.heading:after{display:none!important}
.pkp_page_issue.pkp_op_view .obj_issue_toc .heading .cover{float:none!important;width:170px!important;max-width:none!important;margin:0!important;padding:0!important;border-radius:10px;overflow:hidden;box-shadow:0 14px 28px rgba(17,94,89,.22)}
.pkp_page_issue.pkp_op_view .obj_issue_toc .heading .cover img{display:block;width:100%;height:auto;max-height:none!important}
.pkp_page_issue.pkp_op_view .obj_issue_toc .heading .published{margin:0!important;padding:0!important;font-size:15px;color:var(--tf-muted)}
.pkp_page_issue.pkp_op_view .obj_issue_toc .heading .published .label{font-weight:800;color:var(--tf-primary-dark)}
.pkp_page_issue.pkp_op_view .obj_issue_toc .heading .published:before{content:"Tifani : Jurnal Penelitian dan Pengabdian Kepada Masyarakat";display:block;margin-bottom:8px;color:var(--tf-ink);font-size:19px;font-weight:800;line-height:1.35}
.pkp_page_issue.pkp_op_view .obj_issue_toc .heading .published:after{content:"Open access \2022  Peer reviewed \2022  e-ISSN 2809-008X";display:block;margin-top:12px;padding-top:12px;border-top:1px solid var(--tf-line);color:var(--tf-primary-dark);font-size:12px;font-weight:800;letter-spacing:.6px}
.pkp_page_issue.pkp_op_view .obj_issue_toc .section>h2{display:flex;align-items:center;gap:12px;margin:0 0 16px!important;padding:0!important;border:0!important;background:none!important;color:var(--tf-ink)!important;font-size:18px!important;font-weight:800!important}
.pkp_page_issue.pkp_op_view .obj_issue_toc .section>h2:after{content:"";flex:1;height:1px;background:var(--tf-line)}
.pkp_page_issue.pkp_op_view .obj_issue_toc .section:before,.pkp_page_issue.pkp_op_view .obj_issue_toc .section:after{display:none!important}
.pkp_page_issue.pkp_op_view .obj_article_summary .title{margin:0 0 6px!important;font-size:15.5px!important;line-height:1.45!important}
@media(max-width:560px){.pkp_page_issue.pkp_op_view .obj_issue_toc>.heading{grid-template-columns:1fr;text-align:center}.pkp_page_issue.pkp_op_view .obj_issue_toc .heading .cover{width:160px!important;margin:0 auto!important}.pkp_page_issue.pkp_op_view .page_issue>h1{font-size:20px!important;padding:20px!important}}

/* Article: authors as compact cards */
.obj_article_details ul.authors{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;padding:0!important;border-left:0!important}
.obj_article_details ul.authors li{display:flex;align-items:center;gap:10px;padding:9px 12px!important;border:1px solid #e4edeb!important;border-radius:10px;background:#fbfdfc}
.obj_article_details ul.authors li:before{content:"\f007";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--tf-soft);color:var(--tf-primary);font-family:FontAwesome;font-size:14px}
.obj_article_details ul.authors li .name{font-size:14px!important}
@media(max-width:700px){.obj_article_details ul.authors{grid-template-columns:1fr}}

/* Article: similar articles + same author lists */
#articlesBySimilarityList h3,#articlesBySameAuthorList h3{display:flex;align-items:center;gap:12px;margin:0 0 14px!important;color:var(--tf-ink)!important;font-size:17px!important;font-weight:800!important}
#articlesBySimilarityList h3:after,#articlesBySameAuthorList h3:after{content:"";flex:1;height:1px;background:var(--tf-line)}
#articlesBySimilarityList ul,#articlesBySameAuthorList ul{margin:0!important;padding:0!important;list-style:none}
#articlesBySimilarityList li,#articlesBySameAuthorList li{display:flex;flex-direction:column;margin:0 0 10px!important;padding:12px 16px!important;border:1px solid var(--tf-line)!important;border-left:4px solid var(--tf-primary)!important;border-radius:10px;background:#fff!important;color:var(--tf-muted);font-size:12px;line-height:1.5}
#articlesBySimilarityList li a:first-of-type,#articlesBySameAuthorList li a:first-of-type{order:-1;margin-bottom:4px;color:var(--tf-ink)!important;font-size:14.5px;font-weight:800;line-height:1.4;text-decoration:none}
#articlesBySimilarityList li a:first-of-type:hover,#articlesBySameAuthorList li a:first-of-type:hover{color:var(--tf-primary)!important}
#articlesBySimilarityList li a:last-of-type:not(:first-of-type),#articlesBySameAuthorList li a:last-of-type:not(:first-of-type){display:block;max-width:100%;margin-top:4px;overflow:hidden;color:var(--tf-primary)!important;font-size:11.5px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;text-decoration:none}
#articlesBySameAuthorList{margin-top:26px}

/* ===== TF SHARE BUTTONS 2026-10 (used by footer script) ===== */
.obj_article_details .entry_details .tf-share{padding:18px 20px!important;border-bottom:1px solid var(--tf-line)}
.tf-share .label{margin:0 0 10px!important}
.tf-share-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.tf-s{display:grid;place-items:center;height:40px;padding:0;border:0;border-radius:10px;color:#fff!important;font-size:0;text-decoration:none!important;cursor:pointer;transition:.2s}
.tf-s:before{font-family:FontAwesome;font-size:18px;line-height:1}
.tf-s:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.18);filter:brightness(1.05)}
.tf-s-wa{background:#25d366}.tf-s-wa:before{content:"\f232"}
.tf-s-fb{background:#1877f2}.tf-s-fb:before{content:"\f09a"}
.tf-s-x{background:#111}.tf-s-x:before{content:"\1D54F";font-family:Arial,sans-serif;font-weight:700;font-size:17px}
.tf-s-in{background:#0a66c2}.tf-s-in:before{content:"\f0e1"}
.tf-s-tg{background:#229ed9}.tf-s-tg:before{content:"\f2c6"}
.tf-s-em{background:#64748b}.tf-s-em:before{content:"\f0e0"}
.tf-s-copy{background:var(--tf-accent)}.tf-s-copy:before{content:"\f0c1"}
.tf-s-copy.ok{background:var(--tf-primary)}.tf-s-copy.ok:before{content:"\f00c"}
.tf-s-native{display:block;width:100%;margin-top:8px;padding:9px 12px;border:1px solid var(--tf-primary);border-radius:9px;background:#fff;color:var(--tf-primary-dark);font-size:13px;font-weight:700;cursor:pointer}
.tf-s-native:hover{background:var(--tf-soft)}

/* ===== TF INFO PAGES 2026-10 (APC, Indexing, Peer Review, Plagiarism, Open Access) ===== */
.pkp_structure_main .page:has(>.tf-page)>h2:first-child{position:relative;margin:18px 0 22px!important;padding:24px 26px 20px!important;border:0!important;border-radius:15px;background:linear-gradient(135deg,var(--tf-primary-dark),var(--tf-primary));color:#fff!important;font-size:28px!important;line-height:1.3;box-shadow:0 10px 25px rgba(15,118,110,.14)}
.pkp_structure_main .page:has(>.tf-page)>h2:first-child:after{content:"";display:block;width:58px;height:4px;margin-top:12px;border-radius:4px;background:var(--tf-accent)}
.tf-page{color:var(--tf-ink);font-size:15px;line-height:1.75}
.tf-page .tf-lead{margin:0 0 22px!important;padding:18px 22px;border-left:5px solid var(--tf-accent);border-radius:0 12px 12px 0;background:linear-gradient(135deg,#fffaf0,#fff);font-size:16px}
.tf-page h3{position:relative;margin:30px 0 14px!important;padding-bottom:9px;border-bottom:1px solid var(--tf-line);color:var(--tf-primary-dark)!important;font-size:19px!important;font-weight:800!important}
.tf-page h3:after{content:"";position:absolute;left:0;bottom:-1px;width:42px;height:3px;border-radius:3px;background:var(--tf-accent)}
.tf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 8px}
.tf-stat{padding:18px 16px;border:1px solid var(--tf-line);border-radius:14px;background:#fff;text-align:center;box-shadow:0 6px 16px rgba(15,118,110,.06)}
.tf-stat strong{display:block;color:var(--tf-primary-dark);font-size:22px;font-weight:900;line-height:1.2}
.tf-stat span{display:block;margin-top:6px;color:var(--tf-muted);font-size:12.5px;line-height:1.4}
.tf-stat-accent{border-color:var(--tf-accent);background:linear-gradient(135deg,#fffaf0,#fff)}
.tf-stat-accent strong{color:#b45309}
.tf-page ul.tf-check{display:block!important;margin:0!important;padding:0!important;list-style:none}
.tf-page ul.tf-check li{position:relative;margin:0 0 8px;padding:10px 14px 10px 46px;border:1px solid #e4edeb;border-radius:10px;background:#fbfdfc}
.tf-page ul.tf-check li:before{content:"\f00c";position:absolute;left:14px;top:11px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--tf-primary);color:#fff;font-family:FontAwesome;font-size:11px}
.tf-page ol.tf-steps{display:block!important;columns:auto!important;margin:0!important;padding:0!important;list-style:none;counter-reset:tfstep}
.tf-page ol.tf-steps li{display:block!important;width:auto!important;float:none!important;position:relative;margin:0 0 10px;padding:12px 16px 12px 62px;border:1px solid var(--tf-line);border-radius:12px;background:#fff;counter-increment:tfstep}
.tf-page ol.tf-steps li:before{content:counter(tfstep,decimal-leading-zero);position:absolute;left:14px;top:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--tf-soft);color:var(--tf-primary-dark);font-size:13px;font-weight:900}
.tf-page ol.tf-steps strong{color:var(--tf-primary-dark)}
.tf-page .tf-note{margin-top:24px;padding:14px 18px;border-radius:12px;background:var(--tf-soft);border:1px solid #c9ebe4;font-size:14px}
.tf-page a{color:var(--tf-primary);font-weight:700}
.tf-index-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.tf-index-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 18px;border:1px solid var(--tf-line);border-radius:14px;background:#fff;text-align:center;text-decoration:none!important;color:var(--tf-ink)!important;font-weight:400!important;box-shadow:0 6px 16px rgba(15,118,110,.06);transition:.2s}
a.tf-index-card:hover{transform:translateY(-3px);border-color:#bfded8;box-shadow:0 14px 28px rgba(15,118,110,.14)}
.tf-index-card img{height:56px;width:auto;max-width:190px;object-fit:contain}
.tf-index-card strong{font-size:16px;color:var(--tf-primary-dark)}
.tf-index-card span{font-size:12.5px;color:var(--tf-muted);line-height:1.45}
@media(max-width:560px){.tf-index-grid{grid-template-columns:1fr}.pkp_structure_main .page:has(>.tf-page)>h2:first-child{font-size:22px!important;padding:20px!important}}

/* ===== TF READABILITY 2026-10 : larger base text ===== */
body,.pkp_structure_page{font-size:16px!important}
.pkp_structure_main p,.pkp_structure_main li,.homepage_about p,.page p{font-size:16px;line-height:1.75}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a{font-size:14.5px!important}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a{font-size:14px!important}
.pkp_navigation_user>li>a{font-size:13.5px!important}
.obj_issue_toc .obj_article_summary .title,.obj_article_summary .title{font-size:17px!important}
.obj_issue_toc .obj_article_summary .authors,.obj_article_summary .authors{font-size:14px!important}
.obj_issue_toc .obj_article_summary .pages{font-size:12.5px!important}
.obj_issue_toc .obj_article_summary .obj_galley_link{font-size:14px!important}
.pkp_structure_sidebar,.pkp_structure_sidebar a,.pkp_structure_sidebar p{font-size:14.5px}
.pkp_structure_sidebar .pkp_block .title{font-size:17px!important}
.obj_article_details .item.abstract,.obj_article_details .item.abstract p{font-size:16.5px!important;line-height:1.8!important}
.obj_article_details .item.references .value p{font-size:14.5px!important}
.obj_article_details ul.authors li .name{font-size:15px!important}
.obj_article_details .item.keywords .value{font-size:15px!important}
.obj_article_details .citation_display .csl-entry{font-size:13.5px!important}
.tf-page{font-size:16px}
.tf-footer{font-size:14.5px}
.tf-footer .tf-f-desc{font-size:13.5px!important}
.page_contact .contact_section .address{font-size:15px}
.pkp_page_index .homepage_about p{font-size:16px!important}

/* ===== TF ANNOUNCEMENTS + LICENSE 2026-10 ===== */
.pkp_page_index .cmp_announcements{position:relative;margin:0 0 36px!important;padding:0!important;border:2px solid var(--tf-accent)!important;border-radius:18px;background:linear-gradient(135deg,#fffaf0,#fff 55%)!important;box-shadow:0 12px 30px rgba(245,158,11,.14);overflow:hidden}
.pkp_page_index .cmp_announcements>h2{display:block!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;margin:0!important;padding:12px 24px!important;background:linear-gradient(90deg,#d97706,var(--tf-accent))!important;color:#fff!important;font-size:13px!important;font-weight:800!important;letter-spacing:1.6px;text-transform:uppercase;border:0!important}
.pkp_page_index .cmp_announcements>h2:before{content:"\f0a1";font-family:FontAwesome;margin-right:9px;font-weight:400}
.pkp_page_index .cmp_announcements>h2:after{display:none!important}
.pkp_page_index .cmp_announcements .obj_announcement_summary{float:none!important;width:auto!important;margin:0!important;padding:22px 26px 24px!important;border:0!important}
.cmp_announcements .obj_announcement_summary h3,.cmp_announcements .obj_announcement_summary h2{margin:0 0 6px!important;font-size:21px!important;font-weight:800!important;line-height:1.35}
.cmp_announcements .obj_announcement_summary h3 a,.cmp_announcements .obj_announcement_summary h2 a{color:var(--tf-ink)!important;text-decoration:none}
.cmp_announcements .obj_announcement_summary h3 a:hover,.cmp_announcements .obj_announcement_summary h2 a:hover{color:var(--tf-primary)!important}
.cmp_announcements .obj_announcement_summary .date{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;color:var(--tf-muted);font-size:13px;font-weight:700}
.cmp_announcements .obj_announcement_summary .date:before{content:"\f073";font-family:FontAwesome;font-weight:400;color:var(--tf-accent)}
.cmp_announcements .obj_announcement_summary .summary p{margin:0 0 14px!important}
.cmp_announcements .obj_announcement_summary .summary strong{color:#b45309}
.cmp_announcements .obj_announcement_summary .read_more{display:inline-flex!important;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;background:var(--tf-primary);color:#fff!important;font-weight:800;font-size:14px;text-decoration:none}
.cmp_announcements .obj_announcement_summary .read_more:hover{background:var(--tf-accent)}
.cmp_announcements .obj_announcement_summary .read_more span{color:#fff!important}
.cmp_announcements .obj_announcement_summary .read_more:after{display:none}
/* announcements list page */
.page_announcements>h1,.pkp_page_announcement.pkp_op_view .pkp_structure_main h1:not(.pkp_screen_reader){position:relative;margin:18px 0 22px!important;padding:24px 26px 20px!important;border:0!important;border-radius:15px;background:linear-gradient(135deg,var(--tf-primary-dark),var(--tf-primary));color:#fff!important;font-size:28px!important;line-height:1.3;box-shadow:0 10px 25px rgba(15,118,110,.14)}
.page_announcements>h1:after,.pkp_page_announcement.pkp_op_view .pkp_structure_main h1:not(.pkp_screen_reader):after{content:"";display:block;width:58px;height:4px;margin-top:12px;border-radius:4px;background:var(--tf-accent)}
.page_announcements>p{margin:0 0 18px!important;color:var(--tf-muted)}
.page_announcements .cmp_announcements{margin:0!important;padding:0!important;list-style:none}
.page_announcements .cmp_announcements>li{margin:0 0 16px!important;padding:0!important;border:0!important}
.page_announcements .obj_announcement_summary{padding:22px 24px!important;border:1px solid var(--tf-line)!important;border-left:5px solid var(--tf-accent)!important;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(15,118,110,.07)}
.pkp_page_announcement.pkp_op_view .pkp_structure_main .date{display:inline-block;margin-bottom:14px;padding:4px 12px;border-radius:20px;background:#fff7e6;color:#b45309;font-size:13px;font-weight:800}
.pkp_page_announcement.pkp_op_view .pkp_structure_main .description{padding:24px 26px;border:1px solid var(--tf-line);border-radius:14px;background:#fff;box-shadow:var(--tf-shadow)}
.pkp_page_announcement.pkp_op_view .pkp_structure_main .description strong{color:var(--tf-primary-dark)}
.pkp_page_announcement.pkp_op_view .pkp_structure_main .description a{color:var(--tf-primary);font-weight:700}
/* license */
.tf-license{display:flex;align-items:center;gap:16px;margin:0 0 20px;padding:16px 20px;border:1px solid var(--tf-line);border-radius:12px;background:#fff}
.tf-license img{flex:none;width:88px;height:31px}
.tf-license span{font-size:14px;color:var(--tf-muted)}
.tf-f-license{display:inline-block;vertical-align:middle;margin-right:6px}
.tf-f-license img{display:block;width:88px;height:31px;border-radius:3px}
.tf-f-bottom{line-height:2}
.obj_article_details .item.copyright{padding:18px 20px!important;font-size:13px;line-height:1.6;color:var(--tf-muted)}
.obj_article_details .item.copyright img{margin-bottom:8px}
@media(max-width:560px){.tf-license{flex-direction:column;align-items:flex-start}.pkp_page_index .cmp_announcements .obj_announcement_summary{padding:18px!important}}
.pkp_page_index .cmp_announcements:before,.pkp_page_index .cmp_announcements:after,.pkp_page_index .cmp_announcements .obj_announcement_summary:after{display:none!important}