/*
 * JGSHR — homepage visual order for OJS 3.5 Default Theme
 * Applies only to the journal homepage.
 * Keeps the homepage banner and summary ahead of the designed content,
 * followed by the Current Issue.
 * To roll back, remove this custom stylesheet in Website > Appearance > Advanced.
 */
.page_index_journal {
  display: flex;
  flex-direction: column;
}

.page_index_journal > .additional_content {
  order: 1;
}

.page_index_journal > .current_issue {
  order: 2;
}
/* JGSHR About — Add-On CSS for OJS 3.5, isolated to the About page HTML container.
   Append this CSS to the currently installed journal stylesheet; do not remove existing homepage rules.
   Does not alter the OJS site header, page layout, banner, current issue, PDFs or DOI metadata. */
#jgshr-about-design, #jgshr-about-design * { box-sizing:border-box; }
#jgshr-about-design {
  width:100%; max-width:100%; margin:2px 0 26px; padding:0;
  color:#304559; font-size:14px; line-height:1.7;
  overflow-wrap:anywhere;
}
#jgshr-about-design p { margin:0 0 12px; line-height:1.74; }
#jgshr-about-design .jgshr-about-hero {
  padding:25px 27px 21px; margin:0 0 15px;
  border:1px solid #dbe7f0; border-left:4px solid #1680ba;
  border-radius:6px; background:linear-gradient(135deg,#f2f9fd,#fff 82%);
}
#jgshr-about-design .jgshr-about-kicker {
  font-size:10px; font-weight:750; letter-spacing:1.15px;
  color:#206b98; text-transform:uppercase; margin:0 0 8px;
}
#jgshr-about-design .jgshr-about-hero h2 {
  margin:0 0 8px; font:700 25px/1.28 Georgia,'Times New Roman',serif;
  color:#154775;
}
#jgshr-about-design .jgshr-about-tagline {
  margin:0 0 15px; font:italic 15px/1.5 Georgia,'Times New Roman',serif;
  color:#457c9e;
}
#jgshr-about-design .jgshr-about-facts {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px;
  margin:0 0 15px;
}
#jgshr-about-design .jgshr-about-fact {
  min-width:0; padding:12px 11px; background:#fbfdff;
  border:1px solid #dfe9f1; border-radius:5px;
}
#jgshr-about-design .jgshr-about-fact span {
  display:block; margin-bottom:7px; font-weight:750;
  color:#647f91; font-size:9px; letter-spacing:.65px;
}
#jgshr-about-design .jgshr-about-fact strong {
  display:block; color:#174e78; font-size:14px; line-height:1.27;
}
#jgshr-about-design .jgshr-about-fact small {
  display:block; color:#6f8190; font-size:10px; line-height:1.4; margin-top:5px;
}
#jgshr-about-design .jgshr-about-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px; align-items:stretch; margin:0 0 15px;
}
#jgshr-about-design .jgshr-about-panel {
  min-width:0; margin:0; padding:19px 20px; border:1px solid #e0e8ef;
  border-radius:5px; background:#fff;
}
#jgshr-about-design .jgshr-about-panel-blue { border-top:3px solid #226fa5; }
#jgshr-about-design .jgshr-about-panel-cyan { border-top:3px solid #46a4c7; background:#fbfdff; }
#jgshr-about-design .jgshr-about-panel h3,
#jgshr-about-design .jgshr-about-footer h3 {
  margin:0 0 11px; font:700 19px/1.35 Georgia,'Times New Roman',serif;
  color:#164a74;
}
#jgshr-about-design .jgshr-about-panel p:last-child { margin-bottom:0; }
#jgshr-about-design .jgshr-about-details {
  display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.28fr);
  gap:8px 11px; margin:0; padding:0; line-height:1.45;
}
#jgshr-about-design .jgshr-about-details dt {
  margin:0; font-weight:700; font-size:12px; color:#5a7180;
}
#jgshr-about-design .jgshr-about-details dd {
  margin:0; font-size:12px; color:#304559;
}
#jgshr-about-design .jgshr-about-research { margin:0 0 15px; background:#f7fbfe; }
#jgshr-about-design .jgshr-about-topics {
  display:flex; flex-wrap:wrap; gap:7px; margin:10px 0 0;
  padding:0; list-style:none;
}
#jgshr-about-design .jgshr-about-topics li {
  display:block; margin:0; padding:5px 10px;
  border:1px solid #d9e8f3; border-radius:16px; background:#fff;
  color:#285f84; font-size:11.5px; font-weight:600; line-height:1.5;
}
#jgshr-about-design .jgshr-about-footer {
  margin:0; padding:18px 20px; border:1px solid #d7e6f0;
  border-left:3px solid #237fae; border-radius:5px; background:#f1f8fd;
}
#jgshr-about-design .jgshr-about-links {
  display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:7px;
}
#jgshr-about-design .jgshr-about-links a {
  color:#176d9f; font-size:12px; font-weight:700; text-decoration:underline;
}
#jgshr-about-design a:focus-visible { outline:3px solid #f3be53; outline-offset:3px; }
@media (max-width:800px) {
  #jgshr-about-design .jgshr-about-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  #jgshr-about-design .jgshr-about-hero { padding:18px 16px; }
  #jgshr-about-design .jgshr-about-hero h2 { font-size:21px; }
  #jgshr-about-design .jgshr-about-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
  #jgshr-about-design .jgshr-about-panel { padding:16px; }
  #jgshr-about-design .jgshr-about-details { grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); }
}
@media (max-width:365px) {
  #jgshr-about-design .jgshr-about-facts { grid-template-columns:minmax(0,1fr); }
}