/* DMI Maritime Research v1.7.0 — scholarly article layout
   Compatible with native OJS 3.5 article_details.tpl structure.
   No changes to the native template, article metadata, hooks or gallery links. */

/* Prevent inherited OJS float layouts and negative gutters from creating
   the empty reading column seen on the production article pages. */
body.dmi-theme.dmi-header-fixed .page_article {
  container-type: inline-size;
  container-name: dmi-article;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details {
  width: 100%; min-width: 0; box-sizing: border-box;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details > .page_title {
  max-width: 100% !important;
  font-family: var(--dmi-serif);
  font-size: clamp(30px, 3.15vw, 43px) !important;
  line-height: 1.19 !important;
  letter-spacing: -.026em;
  margin: 0 0 15px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow-wrap: break-word;
  text-wrap: pretty;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details > .subtitle {
  margin: 0 0 16px !important;
  font: 400 19px/1.5 var(--dmi-sans);
  color: var(--dmi-muted);
}
/* Author names + affiliations, directly beneath the article title.
   Progressive enhancement moves the *existing* OJS author node without cloning it. */
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details > .item.authors {
  padding: 0 0 21px !important;
  margin: 0 0 24px !important;
  border-bottom: 1px solid var(--dmi-line);
  background: transparent;
  max-width: 100%;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .item.authors > ul.authors,
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .main_entry > .item.authors ul.authors {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px 26px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .item.authors > ul.authors > li {
  display: block !important;
  min-width: 0 !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 0 0 13px !important;
  border: 0 !important;
  border-left: 2px solid #b6d7dd !important;
  overflow-wrap: anywhere;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .item.authors .name {
  display: block; color:var(--dmi-navy); font-size: 16px;
  font-weight: 700; line-height: 1.4; letter-spacing: -.006em;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .item.authors .affiliation {
  display: block; margin-top: 3px; font-size: 13.5px;
  line-height: 1.5; color: var(--dmi-muted);
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .item.authors .orcid,
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .item.authors .userGroup {
  display: block; margin-top: 3px; font-size: 12.5px; line-height: 1.4;
}
/* Expose useful semantic section headings that OJS otherwise marks screen-reader-only.
   Keep other accessibility helpers hidden as OJS intends. */
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .item.authors > h2.pkp_screen_reader,
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .entry_details > .item.galleys > h2.pkp_screen_reader {
  display:block !important;
  position:static !important;
  width:auto !important; height:auto !important;
  clip:auto !important; clip-path:none !important;
  overflow:visible !important;
  white-space:normal !important;
  margin:0 0 13px !important; padding:0 !important;
  font:600 23px/1.28 var(--dmi-serif) !important;
  letter-spacing:-.018em;
  color:var(--dmi-navy) !important;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .entry_details > .item.galleys > h2.pkp_screen_reader {
  font-size:19px !important;
  margin-bottom:10px !important;
}

/* The two *native* OJS content regions are explicit grid children.
   This avoids default-theme fixed column widths, negative margins and floats. */
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details > .row {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(220px, 255px) !important;
  gap: clamp(18px, 2.4vw, 28px) !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details > .row::before,
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details > .row::after {
  content:none !important; display:none !important;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details > .row > .main_entry {
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  height: auto !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  position: static !important;
  background:transparent !important;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details > .row > .entry_details {
  display:block !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  height: auto !important;
  float:none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 19px 20px !important;
  position: static !important;
  background: #f4f9fa !important;
  border: 1px solid #dce8ec !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
/* Reading order: DOI, keywords, abstract, references and plugin sections. */
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .main_entry > .item {
  margin: 0 0 25px !important;
  padding: 0 !important;
  min-width: 0;
  border: 0;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .main_entry > .item.doi {
  background: #eef6f7 !important; border: 1px solid #d5e7ea !important;
  border-radius: 7px !important; padding: 10px 13px !important;
  font-size: 14px; line-height: 1.5;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .main_entry > .item.doi .label,
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .main_entry > .item.keywords .label {
  display: inline !important; font-size: 14px !important; font-weight: 700;
  margin-right: 8px !important; color: var(--dmi-navy);
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .main_entry > .item.doi a {
  overflow-wrap: anywhere; word-break: break-word;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .main_entry > .item.keywords {
  font-size: 14px; line-height: 1.65; color:var(--dmi-muted);
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .main_entry > .item.abstract .label,
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .main_entry > .item.references .label,
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .main_entry > .item.author_bios .label {
  display: block !important;
  font: 600 25px/1.24 var(--dmi-serif) !important;
  margin: 0 0 12px !important;
  color: var(--dmi-navy);
  letter-spacing: -.018em;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .main_entry .abstract,
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .main_entry .abstract p {
  font-size: 16px !important; line-height: 1.76 !important;
  color:var(--dmi-ink);
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .main_entry .abstract p:first-of-type {margin-top:0;}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .main_entry .references {
  border-top: 1px solid var(--dmi-line) !important; padding-top: 24px !important;
}
/* Publication metadata / downloads rail */
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .entry_details > .item {
  margin: 0 !important; padding: 15px 0 !important;
  border: 0 !important; border-bottom: 1px solid #dce8ec !important;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .entry_details > .item:first-child {padding-top:0 !important;}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .entry_details > .item:last-child {border-bottom:0 !important;padding-bottom:0 !important;}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .entry_details .label {
  display:block !important; margin: 0 0 5px !important;
  font: 700 12px/1.4 var(--dmi-sans) !important;
  text-transform:uppercase; letter-spacing:.065em;
  color:#526c79 !important;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .entry_details .value {
  font-size: 14px; line-height: 1.6; color:var(--dmi-ink);
  overflow-wrap:anywhere;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .entry_details .cover_image {
  text-align:center;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .entry_details .cover_image img {
  display:block; max-width:150px; max-height:190px; height:auto;
  width:auto; object-fit:contain; margin:0 auto;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .entry_details ul.galleys_links,
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .entry_details ul.supplementary_galleys_links {
  display:flex !important; flex-wrap:wrap !important;
  list-style:none !important; margin:0 !important; padding:0 !important;
  gap: 8px;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .entry_details .obj_galley_link,
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .entry_details .obj_galley_link a {
  display:inline-flex !important; align-items:center; justify-content:center;
  min-height:44px; padding:9px 15px;
  border:1px solid var(--dmi-blue); border-radius:7px;
  background: var(--dmi-blue); color:#fff !important;
  font:700 14px/1.3 var(--dmi-sans); text-decoration:none;
}
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .entry_details .obj_galley_link:hover,
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .entry_details .obj_galley_link a:hover {
  background:#0c4c66; color:#fff !important;
}
/* Publication plugin citation menus and interactive controls stay intact. */
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .entry_details button,
body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .entry_details select {
  max-width:100%;
}
@container dmi-article (max-width: 715px) {
  body.dmi-theme.dmi-header-fixed .page_article .obj_article_details > .row {
    grid-template-columns: minmax(0,1fr) !important;
  }
  body.dmi-theme.dmi-header-fixed .page_article .obj_article_details > .row > .main_entry {
    grid-column:1 !important; grid-row:1 !important;
  }
  body.dmi-theme.dmi-header-fixed .page_article .obj_article_details > .row > .entry_details {
    grid-column:1 !important; grid-row:2 !important;
  }
}
@media (max-width: 760px) {
  body.dmi-theme.dmi-header-fixed .page_article .obj_article_details > .page_title {
    font-size: clamp(29px, 7vw, 36px) !important;
    line-height: 1.2 !important;
  }
  body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .item.authors > ul.authors {
    grid-template-columns:1fr !important; gap: 12px !important;
  }
  body.dmi-theme.dmi-header-fixed .page_article .obj_article_details > .item.authors {
    margin-bottom: 20px !important; padding-bottom:19px !important;
  }
  body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .main_entry .abstract,
  body.dmi-theme.dmi-header-fixed .page_article .obj_article_details .main_entry .abstract p {
    font-size: 16px !important;
  }
  body.dmi-theme.dmi-header-fixed .page_article .obj_article_details > .row > .entry_details {
    padding: 18px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.dmi-theme.dmi-header-fixed .page_article * {scroll-behavior:auto;}
}