/* ===== GJLS - DergiPark style design ===== */
:root{
  --navy:#0b2a4a; --navy2:#123a63;
  --teal:#0e8a8a; --teal-d:#0a6d6d;
  --amber:#f2a900;
  --ink:#1f2933; --muted:#5b6b7b;
  --line:#e3e9ef; --bg:#f4f7fa; --white:#fff;
  --r:12px; --shadow:0 6px 20px rgba(11,42,74,.08);
}
body{font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;font-size:15px}
a{color:var(--teal-d);text-decoration:none}
a:hover,a:focus{color:var(--navy);text-decoration:none}

/* ---------- Header ---------- */
.pkp_structure_head{background:var(--white);border-bottom:4px solid var(--teal);box-shadow:0 2px 10px rgba(11,42,74,.06)}
.pkp_head_wrapper{max-width:1240px;margin:0 auto;padding:0 20px}
.pkp_site_name{padding:18px 0 12px}
.pkp_site_name .is_text{font-size:30px;font-weight:800;color:var(--navy);letter-spacing:-.3px;line-height:1.2}
.pkp_site_name .is_img img{max-height:90px}
.pkp_navigation_user_wrapper a{color:var(--muted);font-size:13px;font-weight:600}
.pkp_navigation_user_wrapper a:hover{color:var(--teal-d)}

