:root {
  --agro-forest:#a93619;
  --agro-green:#d95724;
  --agro-gold:#f3b326;
  --agro-cream:#fff8ef;
  --agro-line:#ead9cf;
  --agro-ink:#402f29;
  --agro-muted:#766760;
}
html { background:#f2eeeb; }
body { background:linear-gradient(135deg,#faf7f4,#eee8e3) fixed; }
.pkp_structure_page { box-shadow:0 14px 38px rgba(111,50,25,.11); }

/* Original legacy banner, kept at its naturally compact proportion. */
.pkp_site_name { height:auto; min-height:0; aspect-ratio:7567 / 646; background:#ff8a20 url("../assets/images/jchd-header-original.png") center/100% 100% no-repeat; }
.pkp_site_name .is_text { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; }
.pkp_site_name .is_text::before,.pkp_site_name .is_text::after { content:none; }
.pkp_site_nav_menu,.pkp_navigation_primary_row { background:#a93619; }
.pkp_navigation_primary>li>a::before { color:#ffd25a; }
.pkp_navigation_primary>li:nth-child(1)>a::before { content:"\f07c"; }
.pkp_navigation_primary>li:nth-child(2)>a::before { content:"\f187"; }
.pkp_navigation_primary>li:nth-child(3)>a::before { content:"\f05a"; }
.pkp_navigation_primary>li>a:hover,.pkp_navigation_primary>li>a:focus { background:#8c2a14; box-shadow:inset 0 -3px 0 #f3b326; }
.pkp_navigation_primary ul { border-top-color:#f3b326; }
.pkp_structure_main h1,.pkp_structure_main h2,.pkp_structure_main h3 { color:#9b3018; }
.page_index_journal .homepage_about h2::after { background:#f3b326; }
.page_index_journal>.homepage_image { display:none; }
.block_make_submission a { color:#542107; background:#f3b326; }
.block_make_submission a:hover { color:#fff; background:#a93619; }
.cmp_button_wire,.obj_galley_link { background:#cf4c20; border-color:#cf4c20; }
.pkp_structure_footer_wrapper { background:#8f2c18; }

.jchd-card { margin:0 0 16px; overflow:hidden; background:#fff; border:1px solid #e2d2c9; border-radius:2px; box-shadow:0 4px 12px rgba(128,53,23,.05); }
.jchd-card__title { margin:0; padding:11px 14px; color:#fff; background:#a93619; font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.jchd-links { margin:0; padding:0; list-style:none; }
.jchd-links li { margin:0; border-bottom:1px solid #eadfd9; }
.jchd-links li:last-child { border-bottom:0; }
.jchd-links a { position:relative; display:block; padding:10px 12px 10px 38px; color:#674238; font-size:.75rem; font-weight:650; text-decoration:none; }
.jchd-links a::before { position:absolute; top:11px; left:15px; color:#d89018; font-family:FontAwesome; content:"\f15c"; }
.jchd-links li:nth-child(2) a::before { content:"\f044"; }
.jchd-links li:nth-child(3) a::before { content:"\f0c0"; }
.jchd-links li:nth-child(4) a::before { content:"\f0ae"; }
.jchd-links li:nth-child(5) a::before { content:"\f0c3"; }
.jchd-links li:nth-child(6) a::before { content:"\f0e3"; }
.jchd-links li:nth-child(7) a::before { content:"\f09c"; }
.jchd-links li:nth-child(8) a::before { content:"\f0e0"; }
.jchd-links a:hover { color:#922d17; background:#fff7ed; }
.jchd-status { padding:15px; }
.jchd-status__badge { display:block; width:150px; max-width:100%; margin:0 auto 12px; }
.jchd-status dl { margin:0; }
.jchd-status dl>div { display:flex; padding:7px 0; justify-content:space-between; gap:12px; border-top:1px solid #eadfd9; }
.jchd-status dt { color:#7c6b64; font-size:.68rem; }
.jchd-status dd { margin:0; color:#9b3018; font-size:.72rem; font-weight:750; text-align:right; }
.jchd-index { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:14px; }
.jchd-index a { display:flex; min-height:60px; padding:8px; align-items:center; justify-content:center; color:#85402b; background:#fffaf5; border:1px solid #eee0d8; border-radius:2px; font-size:.72rem; font-weight:750; text-align:center; text-decoration:none; }
.jchd-index img { display:block; width:100%; max-width:110px; height:auto; }
.jchd-download { display:block; padding:12px 14px 12px 39px; color:#674238; font-size:.76rem; font-weight:700; text-decoration:none; }
.jchd-download::before { margin-left:-24px; margin-right:10px; color:#d89018; font-family:FontAwesome; content:"\f019"; }
.jchd-download:hover { background:#fff7ed; }
.jchd-contact { padding:14px; color:#6f5c54; font-size:.72rem; line-height:1.6; }
.jchd-contact strong { display:block; color:#9b3018; }
.jchd-contact a { overflow-wrap:anywhere; }

@media (max-width:760px) {
  .pkp_site_name { aspect-ratio:7567 / 646; background-size:100% 100%; }
}
