/* IJRMP Homepage — aligned edition, October 2026.
   Complete replacement for IJRMP_Homepage_Style_Order.css.
   This CSS belongs ONLY to the IJRMP journal; back up any existing CSS before upload.
   OJS Default Theme: image > additional content > current issue (visual order only).
   Leave OJS files, the header banner, DOI links and article listings unchanged.
*/

/* The OJS homepage order: all top-level sections retain their own HTML, but
   the additional content visually moves before current issue. */
.page_index_journal {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.page_index_journal > .homepage_image   { order: 0; }
.page_index_journal > .homepage_about   { order: 1; }
.page_index_journal > .additional_content { order: 2; }
.page_index_journal > .current_issue    { order: 3; }

/* Align the OUTER edges: the top banner and every homepage content block
   occupy the same main-column width. The intro's text padding is INSIDE. */
.page_index_journal > .homepage_image,
.page_index_journal > .additional_content,
.page_index_journal > .current_issue {
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
  margin-left: 0;
  margin-right: 0;
}
.page_index_journal > .homepage_image,
.page_index_journal > .additional_content {
  padding-left: 0;
  padding-right: 0;
}
.page_index_journal .homepage_image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* Isolate homepage styling to avoid affecting submissions or article pages. */
#ijrmp-home,
#ijrmp-home *,
#ijrmp-home *::before,
#ijrmp-home *::after { box-sizing: border-box; }
#ijrmp-home {
  width: 100%;
  max-width: none;
  margin: 0 0 18px;
  padding: 0;
  color: #283449;
  font: 15px/1.72 'Noto Sans', Arial, sans-serif;
}
#ijrmp-home > * {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin-left: 0;
  margin-right: 0;
}
#ijrmp-home p { margin-top: 0; }
#ijrmp-home .ijrmp-home-intro {
  background: #f7f5f1;
  border: 1px solid #e6e0d6;
  border-left: 5px solid #a98756;
  border-radius: 6px;
  padding: 23px 25px;
  margin-top: 17px;
  margin-bottom: 16px;
}
#ijrmp-home .eyebrow {
  display: block;
  font: 700 10px/1.5 'Noto Sans', Arial, sans-serif;
  letter-spacing: 1.4px;
  color: #896a43;
  text-transform: uppercase;
  margin-bottom: 8px;
}
#ijrmp-home h2,
#ijrmp-home h3 {
  font-family: Georgia, 'Noto Serif', serif;
  color: #233b64;
  overflow-wrap: break-word;
  word-break: normal;
}
#ijrmp-home .ijrmp-home-intro h2 {
  margin: 0 0 10px;
  font-size: 25px;
  line-height: 1.32;
}
#ijrmp-home .subtitle {
  font: 16px/1.5 Georgia, 'Noto Serif', serif;
  color: #84623e;
  margin-bottom: 15px;
}
#ijrmp-home .ijrmp-home-intro p:not(.eyebrow):not(.subtitle) {
  line-height: 1.78;
  margin-bottom: 10px;
}
#ijrmp-home .ijrmp-home-intro p:last-child { margin-bottom: 0; }

/* Metadata cards: four equal columns on wide viewports. */
#ijrmp-home .ijrmp-meta-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 0;
  margin-bottom: 16px;
}
#ijrmp-home .meta-box {
  min-width: 0;
  padding: 13px 14px;
  background: #f9fbfd;
  border: 1px solid #e4e9ef;
  border-radius: 6px;
}
#ijrmp-home .meta-label {
  color: #7c8796;
  font: 700 10px/1.4 'Noto Sans', Arial, sans-serif;
  letter-spacing: .7px;
  text-transform: uppercase;
}
#ijrmp-home .meta-value {
  color: #233b64;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 5px;
}
#ijrmp-home .meta-note {
  color: #778497;
  font-size: 11px;
  margin-top: 4px;
}