/* nav bar */
.pkp_navigation_primary_row{background:var(--navy)}
.pkp_navigation_primary_wrapper{max-width:1240px;margin:0 auto}
.pkp_navigation_primary>li>a{color:#fff;font-weight:600;font-size:14px;padding:14px 18px;border-bottom:3px solid transparent;transition:.2s}
.pkp_navigation_primary>li>a:hover,
.pkp_navigation_primary>li>a:focus,
.pkp_navigation_primary>li:hover>a{background:var(--navy2);color:#fff;border-bottom-color:var(--amber)}
.pkp_navigation_primary ul{background:#fff;border:0;border-top:3px solid var(--amber);border-radius:0 0 10px 10px;box-shadow:var(--shadow);min-width:230px}
.pkp_navigation_primary ul a{color:var(--navy);font-size:13.5px;padding:9px 18px;border-bottom:1px solid var(--line)}
.pkp_navigation_primary ul a:hover{background:#eef6f6;color:var(--teal-d)}
.pkp_navigation_search_wrapper a{color:#fff;font-weight:600}

/* ---------- Layout ---------- */
.pkp_structure_page{background:transparent}
.pkp_structure_content{max-width:1240px;margin:0 auto;padding:28px 20px 10px}
.pkp_structure_main{width:100%;float:none;padding:0}
.pkp_structure_main:before,.pkp_structure_main:after{display:none}
.pkp_structure_sidebar{display:none} /* sidebar hide */
.page_index_journal .homepage_about>h2{display:none}
.page_index_journal h2,.page_index_journal .current_issue h2{font-size:22px;font-weight:800;color:var(--navy);margin:0 0 18px;padding-left:14px;border-left:5px solid var(--amber)}

/* ---------- Custom sections (Journal Summary) ---------- */
.gj *{box-sizing:border-box}
.gj{margin:0 0 30px}
.gj p{margin:0}

/* hero */
.gj-hero{display:flex;gap:34px;align-items:center;background:linear-gradient(120deg,var(--navy) 0%,var(--navy2) 60%,var(--teal-d) 140%);border-radius:var(--r);padding:34px;color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}
.gj-hero:after{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:rgba(242,169,0,.14)}
.gj-cover{flex:0 0 190px;position:relative;z-index:1}
.gj-cover img{display:block;width:100%;height:auto;border-radius:6px;border:4px solid #fff;box-shadow:0 14px 30px rgba(0,0,0,.35)}
.gj-body{position:relative;z-index:1;flex:1}
.gj-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.gj-meta span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:3px 12px;border-radius:30px;font-size:12.5px;font-weight:600}
.gj-pub{font-size:14px;color:#cfe0ee;margin-bottom:6px}
.gj-pub a{color:var(--amber);font-weight:700}
.gj-title{font-size:32px;font-weight:800;line-height:1.2;margin:0 0 10px;color:#fff}
.gj-model{font-size:14px;color:#e6f0f7;margin-bottom:20px}
.gj-actions{display:flex;flex-wrap:wrap;gap:12px}
.gj-btn{display:inline-block;padding:11px 24px;border-radius:8px;font-weight:700;font-size:14px;transition:.2s;border:2px solid transparent}
.gj-btn-amber{background:var(--amber);color:var(--navy)!important}
.gj-btn-amber:hover{background:#ffc22e;transform:translateY(-2px)}
.gj-btn-line{border-color:#fff;color:#fff!important}
.gj-btn-line:hover{background:#fff;color:var(--navy)!important;transform:translateY(-2px)}

/* stats */
.gj-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}
.gj-stat{background:#fff;border:1px solid var(--line);border-top:4px solid var(--teal);border-radius:var(--r);padding:18px 14px;text-align:center;box-shadow:var(--shadow)}
.gj-stat:nth-child(even){border-top-color:var(--amber)}
.gj-stat b{display:block;font-size:26px;font-weight:800;color:var(--navy);line-height:1.2}
.gj-stat span{font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:600}

/* cards / two column */
.gj-cols{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.gj-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--shadow);margin-bottom:20px}
.gj-card h3{font-size:18px;font-weight:800;color:var(--navy);margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--line);position:relative}
.gj-card h3:after{content:"";position:absolute;left:0;bottom:-2px;width:60px;height:2px;background:var(--amber)}
.gj-card p{margin-bottom:12px;color:#33414d;text-align:justify}
.gj-card p:last-child{margin-bottom:0}

/* explore list */
.gj-links{list-style:none;margin:0;padding:0}
.gj-links li{border-bottom:1px solid var(--line)}
.gj-links li:last-child{border:0}
.gj-links a{display:block;padding:9px 4px 9px 18px;font-weight:600;font-size:14px;color:var(--navy);position:relative;transition:.2s}
.gj-links a:before{content:"\203A";position:absolute;left:2px;top:6px;font-size:20px;color:var(--amber);line-height:1.2}
.gj-links a:hover{color:var(--teal-d);padding-left:24px}

/* journal information list */
.gj-info{margin:0}
.gj-info div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px}
.gj-info div:last-child{border:0}
.gj-info dt{font-weight:700;color:var(--muted);margin:0}
.gj-info dd{margin:0;text-align:right;color:var(--navy);font-weight:600}

/* indexing pills */
.gj-pills{display:flex;flex-wrap:wrap;gap:10px}
.gj-pills span{background:#eef6f6;border:1px solid #cfe6e6;color:var(--teal-d);padding:7px 16px;border-radius:30px;font-weight:700;font-size:13px}
.gj-note{background:#fff8e6;border-left:5px solid var(--amber);border-radius:8px;padding:14px 18px;font-size:14px;margin-top:16px}

/* ---------- Current issue / articles ---------- */
.current_issue{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--shadow);margin-bottom:24px}
.current_issue_title{font-size:16px;font-weight:700;color:var(--teal-d);margin:0 0 16px}
.obj_issue_toc .cover{float:left;margin:0 24px 14px 0}
.obj_issue_toc .cover img{width:170px;height:auto;border-radius:6px;box-shadow:0 10px 24px rgba(11,42,74,.25)}
.obj_issue_toc .published{color:var(--muted);font-size:13.5px}
.obj_issue_toc .sections{clear:both;padding-top:10px}
.obj_issue_toc .section h2{font-size:15px;text-transform:uppercase;letter-spacing:.8px;color:var(--teal-d);border:0;padding:0;margin:20px 0 12px}
.cmp_article_list{list-style:none;margin:0;padding:0}
.cmp_article_list>li{margin:0 0 14px}
.obj_article_summary{background:#fff;border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:10px;padding:16px 18px;transition:.2s;position:relative}
.obj_article_summary:hover{box-shadow:var(--shadow);border-left-color:var(--amber);transform:translateY(-2px)}
.obj_article_summary .title{font-size:16px;font-weight:700;line-height:1.45;margin:0 0 6px}
.obj_article_summary .title a{color:var(--navy)}
.obj_article_summary .title a:hover{color:var(--teal-d)}
.obj_article_summary .meta{font-size:13.5px;color:var(--muted)}
.obj_article_summary .authors{font-weight:600;color:#33414d}
.obj_article_summary .pages{display:inline-block;margin-top:4px;font-size:12.5px;background:#eef2f6;padding:1px 10px;border-radius:20px}
.obj_article_summary .doi{font-size:13px;margin-top:4px}
ul.galleys_links{list-style:none;margin:10px 0 0;padding:0;display:flex;gap:8px}
.obj_galley_link{display:inline-block;background:var(--teal);color:#fff!important;border:0;border-radius:6px;padding:5px 16px;font-size:13px;font-weight:700}
.obj_galley_link:hover{background:var(--navy)}
.current_issue .read_more,.cmp_button_wire,a.read_more{display:inline-block;background:var(--navy);color:#fff!important;border-radius:8px;padding:9px 22px;font-weight:700;border:0}
.current_issue .read_more:hover{background:var(--teal-d)}

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper{background:var(--navy);color:#cfe0ee;border-top:5px solid var(--amber);margin-top:30px}
.pkp_footer_content{max-width:1240px;margin:0 auto;padding:30px 20px;font-size:13.5px}
.pkp_footer_content a{color:var(--amber)}
.pkp_footer_content img{max-width:100%;height:auto}

/* ---------- Mobile ---------- */
@media (max-width:991px){
  .pkp_site_name .is_text{font-size:22px}
  .gj-cols{grid-template-columns:1fr}
  .gj-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .pkp_structure_content{padding:18px 12px 6px}
  .gj-hero{flex-direction:column;text-align:center;padding:26px 18px}
  .gj-cover{flex-basis:auto;width:150px}
  .gj-meta,.gj-actions{justify-content:center}
  .gj-title{font-size:24px}
  .gj-stats{gap:10px}
  .gj-stat b{font-size:21px}
  .obj_issue_toc .cover{float:none;text-align:center;margin:0 0 14px}
  .gj-info div{flex-direction:column;gap:0}
  .gj-info dd{text-align:left}
}
/* ===== FIX PACK - append at end ===== */

/* hero chips */
.gj-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.gj-chip{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);padding:4px 14px;border-radius:30px;font-size:12.5px;font-weight:600;color:#fff;line-height:1.4}

/* stats */
.gj-stat .gj-n{font-size:26px;font-weight:800;color:var(--navy);line-height:1.25}
.gj-stat .gj-l{font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:600;margin-top:2px}

/* explore tiles */
.gj-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gj-tiles a{display:block;background:#f6fafb;border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:10px;padding:12px 14px;font-weight:700;font-size:14px;color:var(--navy);transition:.2s}
.gj-tiles a:hover{background:#fff;border-left-color:var(--teal);box-shadow:var(--shadow);transform:translateY(-2px);color:var(--teal-d)}

/* journal information rows */
.gj-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.gj-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:14px}
.gj-k{color:var(--muted);font-weight:700}
.gj-v{color:var(--navy);font-weight:600;text-align:right}
.gj-v a{color:var(--teal-d)}

/* indexing logos */
.gj-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}
.gj-logo{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:10px;height:90px;padding:10px;transition:.2s}
.gj-logo:hover{border-color:var(--teal);box-shadow:var(--shadow);transform:translateY(-2px)}
.gj-logo img{display:block;max-height:64px;max-width:100%;width:auto;height:auto}
.gj-lic{margin-top:18px;font-size:13px;color:var(--muted);text-align:center}

/* additional content wrapper spacing */
.additional_content{margin:0}
.additional_content .gj{margin-top:6px}

@media (max-width:991px){
  .gj-tiles{grid-template-columns:repeat(2,1fr)}
  .gj-rows{grid-template-columns:1fr}
}
@media (max-width:480px){
  .gj-tiles{grid-template-columns:1fr}
  .gj-row{flex-direction:column;gap:0}
  .gj-v{text-align:left}
}