/* IJES : Indonesian Journal of Environmental Sustainability - journal stylesheet v16 (2026-10-27), OJS 3.5 default theme. Palette from the journal logo; icons use Font Awesome 4.7 loaded by OJS. */
:root{--ij-primary:#06395A;--ij-primary-800:#052E49;--ij-primary-700:#0A4A73;--ij-primary-50:#EAF1F6;--ij-secondary:#0B6B35;--ij-secondary-50:#E7F3EC;--ij-accent:#F7C92C;--ij-accent-text:#9A6B00;--ij-olive:#83962D;--ij-danger:#9B2C2C;--ij-ink:#1F2933;--ij-muted:#4F5F7B;--ij-line:#D9E2EA;--ij-surface:#F7F9FA;--ij-radius:8px}
body{color:var(--ij-ink);background:var(--ij-surface)}
.pkp_structure_page{background:#fff}
a{color:var(--ij-primary-700)}
a:hover,a:focus{color:var(--ij-secondary)}
.pkp_structure_main h1,.pkp_structure_main h2{color:var(--ij-primary)}
.pkp_structure_main .page>h1,.pkp_structure_main h1.page_title{border-bottom:3px solid var(--ij-line);padding-bottom:.4rem;position:relative}
.pkp_structure_main .page>h1::after{content:"";position:absolute;left:0;bottom:-3px;width:72px;height:3px;background:var(--ij-accent)}
:focus-visible{outline:3px solid var(--ij-accent);outline-offset:2px}
.pkp_structure_head{background:var(--ij-primary);border-bottom:4px solid var(--ij-accent)}
.pkp_navigation_primary_row{background:var(--ij-primary-800)}
#navigationPrimary>li>a{color:#fff;font-weight:600;border-bottom:3px solid transparent;padding-bottom:.35rem}
#navigationPrimary>li>a:hover,#navigationPrimary>li>a:focus,#navigationPrimary>li.current>a{color:#fff;border-bottom-color:var(--ij-accent)}
#navigationPrimary ul{background:#fff;border-top:3px solid var(--ij-accent);border-radius:0 0 var(--ij-radius) var(--ij-radius);box-shadow:0 8px 20px rgba(6,57,90,.18);min-width:15rem}
#navigationPrimary ul a{color:var(--ij-primary)!important;padding:.45rem 1rem;border-left:3px solid transparent}
#navigationPrimary ul a:hover,#navigationPrimary ul a:focus{background:var(--ij-primary-50);border-left-color:var(--ij-secondary)}
.pkp_navigation_search_wrapper a{color:#fff}
.pkp_navigation_search_wrapper a:hover{color:var(--ij-accent)}
#navigationPrimary a::before,.ij-side a::before{font-family:FontAwesome;font-weight:normal;display:inline-block;width:1.25em;margin-right:.35em;text-align:center;color:var(--ij-accent)}
#navigationPrimary ul a::before,.ij-side a::before{color:var(--ij-secondary)}
#navigationPrimary>li:nth-child(1)>a::before{content:"\f015"}
#navigationPrimary>li:nth-child(2)>a::before{content:"\f05a"}
#navigationPrimary>li:nth-child(3)>a::before{content:"\f02d"}
#navigationPrimary>li:nth-child(4)>a::before{content:"\f040"}
#navigationPrimary>li:nth-child(5)>a::before{content:"\f0c0"}
#navigationPrimary>li:nth-child(6)>a::before{content:"\f24e"}
#navigationPrimary>li:nth-child(7)>a::before{content:"\f09c"}
#navigationPrimary>li:nth-child(8)>a::before{content:"\f0e0"}
#navigationPrimary ul a[href$="/about"]::before,.ij-side a[href$="/about"]::before{content:"\f05a"}
#navigationPrimary ul a[href$="/focus_and_scope"]::before,.ij-side a[href$="/focus_and_scope"]::before{content:"\f140"}
#navigationPrimary ul a[href$="/article_types"]::before,.ij-side a[href$="/article_types"]::before{content:"\f0c5"}
#navigationPrimary ul a[href$="/publishing_schedule"]::before,.ij-side a[href$="/publishing_schedule"]::before{content:"\f073"}
#navigationPrimary ul a[href$="/ownership_and_management"]::before,.ij-side a[href$="/ownership_and_management"]::before{content:"\f19c"}
#navigationPrimary ul a[href$="/abstracting_and_indexing"]::before,.ij-side a[href$="/abstracting_and_indexing"]::before{content:"\f1c0"}
#navigationPrimary ul a[href$="/journal_statistics"]::before,.ij-side a[href$="/journal_statistics"]::before{content:"\f080"}
#navigationPrimary ul a[href$="/contact"]::before,.ij-side a[href$="/contact"]::before{content:"\f0e0"}
#navigationPrimary ul a[href$="/privacy"]::before,.ij-side a[href$="/privacy"]::before{content:"\f023"}
#navigationPrimary ul a[href$="/editorial_team"]::before,.ij-side a[href$="/editorial_team"]::before{content:"\f0c0"}
#navigationPrimary ul a[href$="/reviewers"]::before,.ij-side a[href$="/reviewers"]::before{content:"\f2c0"}
#navigationPrimary ul a[href$="/peer_review_process"]::before,.ij-side a[href$="/peer_review_process"]::before{content:"\f0ec"}
#navigationPrimary ul a[href$="/reviewer_guidelines"]::before,.ij-side a[href$="/reviewer_guidelines"]::before{content:"\f046"}
#navigationPrimary ul a[href$="/publication_ethics"]::before,.ij-side a[href$="/publication_ethics"]::before{content:"\f24e"}
#navigationPrimary ul a[href$="/ai_policy"]::before,.ij-side a[href$="/ai_policy"]::before{content:"\f2db"}
#navigationPrimary ul a[href$="/authorship"]::before,.ij-side a[href$="/authorship"]::before{content:"\f2bb"}
#navigationPrimary ul a[href$="/conflict_of_interest"]::before,.ij-side a[href$="/conflict_of_interest"]::before{content:"\f071"}
#navigationPrimary ul a[href$="/plagiarism_policy"]::before,.ij-side a[href$="/plagiarism_policy"]::before{content:"\f002"}
#navigationPrimary ul a[href$="/research_misconduct"]::before,.ij-side a[href$="/research_misconduct"]::before{content:"\f132"}
#navigationPrimary ul a[href$="/research_ethics"]::before,.ij-side a[href$="/research_ethics"]::before{content:"\f0c3"}
#navigationPrimary ul a[href$="/data_availability"]::before,.ij-side a[href$="/data_availability"]::before{content:"\f1c0"}
#navigationPrimary ul a[href$="/correction_and_retraction"]::before,.ij-side a[href$="/correction_and_retraction"]::before{content:"\f0e2"}
#navigationPrimary ul a[href$="/post_publication_discussion"]::before,.ij-side a[href$="/post_publication_discussion"]::before{content:"\f086"}
#navigationPrimary ul a[href$="/open_access_policy"]::before,.ij-side a[href$="/open_access_policy"]::before{content:"\f09c"}
#navigationPrimary ul a[href$="/copyright_notice"]::before,.ij-side a[href$="/copyright_notice"]::before{content:"\f1f9"}
#navigationPrimary ul a[href$="/license"]::before,.ij-side a[href$="/license"]::before{content:"\f25e"}
#navigationPrimary ul a[href$="/archiving"]::before,.ij-side a[href$="/archiving"]::before{content:"\f187"}
#navigationPrimary ul a[href$="/author_fees"]::before,.ij-side a[href$="/author_fees"]::before{content:"\f155"}
#navigationPrimary ul a[href$="/author_guidelines"]::before,.ij-side a[href$="/author_guidelines"]::before{content:"\f040"}
#navigationPrimary ul a[href$="/about/submissions"]::before,.ij-side a[href$="/about/submissions"]::before{content:"\f093"}
#navigationPrimary ul a[href*="docs.google.com"]::before,.ij-side a[href*="docs.google.com"]::before{content:"\f1c2"}
#navigationPrimary ul a[href$="/issue/current"]::before,.ij-side a[href$="/issue/current"]::before{content:"\f02d"}
#navigationPrimary ul a[href$="/issue/archive"]::before,.ij-side a[href$="/issue/archive"]::before{content:"\f1da"}
.pkp_structure_sidebar .pkp_block{background:#fff;border:1px solid var(--ij-line);border-radius:var(--ij-radius);padding:0;margin-bottom:1.25rem;overflow:hidden;box-shadow:0 1px 2px rgba(6,57,90,.06)}
.pkp_structure_sidebar .pkp_block .title{display:block;background:var(--ij-primary);color:#fff;font-weight:700;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;padding:.6rem 1rem;margin:0;border-top:4px solid var(--ij-accent)}
.pkp_structure_sidebar .pkp_block .content{padding:.6rem 1rem .8rem}
.pkp_structure_sidebar .pkp_block img{max-width:100%;height:auto}
.ij-side{list-style:none;margin:0;padding:0}
.ij-side li{border-bottom:1px solid var(--ij-line)}
.ij-side li:last-child{border-bottom:0}
.ij-side a{display:block;padding:.45rem .25rem;color:var(--ij-primary);text-decoration:none;font-size:.93rem}
.ij-side a:hover,.ij-side a:focus{background:var(--ij-primary-50);color:var(--ij-secondary)}
.ij-submit{display:block;text-align:center;background:var(--ij-accent);color:var(--ij-primary)!important;font-weight:700;border-radius:999px;padding:.6rem 1rem;text-decoration:none;margin:.2rem 0}
.ij-submit:hover{background:#ffd84f}
.ij-issn{font-size:.92rem;line-height:1.6}
.ij-issn strong{color:var(--ij-primary)}
.pkp_structure_footer_wrapper{background:var(--ij-primary);color:#fff;border-top:4px solid var(--ij-accent)}
.pkp_structure_footer,.pkp_footer_content{background:transparent;color:#fff}
.pkp_footer_content a{color:var(--ij-accent)}
.pkp_footer_content a:hover{color:#fff}
.ij-foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem 2rem;font-size:.92rem;line-height:1.6}
.ij-foot h4{color:var(--ij-accent);font-size:.95rem;margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.04em}
.pkp_brand_footer{display:none}
.ij-page{color:var(--ij-ink);line-height:1.7;font-size:1rem;margin-bottom:1.5rem}
.ij-page a{color:var(--ij-primary-700);text-decoration:underline;text-underline-offset:2px}
.ij-page a:hover{color:var(--ij-secondary)}
.ij-lead{background:var(--ij-primary-50);border-left:5px solid var(--ij-primary);border-radius:var(--ij-radius);padding:14px 18px;font-size:1.05rem;margin:0 0 1.5rem}
.ij-toc{font-size:.92rem;background:var(--ij-surface);border:1px solid var(--ij-line);border-radius:var(--ij-radius);padding:10px 14px}
h3.ij-h{color:var(--ij-primary);font-size:1.1rem;font-weight:700;letter-spacing:.02em;margin:2rem 0 .8rem;padding-bottom:.4rem;border-bottom:2px solid var(--ij-line);position:relative}
h3.ij-h::after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:var(--ij-accent)}
.ij-page h4{color:var(--ij-primary);margin:1.2rem 0 .4rem}
.ij-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:1rem 0}
.ij-card{background:#fff;border:1px solid var(--ij-line);border-top:4px solid var(--ij-primary);border-radius:var(--ij-radius);padding:12px 16px}
.ij-card h4{margin:.2rem 0 .5rem;font-size:1rem;color:var(--ij-primary)}
.ij-card p,.ij-card ul{margin:.3rem 0}
.ij-card--ok{border-top-color:var(--ij-secondary)}
.ij-card--ok h4{color:var(--ij-secondary)}
.ij-card--no{border-top-color:var(--ij-danger)}
.ij-card--no h4{color:var(--ij-danger)}
.ij-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}
.ij-table th,.ij-table td{border:1px solid var(--ij-line);padding:9px 12px;text-align:left;vertical-align:top}
.ij-table thead th{background:var(--ij-primary);color:#fff}
.ij-table tbody th{background:var(--ij-primary-50);color:var(--ij-primary);width:38%}
.ij-table tbody tr:nth-child(even) td{background:var(--ij-surface)}
.ij-callout{background:var(--ij-secondary-50);border-left:5px solid var(--ij-secondary);border-radius:var(--ij-radius);padding:12px 16px;margin:1rem 0}
.ij-callout--warn{background:#FFF8E1;border-left-color:var(--ij-accent)}
.ij-callout p:last-child,.ij-callout ul:last-child{margin-bottom:0}
.ij-box{border:1px dashed var(--ij-primary-700);border-radius:var(--ij-radius);padding:12px 16px;background:#fff;margin:1rem 0}
.ij-box__title{font-weight:700;color:var(--ij-primary);margin:.6rem 0 .2rem}
.ij-box__title:first-child{margin-top:0}
.ij-badge{display:inline-block;background:var(--ij-accent);color:var(--ij-primary);font-weight:700;border-radius:999px;padding:2px 12px;font-size:.88rem}
ol.ij-steps{counter-reset:ij;list-style:none;padding-left:0;margin:1rem 0}
ol.ij-steps>li{counter-increment:ij;position:relative;padding:0 0 .9rem 2.6rem;margin-left:1rem;border-left:2px solid var(--ij-line)}
ol.ij-steps>li:last-child{border-left-color:transparent}
ol.ij-steps>li::before{content:counter(ij);position:absolute;left:-1rem;top:0;width:2rem;height:2rem;border-radius:50%;background:var(--ij-primary);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.ij-note{border-top:1px solid var(--ij-line);margin-top:2rem;padding-top:.8rem;font-size:.9rem;color:var(--ij-muted)}
@media (max-width:991px){#navigationPrimary ul{box-shadow:none;border-top:0;background:transparent}#navigationPrimary ul a{color:#fff!important}#navigationPrimary ul a:hover{background:rgba(255,255,255,.08)}#navigationPrimary ul a::before{color:var(--ij-accent)}.pkp_site_nav_menu{background:var(--ij-primary)}}
@media (max-width:600px){.ij-table{font-size:.88rem;display:block;overflow-x:auto}.ij-table th,.ij-table td{padding:7px 8px}.ij-lead{font-size:1rem}ol.ij-steps>li{padding-left:2.2rem}}

/* v4: full-width header banner (as before), homepage profile first */
.pkp_site_name_wrapper{padding-top:0;padding-bottom:0}
.pkp_site_name{width:100%;padding:0}
.pkp_site_name .is_img{display:block;width:100%}
.pkp_site_name .is_img img{max-height:none;width:100%;height:auto;display:block}
.page_index_journal{display:flex;flex-direction:column}
.page_index_journal>.additional_content{display:contents}
.page_index_journal .ij-profile{order:1;margin-bottom:1rem}
.page_index_journal .ij-intro{order:1;margin:0 0 1.5rem}
.page_index_journal>.homepage_about{order:2}
.page_index_journal .ij-ann-all{order:3}
.page_index_journal>.cmp_announcements{order:4}
.page_index_journal>.current_issue{order:5}
.page_index_journal>*{order:6}
.ij-profile{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:start;background:#fff;border:1px solid var(--ij-line);border-top:4px solid var(--ij-accent);border-radius:var(--ij-radius);padding:18px}
.ij-profile img{width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px rgba(6,57,90,.2)}
.ij-profile h2{margin:0 0 .6rem;font-size:1.3rem;color:var(--ij-primary)}
.ij-profile .ij-table{margin:.4rem 0 .8rem}
.ij-profile .ij-table tbody th{width:32%}
.ij-index a{display:inline-block;background:var(--ij-primary-50);border:1px solid var(--ij-line);border-radius:999px;padding:2px 10px;margin:2px 3px 2px 0;font-size:.85rem;text-decoration:none}
.ij-index a:hover{background:var(--ij-accent);color:var(--ij-primary)}
@media (max-width:640px){.ij-profile{grid-template-columns:1fr}.ij-profile img{max-width:180px}}

/* v5: announcements block (homepage + list), announcement menu icon, team cards */
#navigationPrimary ul a[href$="/announcement"]::before,.ij-side a[href$="/announcement"]::before{content:"\f0a1"}
.cmp_announcements{background:#fff;border:1px solid var(--ij-line);border-radius:var(--ij-radius);padding:16px 18px;margin:0 0 1.5rem}
.cmp_announcements>h2{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;color:var(--ij-primary);margin:0 0 .8rem;padding-bottom:.5rem;border-bottom:2px solid var(--ij-line);position:relative}
.cmp_announcements>h2::before{content:"\f0a1";font-family:FontAwesome;color:var(--ij-accent);font-weight:normal}
.cmp_announcements>h2::after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:var(--ij-accent)}
.obj_announcement_summary{border:1px solid var(--ij-line);border-left:4px solid var(--ij-primary);border-radius:var(--ij-radius);padding:12px 14px;margin:0 0 .8rem;background:#fff}
.obj_announcement_summary h2,.obj_announcement_summary h3,.obj_announcement_summary h4{font-size:1rem;margin:0 0 .3rem;line-height:1.4}
.obj_announcement_summary h2 a,.obj_announcement_summary h3 a,.obj_announcement_summary h4 a{color:var(--ij-primary);text-decoration:none}
.obj_announcement_summary h2 a:hover,.obj_announcement_summary h3 a:hover,.obj_announcement_summary h4 a:hover{color:var(--ij-secondary);text-decoration:underline}
.obj_announcement_summary .date{display:inline-block;font-size:.82rem;color:var(--ij-muted);background:var(--ij-primary-50);border-radius:999px;padding:1px 10px;margin-bottom:.4rem}
.obj_announcement_summary .date::before{content:"\f073";font-family:FontAwesome;margin-right:.35em;color:var(--ij-secondary)}
.obj_announcement_summary .summary p{margin:.3rem 0 .6rem}
.obj_announcement_summary .read_more{display:inline-block;border:1px solid var(--ij-primary);color:var(--ij-primary);border-radius:999px;padding:3px 14px;font-size:.85rem;font-weight:600;text-decoration:none}
.obj_announcement_summary .read_more:hover{background:var(--ij-accent);border-color:var(--ij-accent);color:var(--ij-primary)}
.cmp_announcements .more .obj_announcement_summary{border-left-color:var(--ij-secondary)}
.ij-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:0 0 1rem}
.ij-person{background:#fff;border:1px solid var(--ij-line);border-left:4px solid var(--ij-primary);border-radius:var(--ij-radius);padding:12px 14px;box-shadow:0 1px 3px rgba(6,57,90,.06)}
.ij-person p{margin:0;line-height:1.5}
.ij-name{margin:0 0 .35rem;font-size:1rem;color:var(--ij-primary);line-height:1.35}
.ij-aff{font-size:.88rem;color:var(--ij-muted);margin-bottom:.35rem!important}
.ij-ids{font-size:.82rem}
.ij-ids a{text-decoration:none}
.ij-sep{color:var(--ij-line);margin:0 .3rem}
.ij-group{margin-bottom:1.5rem}

.ij-ann-all{align-self:flex-end;margin:0 18px -34px 0!important;position:relative;top:16px;z-index:2;line-height:1}
.ij-ann-all a{display:inline-block;border:1px solid var(--ij-primary);color:var(--ij-primary);background:#fff;border-radius:999px;padding:3px 14px;font-size:.85rem;font-weight:600;text-decoration:none}
.ij-ann-all a:hover{background:var(--ij-accent);border-color:var(--ij-accent)}
.cmp_announcements>h2{padding-right:11rem}

body.pkp_page_index .cmp_announcements>h2,.pkp_structure_page .cmp_announcements>h2{left:auto!important;position:static!important;clip:auto!important;width:auto!important;height:auto!important;overflow:visible!important;margin:0 0 .8rem!important}
.cmp_announcements.highlight_first>.obj_announcement_summary,.cmp_announcements.highlight_first>.more{float:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;padding-left:0;padding-right:0;border:0}
.cmp_announcements.highlight_first>.obj_announcement_summary{border:1px solid var(--ij-line);border-left:4px solid var(--ij-primary);padding:12px 14px}
.cmp_announcements .more .obj_announcement_summary{border:1px solid var(--ij-line);border-left:4px solid var(--ij-secondary);padding:10px 14px;margin:0 0 .6rem}
.cmp_announcements::after{content:"";display:block;clear:both}

.pkp_structure_page .page_index_journal .cmp_announcements{padding:16px 18px;border:1px solid var(--ij-line);border-radius:var(--ij-radius);background:#fff;margin:0 0 1.5rem}
@media (min-width:992px){#navigationPrimary>li>a{margin-left:.25em!important;margin-right:.25em!important;padding-left:.4em!important;padding-right:.4em!important;font-size:.92rem}}

/* ===== v6 ===== */
/* homepage: journal summary duplicates the profile card */
.page_index_journal>.homepage_about{display:none}
.ij-profile .ij-intro{margin:.6rem 0 0;font-size:.93rem;line-height:1.6;color:var(--ij-ink)}
.page_index_journal .ij-profile{margin-bottom:1.5rem}
/* Read More buttons: icon inside the pill */
.obj_announcement_summary .read_more,.pkp_page_index .current_issue .read_more{position:relative;display:inline-block;padding:4px 30px 4px 14px!important;line-height:1.5!important}
.obj_announcement_summary .read_more::after,.pkp_page_index .current_issue .read_more::after{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%);margin:0!important;line-height:1!important;height:auto!important;width:auto!important}
/* Article list (homepage current issue, issue TOC) */
.obj_issue_toc .sections .section>h2,.obj_issue_toc .sections .section>h3,.current_issue .sections .section>h3{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;color:var(--ij-primary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--ij-line);padding-bottom:.4rem;margin:1.5rem 0 1rem;position:relative}
.obj_issue_toc .sections .section>h2::after,.obj_issue_toc .sections .section>h3::after,.current_issue .sections .section>h3::after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:var(--ij-accent)}
.obj_issue_toc .cmp_article_list{margin:0;padding:0;list-style:none}
.obj_issue_toc .cmp_article_list>li{margin:0 0 .9rem}
.obj_article_summary{position:relative;background:#fff;border:1px solid var(--ij-line);border-left:4px solid var(--ij-primary);border-radius:var(--ij-radius);padding:14px 16px 12px;box-shadow:0 1px 3px rgba(6,57,90,.06);transition:box-shadow .25s ease,transform .25s ease,border-left-color .25s ease}
.obj_article_summary:hover{box-shadow:0 6px 18px rgba(6,57,90,.14);transform:translateY(-2px);border-left-color:var(--ij-accent)}
.obj_article_summary>.title{font-size:1rem;line-height:1.45;margin:0 0 .5rem;font-weight:700}
.obj_article_summary>.title a{color:var(--ij-primary);text-decoration:none}
.obj_article_summary>.title a:hover{color:var(--ij-secondary);text-decoration:underline}
.obj_article_summary .subtitle{display:block;font-weight:400;font-size:.92rem;color:var(--ij-muted);margin-top:.2rem}
.obj_article_summary .meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;font-size:.88rem;color:var(--ij-muted);margin-bottom:.6rem}
.obj_article_summary .meta .authors::before{content:"\f0c0";font-family:FontAwesome;margin-right:.4em;color:var(--ij-secondary)}
.obj_article_summary .meta .pages{background:var(--ij-primary-50);color:var(--ij-primary);border-radius:999px;padding:1px 10px;font-size:.8rem}
.obj_article_summary .meta .pages::before{content:"\f15c";font-family:FontAwesome;margin-right:.35em}
.obj_article_summary .meta .published::before{content:"\f073";font-family:FontAwesome;margin-right:.35em;color:var(--ij-secondary)}
.obj_article_summary .galleys_links{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}
.obj_article_summary .galleys_links li{margin:0}
.obj_galley_link{display:inline-flex;align-items:center;gap:.35em;background:var(--ij-primary)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:3px 14px!important;font-size:.82rem!important;font-weight:700;text-decoration:none!important;transition:background .2s,color .2s}
.obj_galley_link::before{font-family:FontAwesome;content:"\f15b"}
.obj_galley_link.pdf::before{content:"\f1c1"}
.obj_galley_link:hover,.obj_galley_link:focus{background:var(--ij-accent)!important;color:var(--ij-primary)!important}
/* Archive: issue cards */
.issues_archive>li{margin:0 0 1rem}
.obj_issue_summary{background:#fff;border:1px solid var(--ij-line);border-top:4px solid var(--ij-primary);border-radius:var(--ij-radius);padding:12px 14px;transition:box-shadow .25s,border-top-color .25s}
.obj_issue_summary:hover{box-shadow:0 6px 18px rgba(6,57,90,.14);border-top-color:var(--ij-accent)}
.obj_issue_summary .title{color:var(--ij-primary);font-weight:700;text-decoration:none}
/* Sidebar: sliding hover */
.ij-side a{background:linear-gradient(90deg,var(--ij-primary-50),var(--ij-primary-50)) no-repeat left center/0% 100%;transition:background-size .35s ease,padding-left .3s ease,color .2s ease,box-shadow .3s ease}
.ij-side a:hover,.ij-side a:focus{background-size:100% 100%;padding-left:.85rem;color:var(--ij-secondary);box-shadow:inset 3px 0 0 var(--ij-accent)}
.ij-side a::before{transition:transform .3s ease}
.ij-side a:hover::before,.ij-side a:focus::before{transform:translateX(2px) scale(1.15)}
#navigationPrimary ul a{transition:background-color .25s ease,padding-left .25s ease,border-left-color .25s ease}
#navigationPrimary ul a:hover,#navigationPrimary ul a:focus{padding-left:1.35rem}
.ij-submit{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.ij-submit:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(6,57,90,.2)}
/* Glance box: e-ISSN barcode */
.ij-issn p{margin:.2rem 0}
.ij-barcode{margin:.4rem 0 .6rem!important;text-align:center}
.ij-barcode a{display:inline-block;background:#fff;border:1px solid var(--ij-line);border-radius:6px;padding:6px 8px;transition:box-shadow .2s}
.ij-barcode a:hover{box-shadow:0 2px 8px rgba(6,57,90,.18)}
.ij-barcode img{display:block;width:150px;max-width:100%;height:auto}
@media (prefers-reduced-motion:reduce){.ij-side a,.ij-side a::before,.obj_article_summary,.obj_issue_summary,#navigationPrimary ul a,.ij-submit{transition:none!important}.obj_article_summary:hover,.ij-submit:hover{transform:none}}

/* v7: publisher in Contact & Publisher box */
.ij-publisher{border-top:1px solid var(--ij-line);margin-top:.6rem;padding-top:.6rem;text-align:center}
.ij-publisher p{margin:.2rem 0}
.ij-publisher__label{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ij-muted)}
.ij-publisher__logo a{display:inline-block;border-radius:8px;padding:4px;transition:transform .25s ease,box-shadow .25s ease}
.ij-publisher__logo a:hover{transform:scale(1.04);box-shadow:0 3px 10px rgba(6,57,90,.18)}
.ij-publisher__logo img{display:block;width:120px;max-width:100%;height:auto;margin:0 auto}
.ij-publisher__name{font-size:.85rem;line-height:1.45}
@media (prefers-reduced-motion:reduce){.ij-publisher__logo a{transition:none}.ij-publisher__logo a:hover{transform:none}}

/* v8: stable dropdown (hover bridge), logo tiles, publisher first */
#navigationPrimary>li{position:relative}
#navigationPrimary>li>ul{margin-top:0!important}
#navigationPrimary>li>ul::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:transparent}
@media (min-width:992px){#navigationPrimary>li:hover>ul,#navigationPrimary>li:focus-within>ul{left:0!important;opacity:1;visibility:visible}}
.ij-logos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ij-logos--one{grid-template-columns:1fr}
.ij-logo{display:flex;align-items:center;justify-content:center;height:56px;padding:8px 10px;background:#fff;border:1px solid var(--ij-line);border-radius:8px;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.ij-logo img{max-width:100%;max-height:34px;width:auto;height:auto;object-fit:contain;display:block}
.ij-logos--one .ij-logo{height:64px}
.ij-logos--one .ij-logo img{max-height:40px}
.ij-logo:hover,.ij-logo:focus{border-color:var(--ij-accent);box-shadow:0 3px 10px rgba(6,57,90,.15);transform:translateY(-2px)}
.ij-visitors{text-align:center;margin:0 0 .4rem}
.ij-visitors img{max-width:100%;height:auto}
.ij-contact{border-top:1px solid var(--ij-line);margin-top:.6rem;padding-top:.4rem}
.ij-publisher{border-top:0;margin-top:0;padding-top:0}
@media (prefers-reduced-motion:reduce){.ij-logo{transition:none}.ij-logo:hover{transform:none}}
.ij-logos>.ij-logo:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 4px)}

/* v9: footer modelled on Lingkar (logo | published by + licence | address + contact; bottom bar) */
.pkp_structure_footer{padding-top:1.5rem;padding-bottom:1rem}
.ij-footer{font-size:.9rem;line-height:1.6;color:#fff}
.ij-footer__cols{display:grid;grid-template-columns:180px 1fr 1fr;gap:1.5rem 2.5rem;align-items:start}
.ij-footer__logo{display:flex;justify-content:center}
.ij-footer__logo a{display:inline-block;background:#fff;border-radius:50%;padding:10px;box-shadow:0 0 0 3px var(--ij-accent);transition:transform .25s ease}
.ij-footer__logo a:hover{transform:scale(1.04)}
.ij-footer__logo img{display:block;width:130px;height:130px;object-fit:contain;border-radius:50%}
.ij-footer h4{color:var(--ij-accent);font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .35rem}
.ij-footer p{margin:0 0 .7rem}
.ij-footer a{color:#fff;text-decoration:underline;text-decoration-color:rgba(247,201,44,.6);text-underline-offset:2px}
.ij-footer a:hover{color:var(--ij-accent)}
.ij-footer__cc{display:block;width:88px;height:31px}
.ij-footer__bar{border-top:1px solid rgba(255,255,255,.25);margin-top:1rem;padding-top:.7rem;font-size:.8rem;color:rgba(255,255,255,.85)}
.pkp_brand_footer{display:block!important;float:none;width:auto;text-align:right;padding:0 0 1rem}
.pkp_brand_footer img{filter:brightness(0) invert(1);opacity:.85;max-width:90px}
@media (max-width:768px){.ij-footer__cols{grid-template-columns:1fr}.ij-footer__logo{justify-content:flex-start}.pkp_brand_footer{text-align:left}}
@media (prefers-reduced-motion:reduce){.ij-footer__logo a{transition:none}.ij-footer__logo a:hover{transform:none}}

/* v10: university name links (bold, no underline) */
a.ij-uin,.ij-page a.ij-uin,.ij-footer a.ij-uin,.additional_content a.ij-uin,.pkp_block a.ij-uin{font-weight:700;color:inherit;text-decoration:none!important;transition:color .2s ease}
a.ij-uin:hover,a.ij-uin:focus{color:var(--ij-secondary)}
.ij-footer a.ij-uin:hover,.ij-footer a.ij-uin:focus{color:var(--ij-accent)}

/* v11 */
.pkp_brand_footer img{max-width:56px!important;height:auto}
.ij-issn-center{text-align:center}
.ij-ids br+a{display:inline-block;margin-top:2px}
a.ij-uin.ij-uin--plain{font-weight:400}
.ij-profile{grid-template-columns:180px 1fr}
.ij-profile>.ij-index,.ij-profile>.ij-intro{grid-column:1/-1;margin:0}
.ij-profile>.ij-index{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:.2rem}
.ij-profile>.ij-index strong{margin-right:2px}
.ij-index a{margin:0!important;padding:2px 9px!important;font-size:.8rem!important;white-space:nowrap}
.ij-issn-links{display:inline-flex;flex-wrap:wrap;gap:4px;margin-left:6px;vertical-align:middle}
.ij-issn-links a{font-size:.75rem;background:var(--ij-primary-50);border:1px solid var(--ij-line);border-radius:999px;padding:0 8px;text-decoration:none}
.ij-issn-links a:hover{background:var(--ij-accent);color:var(--ij-primary)}

/* v12: theme paints a white background on focused top-menu links; keep text visible */
#navigationPrimary>li>a:focus,#navigationPrimary>li>a:active,#navigationPrimary>li>a[aria-expanded="true"]{background:rgba(255,255,255,.12)!important;color:#fff!important;border-bottom-color:var(--ij-accent)}
#navigationPrimary>li>a:focus-visible{outline:2px solid var(--ij-accent);outline-offset:2px}

/* v13: mobile fixes for homepage profile */
@media (max-width:700px){
.ij-profile{grid-template-columns:1fr!important;padding:14px}
.ij-profile>div:first-child{text-align:center}
.ij-profile img{max-width:170px;margin:0 auto}
.ij-profile .ij-table,.ij-profile .ij-table tbody,.ij-profile .ij-table tr{display:block;width:100%}
.ij-profile .ij-table th,.ij-profile .ij-table td{display:block;width:auto!important;border-bottom:0}
.ij-profile .ij-table tr{border-bottom:1px solid var(--ij-line)}
.ij-profile h2{font-size:1.15rem}
}
.ij-table{max-width:100%}
.ij-page{overflow-wrap:anywhere}

/* v14 */
.ij-contact .ij-side a{padding-bottom:.25rem}
.ij-contact .ij-issn{margin:.1rem 0 0!important}
.ij-grid--2{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)!important}
.ij-card__extra{border-top:1px solid var(--ij-line);margin-top:.6rem!important;padding-top:.5rem}
@media (max-width:640px){.ij-grid--2{grid-template-columns:1fr!important}}
/* footer: OJS/PKP logo above the bottom line, bottom line last */
.pkp_structure_footer{display:flex;flex-direction:column}
.pkp_structure_footer>.pkp_footer_content,.pkp_footer_content>.ij-footer{display:contents}
.ij-footer__cols{order:1}
.pkp_brand_footer{order:2;padding:.6rem 0 0!important;margin:0}
.ij-footer__bar{order:3}

/* v15: login box (hidden for signed-in users) */
.ij-login-box p{margin:0 0 .6rem;font-size:.88rem;color:var(--ij-muted)}
.ij-login-actions{display:flex;gap:8px;margin:0!important}
.ij-btn{flex:1;text-align:center;border-radius:999px;padding:.45rem .8rem;font-weight:700;font-size:.88rem;text-decoration:none!important;transition:background .2s,color .2s,transform .2s}
.ij-btn--primary{background:var(--ij-primary);color:#fff!important}
.ij-btn--primary:hover{background:var(--ij-accent);color:var(--ij-primary)!important;transform:translateY(-1px)}
.ij-btn--ghost{border:1px solid var(--ij-primary);color:var(--ij-primary)!important;background:#fff}
.ij-btn--ghost:hover{background:var(--ij-primary-50)}
body:has(#navigationUser a[href*="/login/signOut"]) .pkp_block:has(.ij-login-box){display:none}

/* v16: login box as sidebar menu rows with icons */
.ij-side a[href$="/login"]::before{content:"\f090"}
.ij-side a[href$="/user/register"]::before{content:"\f234"}
.ij-side a[href$="/login/lostPassword"]::before{content:"\f084"}

/* ===== v17: native OJS pages (about, submissions, privacy, contact, information, announcements, search, archive) ===== */
.page_about>.ij-page,.page_about .ij-page{margin-top:.4rem}
.page_submissions .cmp_notification{background:var(--ij-primary-50);border:1px solid var(--ij-line);border-left:4px solid var(--ij-accent);border-radius:var(--ij-radius);padding:12px 16px;margin:0 0 1.5rem}
.page_submissions .submission_checklist,.page_submissions .privacy_statement,.page_privacy>p,.page_information .description,.page_contact .contact_section{background:#fff;border:1px solid var(--ij-line);border-radius:var(--ij-radius);padding:16px 20px;margin:0 0 1.5rem}
.page_submissions .submission_checklist h2,.page_submissions .privacy_statement h2,.page_contact .contact h2{font-size:1.1rem;margin:0 0 .7rem;padding-bottom:.4rem;border-bottom:2px solid var(--ij-line);position:relative}
.page_submissions .submission_checklist h2::after,.page_submissions .privacy_statement h2::after,.page_contact .contact h2::after{content:"";position:absolute;left:0;bottom:-2px;width:48px;height:2px;background:var(--ij-accent)}
.page_submissions .submission_checklist h2::before{font-family:FontAwesome;content:"\f046";margin-right:8px;color:var(--ij-secondary)}
.page_submissions .privacy_statement h2::before{font-family:FontAwesome;content:"\f023";margin-right:8px;color:var(--ij-secondary)}
.page_submissions .submission_checklist ul{list-style:none;padding:0;margin:.6rem 0 0;counter-reset:ijck}
.page_submissions .submission_checklist li{counter-increment:ijck;position:relative;padding:10px 12px 10px 46px;border-bottom:1px solid var(--ij-line);line-height:1.55}
.page_submissions .submission_checklist li:last-child{border-bottom:0}
.page_submissions .submission_checklist li::before{content:counter(ijck);position:absolute;left:8px;top:9px;width:26px;height:26px;border-radius:50%;background:var(--ij-primary);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.page_privacy>p{line-height:1.65}
.page_contact .contact_section{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.page_contact .contact_section .address{grid-column:1/-1;padding:10px 14px;background:var(--ij-surface);border-radius:var(--ij-radius)}
.page_contact .contact{border:1px solid var(--ij-line);border-top:3px solid var(--ij-primary);border-radius:var(--ij-radius);padding:14px 16px;background:#fff;margin:0}
.page_contact .contact .name{font-weight:700;color:var(--ij-primary)}
.page_contact .contact>div{margin:.25rem 0}
@media (max-width:640px){.page_contact .contact_section{grid-template-columns:1fr}}
.page_information .description{line-height:1.65}
.page_announcements .cmp_announcements{list-style:none;padding:0;margin:0}
.page_announcements .cmp_announcements>li{background:#fff;border:1px solid var(--ij-line);border-left:4px solid var(--ij-accent);border-radius:var(--ij-radius);padding:14px 18px;margin:0 0 1rem}
.page_announcements .obj_announcement_summary h2{font-size:1.1rem;margin:0 0 .3rem}
.page_search .cmp_form{background:#fff;border:1px solid var(--ij-line);border-top:3px solid var(--ij-primary);border-radius:var(--ij-radius);padding:16px 20px;margin:0 0 1.5rem}
.page_search .search_input input.query{width:100%;border:1px solid var(--ij-line);border-radius:6px;padding:8px 12px;font-size:1rem}
.page_search fieldset.search_advanced{border:1px solid var(--ij-line);border-radius:6px;padding:10px 14px;margin:12px 0}
.page_search fieldset.search_advanced legend{font-weight:700;color:var(--ij-primary);padding:0 6px}
.page_search .submit button{background:var(--ij-primary);color:#fff;border:0;border-radius:999px;padding:8px 22px;font-weight:700;cursor:pointer}
.page_search .submit button:hover{background:var(--ij-accent);color:var(--ij-primary)}
.page_issue_archive .issues_archive{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.page_issue_archive .issues_archive>li{margin:0;padding:0;border:0}
.page_issue_archive .obj_issue_summary{height:100%;box-sizing:border-box;background:#fff;border:1px solid var(--ij-line);border-top:3px solid var(--ij-accent);border-radius:var(--ij-radius);padding:12px;transition:box-shadow .2s,transform .2s}
.page_issue_archive .obj_issue_summary:hover{box-shadow:0 6px 16px rgba(6,57,90,.15);transform:translateY(-2px)}
.page_issue_archive .obj_issue_summary .cover img{width:100%;height:auto;border-radius:4px}
.page_issue_archive .obj_issue_summary h2{font-size:1rem;margin:.5rem 0 .2rem}

.page_contact .contact_section .contact{width:auto!important;float:none!important;padding:14px 16px!important}
.page_contact .contact_section::before,.page_contact .contact_section::after{display:none}
.page_issue_archive .obj_issue_summary .cover{max-width:72px}

/* v18: homepage image first; scope list; statistics box */
.page_index_journal>.homepage_image{order:0!important;margin:0 0 1.25rem;padding:0}
.page_index_journal>.homepage_image img{display:block;width:100%;height:auto;border-radius:var(--ij-radius);box-shadow:0 2px 10px rgba(6,57,90,.15)}
ul.ij-scope{list-style:none;padding:0;margin:.4rem 0 1.2rem;columns:2;column-gap:24px}
ul.ij-scope li{break-inside:avoid;position:relative;padding:6px 0 6px 26px;border-bottom:1px dashed var(--ij-line);line-height:1.45}
ul.ij-scope li::before{font-family:FontAwesome;content:"\f058";position:absolute;left:2px;top:6px;color:var(--ij-secondary)}
@media (max-width:640px){ul.ij-scope{columns:1}}
.ij-stats{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.ij-stats img{max-width:100%;height:auto}

/* v20: homepage image flush to the main column edges (Bunayya pattern), not over the sidebar */
body.pkp_page_index .page_index_journal>.homepage_image{margin:0 -1.43rem 1.5rem!important;padding:0}
body.pkp_page_index .page_index_journal>.homepage_image img{border-radius:0!important;box-shadow:none!important;width:100%;height:auto;display:block}
@media (min-width:992px){body.pkp_page_index .page_index_journal>.homepage_image{margin:-2.143rem -2.143rem 1.5rem!important}}
@media (max-width:479px){body.pkp_page_index .page_index_journal>.homepage_image{margin:0 -10px 16px!important}}
@media (min-width:992px){body.pkp_page_index .pkp_structure_sidebar{margin-top:-2.143rem!important}body.pkp_page_index .pkp_structure_sidebar>.pkp_block:first-child{margin-top:0!important}}
#customblock-ijes-at-a-glance{border-top:0!important}#customblock-ijes-at-a-glance>.title{border-top:0!important}
#customblock-ijes-at-a-glance,#customblock-ijes-at-a-glance>.title{border-top-left-radius:0!important;border-top-right-radius:0!important}

/* v24: tighter spacing in the current issue / issue TOC */
.page_index_journal>.current_issue>h2{margin-top:8px!important;margin-bottom:12px!important}
.page_index_journal>.current_issue .current_issue_title{margin:0 0 14px!important}
.obj_issue_toc .heading{margin-bottom:0}
.obj_issue_toc .heading .cover{margin-bottom:12px!important}
.obj_issue_toc .heading::after{content:"";display:block;clear:both}
.obj_issue_toc .galleys{margin-top:8px!important;padding-top:14px!important;padding-bottom:14px!important}
.obj_issue_toc .galleys h3{margin-bottom:10px!important}
.obj_issue_toc .sections{margin-top:12px!important}
.obj_issue_toc .sections .section:first-child{margin-top:0!important}
.obj_issue_toc .sections .section{padding-top:14px!important}
.obj_issue_toc .sections .section>h3{margin-top:0!important}

/* v25: Center for Environmental Studies (Instagram) link: bold in sidebar and footer, no underline on homepage */
.pkp_structure_sidebar a[href*="instagram.com/pslhuinarraniry"],.ij-footer a[href*="instagram.com/pslhuinarraniry"]{font-weight:700}
.page_index_journal a[href*="instagram.com/pslhuinarraniry"]{text-decoration:none!important}
.page_index_journal a[href*="instagram.com/pslhuinarraniry"]:hover{text-decoration:underline!important}

/* v26: CES link styled like the UIN line below it (bold, same colour, no underline) and one size larger, in sidebar and footer */
.pkp_structure_sidebar a[href*="instagram.com/pslhuinarraniry"]{font-weight:700!important;color:var(--ij-ink)!important;text-decoration:none!important;font-size:calc(1em + 1px)!important}
.ij-footer a[href*="instagram.com/pslhuinarraniry"]{font-weight:700!important;color:#fff!important;text-decoration:none!important;font-size:calc(1em + 1px)!important}
.pkp_structure_sidebar a[href*="instagram.com/pslhuinarraniry"]:hover,.ij-footer a[href*="instagram.com/pslhuinarraniry"]:hover{text-decoration:underline!important}

/* v27: same link behaviour for CES and UIN lines */
.pkp_structure_sidebar a.ij-uin{color:var(--ij-ink)!important;text-decoration:none!important}
.pkp_structure_sidebar a.ij-uin:hover{color:var(--ij-ink)!important;text-decoration:underline!important}
.ij-footer a[href*="instagram.com/pslhuinarraniry"]:hover{color:var(--ij-accent)!important;text-decoration:none!important}
.page_index_journal a.ij-uin{color:var(--ij-primary-700)!important;text-decoration:none!important}
.page_index_journal a.ij-uin:hover{color:var(--ij-secondary)!important;text-decoration:underline!important}

/* v28: sidebar PSLH logo as a circle (hides the light-grey square of the JPG); hover shadow kept, now circular */
.ij-publisher__logo a{border-radius:50%!important;padding:0!important;overflow:hidden;line-height:0}
.ij-publisher__logo img{border-radius:50%}

/* v29: homepage cleanup: no vertical rule beside other announcements, no rule under "Announcements", no OJS rule above the section heading in the issue TOC */
.pkp_page_index .cmp_announcements .more::before{display:none!important}
.pkp_page_index .cmp_announcements .more{padding-top:0!important;padding-bottom:0!important}
.page_index_journal>.cmp_announcements>h2{border-bottom:0!important}
.page_index_journal>.cmp_announcements>h2::after{display:none!important}
.obj_issue_toc .sections .section::before{display:none!important}
.obj_issue_toc .sections .section>h3{left:0!important;padding-left:0!important;padding-right:0!important}

/* v30: move the OJS vertical rule from between main and sidebar to the outer right edge of the content (mirrors the left edge rule) */
.pkp_structure_main::after{left:auto!important;right:0!important}

/* v31: Abstracting & Indexing cards */
.ij-ix-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:.4rem 0 1.4rem}
.ij-ix{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:14px 12px;background:#fff;border:1px solid var(--ij-line);border-top:3px solid var(--ij-accent);border-radius:var(--ij-radius);text-decoration:none!important;color:var(--ij-ink);transition:box-shadow .2s,transform .2s}
a.ij-ix:hover{box-shadow:0 6px 16px rgba(6,57,90,.15);transform:translateY(-2px)}
.ij-ix__logo{display:flex;align-items:center;justify-content:center;height:56px;margin-bottom:4px}
.ij-ix__logo img{max-height:48px;max-width:170px;width:auto;height:auto}
.ij-ix__name{font-weight:700;color:var(--ij-primary);font-size:.95rem}
.ij-ix__inst{font-size:.82rem;color:var(--ij-muted);line-height:1.4}
.ij-ix--text{justify-content:center}
.ij-ix__links{font-size:.82rem;margin-top:4px}

/* v32: on every page (>= 992 px) the sidebar starts flush under the top menu, like the homepage */
@media (min-width:992px){.pkp_structure_sidebar{margin-top:-2.143rem!important}.pkp_structure_sidebar>.pkp_block:first-child{margin-top:0!important}}