/* The TWO columns align exactly to the full width of the intro and banner. */
#ijrmp-home .ijrmp-two-col {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 14px;
}
#ijrmp-home .ijrmp-card {
  min-width: 0;
  padding: 19px 20px;
  background: #fff;
  border: 1px solid #e3e6ee;
  border-radius: 6px;
}
#ijrmp-home .ijrmp-main-pair .ijrmp-card:first-child { border-top: 3px solid #345984; }
#ijrmp-home .ijrmp-main-pair .ijrmp-card:last-child { border-top: 3px solid #a98756; }
#ijrmp-home .ijrmp-card h3 {
  font-size: 19px;
  line-height: 1.35;
  margin: 0 0 11px;
}
#ijrmp-home .ijrmp-card p { margin: 0 0 11px; }
#ijrmp-home .ijrmp-card p:last-child { margin-bottom: 0; }
#ijrmp-home .ijrmp-card ul { margin: 0 0 13px; padding-left: 21px; }
#ijrmp-home .ijrmp-card li { margin-bottom: 3px; }
#ijrmp-home .ijrmp-areas-card { background: #f9fafc; margin-bottom: 14px; }
#ijrmp-home .ijrmp-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
#ijrmp-home .ijrmp-topic {
  display: inline-block;
  border: 1px solid #e1e5ee;
  border-radius: 18px;
  background: #fff;
  color: #3d506d;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 600;
}
#ijrmp-home .ijrmp-btn {
  display: inline-block;
  margin-top: 4px;
  padding: 10px 14px;
  border-radius: 4px;
  background: #263e69;
  color: #fff !important;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 700;
  text-decoration: none;
}
#ijrmp-home .ijrmp-btn-gold { background: #a37e4d; }
#ijrmp-home a:focus-visible { outline: 3px solid #e2b05c; outline-offset: 3px; }
#ijrmp-home a:hover { filter: brightness(.93); text-decoration: none; }
#ijrmp-home .ijrmp-editorial-note {
  background: #f3f6fa;
  border-color: #dce4ee;
  margin-bottom: 12px;
}
#ijrmp-home .ijrmp-link-row { font-size: 13px; }
#ijrmp-home .ijrmp-link-row a { color: #234b81; font-weight: 700; }
#ijrmp-home .ijrmp-link-row a + a { margin-left: 5px; }

.page_index_journal > .current_issue {
  margin-top: 23px;
  border-top: 1px solid #e3e6eb;
  padding-top: 18px;
}

/* Tablet & mobile: no overflow and consistent outer edges. */
@media (max-width: 880px) {
  #ijrmp-home .ijrmp-meta-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  #ijrmp-home { font-size: 14px; }
  #ijrmp-home .ijrmp-home-intro { padding: 18px 16px; margin-top: 12px; }
  #ijrmp-home .ijrmp-home-intro h2 { font-size: 21px; }
  #ijrmp-home .ijrmp-two-col { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  #ijrmp-home .ijrmp-card { padding: 16px; }
  #ijrmp-home .ijrmp-card h3 { font-size: 18px; }
}
@media (max-width: 380px) {
  #ijrmp-home .ijrmp-meta-grid { grid-template-columns: minmax(0, 1fr); }
}


