:root { --agro-forest:#173f2b; --agro-green:#286343; --agro-gold:#c9a441; --agro-cream:#f5f4ed; --agro-line:#d9dfd7; --agro-ink:#26342b; --agro-muted:#68756d; }
html { background:#e8ece6; }
body { margin:0; color:var(--agro-ink); background:linear-gradient(135deg,#eef1eb,#e4e9e2) fixed; font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:var(--agro-green); }
a:hover,a:focus { color:#8a6a16; }

/* Shell follows PHMJ's compact journal layout. */
.pkp_structure_page { width:min(1160px,100%); margin:24px auto; overflow:hidden; background:#fff; border:1px solid #d6ddd5; border-radius:4px; box-shadow:0 16px 44px rgba(24,55,37,.10); }
.pkp_structure_head { background:#fff; border:0; }
.pkp_head_wrapper,.pkp_site_name_wrapper { padding:0; }

/* Raster banner with accessible HTML title. */
.pkp_site_name { display:flex; min-height:220px; padding:0; align-items:center; background:#183d2b url("../assets/images/agronomika-header-v2.webp") center/cover no-repeat; }
.pkp_site_name .is_text { position:relative; display:block; width:61%; padding:46px 52px 54px; color:#fff; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.8rem,5vw,4.7rem); font-weight:500; line-height:.95; letter-spacing:-.035em; text-decoration:none; text-shadow:0 2px 12px rgba(0,0,0,.26); }
.pkp_site_name .is_text::before { display:block; margin-bottom:13px; color:#ead071; font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:.68rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; content:"Jurnal Budidaya Pertanian Berkelanjutan"; }
.pkp_site_name .is_text::after { display:block; margin-top:16px; color:#d5e2d5; font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:.82rem; font-weight:500; line-height:1.45; letter-spacing:.01em; content:"Jurusan Agroteknologi · Fakultas Pertanian · Universitas Jenderal Soedirman"; }

/* Horizontal navigation directly below the banner. */
.pkp_site_nav_menu,.pkp_navigation_primary_row { background:var(--agro-forest); }
.pkp_navigation_primary_wrapper { padding-left:24px; }
.pkp_navigation_primary>li>a { display:flex; margin:0; padding:0 15px; color:#fff; border:0; align-items:center; gap:8px; font-size:.84rem; font-weight:650; line-height:48px; }
.pkp_navigation_primary>li>a::before { width:15px; color:#e6cc73; font-family:FontAwesome; font-size:.84rem; font-weight:400; text-align:center; content:"\f15c"; }
.pkp_navigation_primary>li:nth-child(1)>a::before { content:"\f015"; } /* Home */
.pkp_navigation_primary>li:nth-child(2)>a::before { content:"\f108"; } /* About */
.pkp_navigation_primary>li:nth-child(3)>a::before { content:"\f07c"; } /* Current */
.pkp_navigation_primary>li:nth-child(4)>a::before { content:"\f187"; } /* Archives */
.pkp_navigation_primary>li:nth-child(5)>a::before { content:"\f0a1"; } /* Announcements */
.pkp_navigation_primary>li:nth-child(6)>a::before { content:"\f0ae"; } /* Indexing */
.pkp_navigation_primary>li>a:hover,.pkp_navigation_primary>li>a:focus { color:#fff; background:rgba(255,255,255,.11); box-shadow:inset 0 -3px 0 var(--agro-gold); }
.pkp_navigation_primary>li>a:hover::before,.pkp_navigation_primary>li>a:focus::before { color:#fff; }
.pkp_navigation_primary ul { padding:5px 0; background:#fff; border:1px solid #dce3dc; border-top:3px solid var(--agro-gold); border-radius:0 0 3px 3px; box-shadow:0 12px 28px rgba(19,54,36,.14); }
.pkp_navigation_primary ul li { border-bottom:1px solid #edf0ec; }
.pkp_navigation_primary ul li:last-child { border-bottom:0; }
.pkp_navigation_primary ul a { padding:10px 14px; color:var(--agro-ink); font-size:.78rem; font-weight:600; }
.pkp_navigation_primary ul a:hover,.pkp_navigation_primary ul a:focus { color:var(--agro-forest); background:#edf3ea; }
.pkp_navigation_search_wrapper a,.pkp_navigation_user>li>a { color:#fff; }
.pkp_navigation_search_wrapper a { display:flex; min-height:48px; padding:0 16px; align-items:center; gap:7px; font-size:.8rem; font-weight:650; }
.pkp_navigation_user_wrapper { top:0; right:0; }
.pkp_navigation_user>li>a { padding:7px 11px; font-size:.76rem; font-weight:600; }
.pkp_navigation_user>li>a:hover,.pkp_navigation_user>li>a:focus { color:#fff; background:rgba(255,255,255,.12); }

/* Academic two-column content. */
.pkp_structure_content { padding-top:0; background:#fff; }
.pkp_structure_main { padding:40px 44px 56px; }
.pkp_structure_main h1,.pkp_structure_main h2,.pkp_structure_main h3 { color:var(--agro-forest); font-family:Georgia,"Times New Roman",serif; }
.pkp_structure_main h2 { padding-bottom:12px; border-bottom:2px solid #e3e8e1; font-size:1.75rem; }
.pkp_structure_main h3 { margin-top:1.8rem; font-size:1.22rem; }
.pkp_structure_main p { line-height:1.75; }
.page_index_journal .homepage_about { margin-top:0; }
.page_index_journal .homepage_about h2::after { display:block; width:54px; height:3px; margin-top:12px; background:var(--agro-gold); content:""; }
.page_index_journal .additional_content { padding:20px; background:var(--agro-cream); border-left:3px solid var(--agro-gold); border-radius:3px; }

/* Sidebar adopts PHMJ's stacked header-and-row pattern. */
.pkp_structure_sidebar { padding:40px 28px 48px 0; }
.pkp_structure_sidebar .pkp_block { margin:0 0 16px!important; padding:0!important; overflow:hidden; background:#fff; border:1px solid #cfd8d0; border-radius:2px; box-shadow:0 4px 12px rgba(23,63,43,.045); }
.pkp_structure_sidebar .pkp_block>.title { margin:0; padding:11px 13px; color:#fff; background:var(--agro-forest); font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.pkp_structure_sidebar .pkp_block>.content { margin:0!important; padding:0!important; }
.pkp_structure_sidebar .pkp_block>.content>.content { margin:0!important; padding:0!important; }

/* Main custom menu: PHMJ-style green heading and white divided rows. */
#customblock-manu-samping { border:0; }
#customblock-manu-samping>.content>.content::before {
  display:block; padding:11px 14px; color:#fff; background:var(--agro-forest);
  font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  content:"Additional Menu";
}
#cssmenu { width:100%; max-width:none; margin:0; }
#cssmenu>ul,#cssmenu ul ul { display:block!important; margin:0; padding:0; list-style:none; }
#cssmenu li { position:relative; margin:0; padding:0; border:0; border-bottom:1px solid #d6ddd6; background:#fff; }
#cssmenu li:last-child { border-bottom:0; }
#cssmenu li>a { position:relative; display:block; min-height:39px; padding:10px 32px 10px 38px; color:#31573f; background:#fff; font-size:.77rem; font-weight:600; line-height:1.45; text-decoration:none; text-transform:none; transition:background .15s ease,color .15s ease; }
#cssmenu li>a::before { position:absolute; top:11px; left:14px; width:16px; color:var(--agro-gold); font-family:FontAwesome; font-size:.78rem; text-align:center; content:"\f15c"; }
#cssmenu li:nth-child(2)>a::before { content:"\f044"; }
#cssmenu li:nth-child(3)>a::before { content:"\f07c"; }
#cssmenu li:nth-child(4)>a::before { content:"\f0c0"; }
#cssmenu li:nth-child(5)>a::before { content:"\f06e"; }
#cssmenu li:nth-child(6)>a::before { content:"\f2bd"; }
#cssmenu li:nth-child(7)>a::before { content:"\f155"; }
#cssmenu li:nth-child(8)>a::before { content:"\f09c"; }
#cssmenu li:nth-child(9)>a::before { content:"\f002"; }
#cssmenu li:nth-child(10)>a::before { content:"\f1b2"; }
#cssmenu li:nth-child(11)>a::before { content:"\f080"; }
#cssmenu li>a:hover,#cssmenu li.active>a { color:var(--agro-forest); background:#edf3ea; }
#cssmenu li.has-sub>a::after { position:absolute; top:12px; right:14px; color:#819085; font-family:FontAwesome; content:"\f107"; }
#cssmenu ul ul { border-top:1px solid #e0e6df; }
#cssmenu ul ul li { background:#f6f8f4; }
#cssmenu ul ul a { min-height:34px; padding:8px 18px 8px 46px; color:var(--agro-muted); background:#f6f8f4; font-size:.73rem; }
#cssmenu ul ul a::before { left:25px; content:"\f105"; }

/* Remaining blocks use the same visual grammar as PHMJ. */
#customblock-logosamping>.content::before {
  display:block; padding:11px 14px; color:#fff; background:var(--agro-forest);
  font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  content:"Journal Partners";
}
#customblock-logosamping>.content>p { margin:0; padding:15px; color:var(--agro-muted); font-size:.76rem; text-align:center; }
.pkp_structure_sidebar .block_information>.content { padding:4px 0!important; }
.block_information ul { margin:0; padding:0; list-style:none; }
.block_information li { margin:0; border-bottom:1px solid #dfe5df; }
.block_information li:last-child { border-bottom:0; }
.block_information li a { display:block; padding:10px 14px 10px 38px; color:#31573f; font-size:.77rem; font-weight:600; text-decoration:none; }
.block_information li a::before { margin-left:-23px; margin-right:10px; color:var(--agro-gold); font-family:FontAwesome; content:"\f05a"; }
.block_information li a:hover { background:#edf3ea; }
.block_make_submission .content { padding:0!important; text-align:center; }
.block_make_submission a { display:block; padding:12px; color:#17351f; background:var(--agro-gold); border-radius:0; font-size:.78rem; font-weight:800; text-align:center; text-decoration:none; }
.block_make_submission a:hover { color:#fff; background:var(--agro-green); }

.obj_article_summary { margin-bottom:16px; padding:20px; border:1px solid var(--agro-line); border-radius:4px; background:#fff; box-shadow:0 5px 16px rgba(23,63,43,.05); }
.obj_article_summary .title a { color:var(--agro-forest); font-family:Georgia,"Times New Roman",serif; font-weight:700; }
.cmp_button_wire,.obj_galley_link { color:#fff; background:var(--agro-green); border-color:var(--agro-green); border-radius:3px; }
.pkp_structure_footer_wrapper { margin-top:0; background:var(--agro-forest); border:0; }
.pkp_structure_footer { padding:28px 38px; color:#dce7de; }
.pkp_structure_footer a { color:#ead071; }
.pkp_brand_footer { display:none; }

@media (max-width:1000px) {
  .pkp_structure_page { width:100%; margin:0; border:0; border-radius:0; }
  .pkp_structure_main { padding:32px 28px 44px; }
  .pkp_structure_sidebar { padding:28px; }
}
@media (max-width:760px) {
  .pkp_site_name { min-height:160px; background-position:60% center; }
  .pkp_site_name .is_text { width:78%; padding:30px 24px 34px; font-size:2.75rem; }
  .pkp_site_name .is_text::before { font-size:.58rem; }
  .pkp_site_name .is_text::after { display:none; }
  .pkp_site_nav_menu,.pkp_navigation_primary_row { background:#fff; }
  .pkp_navigation_primary>li>a,.pkp_navigation_user>li>a { color:var(--agro-forest); line-height:1.4; }
}
@media (max-width:480px) {
  .pkp_site_name { min-height:135px; }
  .pkp_site_name .is_text { width:88%; font-size:2.25rem; }
  .pkp_structure_main,.pkp_structure_sidebar { padding:24px 18px 36px; }
}