:root { --agro-forest:#102d4c; --agro-green:#146779; --agro-gold:#d8a83e; --agro-cream:#f7f7f4; --agro-line:#dce3e6; --agro-ink:#263849; --agro-muted:#697783; }
html { background:#e9edf0; }
body { background:linear-gradient(135deg,#f4f6f7,#e5eaed) fixed; }
.pkp_structure_page { box-shadow:0 14px 40px rgba(16,45,76,.12); }

/* A quiet, readable masthead in navy and brass, matching the journal's physics identity. */
.pkp_site_name { position:relative; display:flex; min-height:170px; padding:0; align-items:center; overflow:hidden; background:radial-gradient(ellipse at 90% 115%,rgba(20,103,121,.72),transparent 38%),linear-gradient(115deg,#0c2540 0%,#153b5d 65%,#1a5366 100%); }
.pkp_site_name::before { position:absolute; top:-95px; right:5%; width:310px; height:310px; border:1px solid rgba(224,181,87,.35); border-radius:50%; box-shadow:0 0 0 22px rgba(255,255,255,.025),0 0 0 58px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.02); content:""; }
.pkp_site_name::after { position:absolute; right:13%; top:18px; width:145px; height:145px; border:1px solid rgba(255,255,255,.16); border-radius:50%; transform:rotate(-28deg) scaleY(.35); content:""; }
.pkp_site_name .is_text { position:relative; z-index:1; display:block; width:100%; padding:30px 7%; color:#fff; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,4.5vw,3.25rem); font-weight:600; line-height:1.05; letter-spacing:.01em; text-decoration:none; text-shadow:0 2px 16px rgba(0,0,0,.18); }
.pkp_site_name .is_text::before { display:block; margin-bottom:9px; color:#edc46b; font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:.65rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; content:"Jurnal Ilmiah Fisika · Universitas Jenderal Soedirman"; }
.pkp_site_name .is_text::after { display:block; margin-top:11px; color:#c5dbe3; font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:.8rem; font-weight:600; line-height:1.4; letter-spacing:.16em; text-transform:uppercase; content:"Teori · Modeling · Aplikasi Fisika"; }
.pkp_site_nav_menu,.pkp_navigation_primary_row { background:#0b233b; }
.pkp_navigation_primary>li>a::before { color:#e4bd6b; }
.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:"\f0a1"; }
.pkp_navigation_primary>li:nth-child(4)>a::before { content:"\f05a"; }
.pkp_navigation_primary>li>a:hover,.pkp_navigation_primary>li>a:focus { background:#071a2d; box-shadow:inset 0 -3px 0 #d8a83e; }
.pkp_navigation_primary ul { border-top-color:#d8a83e; }
.pkp_structure_main h1,.pkp_structure_main h2,.pkp_structure_main h3 { color:#123657; }
.pkp_structure_main h2 { padding-bottom:12px; border-bottom:2px solid #e0e7e9; }
.page_index_journal .homepage_about h2::after { background:#d8a83e; }
.page_index_journal .homepage_about>p:first-of-type { font-size:1.02rem; line-height:1.8; }
.page_index_journal .homepage_about { padding:28px 30px; background:#fff; border:1px solid #dce4e7; border-radius:3px; box-shadow:0 5px 18px rgba(16,45,76,.045); }
.page_index_journal .homepage_about p { line-height:1.75; }
.page_index_journal .homepage_about p[align="justify"] { text-align:left; }
.page_index_journal .current_issue { margin-top:30px; padding-top:24px; border-top:1px solid #dce5e8; }
.current_issue_title { margin:0 0 18px; padding:15px 18px; color:#123657; background:#f1f6f7; border-left:3px solid #146779; font-weight:700; }
.obj_issue_toc .cover img { max-width:210px; height:auto; border:1px solid #dbe4e7; box-shadow:0 5px 16px rgba(16,45,76,.10); }
.obj_article_summary { margin:0 0 15px; padding:18px; background:#fff; border:1px solid #dce5e8; border-radius:3px; box-shadow:0 4px 14px rgba(16,45,76,.045); }
.obj_article_summary .title a { color:#123657; font-weight:700; }
.obj_article_summary .title a:hover { color:#146779; }
.cmp_button_wire,.obj_galley_link { background:#146779; border-color:#146779; }
.block_make_submission a { color:#fff; background:#146779; }
.block_make_submission a:hover { background:#0b4c59; }
.pkp_structure_footer_wrapper { background:#0b233b; }
.pkp_structure_footer { color:#dbe5e9; }
.pkp_structure_footer a { color:#edc46b; }

.tf-card { margin:0 0 16px; overflow:hidden; background:#fff; border:1px solid #d7e0e4; border-radius:2px; box-shadow:0 4px 12px rgba(16,45,76,.05); }
.tf-card__title { margin:0; padding:11px 14px; color:#fff; background:#102d4c; font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.tf-submit { display:block; padding:13px; color:#fff!important; background:#146779; font-size:.8rem; font-weight:750; text-align:center; text-decoration:none!important; }
.tf-submit::before { margin-right:8px; font-family:FontAwesome; content:"\f093"; }
.tf-submit:hover { background:#0b4c59; }
.tf-profile { padding:14px; text-align:center; }
.tf-profile__certificate { display:block; width:100%; height:auto; margin:0 auto 12px; border:1px solid #dce3e6; }
.tf-profile dl { margin:0; text-align:left; }
.tf-profile dl>div { display:flex; padding:8px 0; justify-content:space-between; gap:12px; border-top:1px solid #e3e9eb; }
.tf-profile dt { color:#74818a; font-size:.69rem; }.tf-profile dd { margin:0; color:#123657; font-size:.73rem; font-weight:750; text-align:right; }
.tf-links { margin:0; padding:0; list-style:none; }
.tf-links li { margin:0; border-bottom:1px solid #e2e9eb; }.tf-links li:last-child { border-bottom:0; }
.tf-links a { position:relative; display:block; padding:10px 12px 10px 38px; color:#31566b; font-size:.75rem; font-weight:650; text-decoration:none; }
.tf-links a::before { position:absolute; top:11px; left:15px; color:#b78c3e; font-family:FontAwesome; content:"\f15c"; }
.tf-links a:hover { color:#0c596b; background:#f0f6f7; }
.tf-index { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:12px; align-items:center; }
.tf-index a { display:flex; min-height:52px; padding:7px; align-items:center; justify-content:center; background:#fafbfb; border:1px solid #e3e9eb; border-radius:2px; }
.tf-index img { display:block; width:100%; max-width:112px; max-height:48px; height:auto; object-fit:contain; }
.tf-contact { padding:14px; color:#667780; font-size:.72rem; line-height:1.65; }.tf-contact strong { display:block; margin-bottom:5px; color:#123657; }.tf-contact a { overflow-wrap:anywhere; }

@media (max-width:760px) {
  .pkp_site_name { min-height:145px; }
  .pkp_site_name .is_text { padding:24px 20px; font-size:2.2rem; }
  .pkp_site_name .is_text::before { font-size:.55rem; }
  .pkp_site_name .is_text::after { font-size:.67rem; letter-spacing:.1em; }
  .pkp_site_name::before { right:-120px; }
  .pkp_site_name::after { right:2%; }
  .page_index_journal .homepage_about { padding:21px 19px; }
}