/* ===== IJRMP About the Journal — safely scoped to #ijrmp-about =====
   All homepage styling above this block is retained unchanged.
   Does not change OJS global headings, banner, articles, DOI or sidebar.
*/
#ijrmp-about, #ijrmp-about * { box-sizing: border-box; }
#ijrmp-about {
  width:100%; max-width:100%; margin: 2px 0 24px; padding:0;
  font-size:14px; line-height:1.72; color:#344052;
  overflow-wrap:break-word;
}
#ijrmp-about p { margin:0 0 12px; line-height:1.72; }
#ijrmp-about .ijrmp-about-hero {
  padding:25px 27px 20px; margin:0 0 15px;
  border:1px solid #e0e1e6; border-left:4px solid #a48356;
  border-radius:5px; background:linear-gradient(135deg,#fcfaf6 0%,#fff 82%);
}
#ijrmp-about .ijrmp-about-kicker {
  color:#94754f; font-size:10px; letter-spacing:1.3px;
  text-transform:uppercase; font-weight:750; margin-bottom:8px;
}
#ijrmp-about .ijrmp-about-hero h2 {
  margin:0 0 8px; font-family:Georgia,'Times New Roman',serif;
  color:#263e69; font-size:25px; line-height:1.25; font-weight:700;
}
#ijrmp-about .ijrmp-about-tagline {
  color:#826b53; font-family:Georgia,'Times New Roman',serif;
  font-size:15px; font-style:italic; margin:0 0 16px;
}
#ijrmp-about .ijrmp-about-facts {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px;
  margin:0 0 15px;
}
#ijrmp-about .ijrmp-about-fact {
  min-width:0; padding:12px 11px; background:#fafafa;
  border:1px solid #e1e4e9; border-radius:5px;
}
#ijrmp-about .ijrmp-about-fact span {
  display:block; margin-bottom:7px; color:#797a7e; font-size:9px;
  letter-spacing:.65px; font-weight:750;
}
#ijrmp-about .ijrmp-about-fact strong {
  display:block; color:#293f63; font-size:14px; line-height:1.25;
}
#ijrmp-about .ijrmp-about-fact small {
  display:block; font-size:10px; color:#79818a; margin-top:5px; line-height:1.35;
}
#ijrmp-about .ijrmp-about-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px; margin-bottom:15px; align-items:stretch;
}
#ijrmp-about .ijrmp-about-panel {
  min-width:0; padding:19px 20px; margin:0;
  border:1px solid #e3e6ec; border-radius:5px; background:#fff;
}
#ijrmp-about .ijrmp-about-panel-blue { border-top:3px solid #345984; }
#ijrmp-about .ijrmp-about-panel-gold { border-top:3px solid #a98756; }
#ijrmp-about .ijrmp-about-panel h3,
#ijrmp-about .ijrmp-about-footer h3 {
  margin:0 0 11px; font:700 19px/1.33 Georgia,'Times New Roman',serif;
  color:#263e69;
}
#ijrmp-about .ijrmp-about-panel p:last-child { margin-bottom:0; }
#ijrmp-about .ijrmp-about-details {
  display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);
  column-gap:11px; row-gap:7px; margin:0; line-height:1.4;
}
#ijrmp-about .ijrmp-about-details dt { font-size:12px; font-weight:700; color:#5a6471; }
#ijrmp-about .ijrmp-about-details dd { margin:0; font-size:12px; color:#344052; }
#ijrmp-about .ijrmp-about-research { margin-bottom:15px; background:#f8fafc; }
#ijrmp-about .ijrmp-about-topics {
  display:flex; flex-wrap:wrap; gap:7px; padding:0; margin:10px 0 0;
  list-style:none;
}
#ijrmp-about .ijrmp-about-topics li {
  margin:0; padding:5px 10px; border:1px solid #dfe4ec;
  background:#fff; border-radius:16px; font-size:11.5px;
  line-height:1.45; color:#394f6a; font-weight:600;
}
#ijrmp-about .ijrmp-about-btn {
  display:inline-block; max-width:100%; padding:9px 12px;
  color:#fff !important; background:#263e69; border-radius:4px;
  font-size:12px; font-weight:700; line-height:1.4; text-decoration:none;
}
#ijrmp-about .ijrmp-about-btn-gold { background:#99774c; }
#ijrmp-about a:hover { text-decoration:underline; }
#ijrmp-about a:focus-visible { outline:3px solid #dcae63; outline-offset:3px; }
#ijrmp-about .ijrmp-about-footer {
  margin:0; padding:18px 20px;
  background:#f3f6fa; border:1px solid #dfe6ee;
  border-left:3px solid #345984; border-radius:5px;
}
#ijrmp-about .ijrmp-about-links {
  display:flex; flex-wrap:wrap; gap:9px 18px; margin-top:9px;
}
#ijrmp-about .ijrmp-about-links a {
  color:#275181; font-weight:700; font-size:12px; text-decoration:underline;
}
@media (max-width:800px) {
  #ijrmp-about .ijrmp-about-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  #ijrmp-about .ijrmp-about-hero { padding:18px 16px; }
  #ijrmp-about .ijrmp-about-hero h2 { font-size:21px; }
  #ijrmp-about .ijrmp-about-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
  #ijrmp-about .ijrmp-about-panel { padding:16px; }
  #ijrmp-about .ijrmp-about-details { grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); }
}
@media (max-width:365px) {
  #ijrmp-about .ijrmp-about-facts { grid-template-columns:minmax(0,1fr); }
}