/*
 * Article detail layout corrections.
 *
 * OJS' default article stylesheet floats .main_entry and .entry_details and
 * assigns them fixed percentage widths. Reset those legacy rules before using
 * the AJAIR grid so the abstract stays in the reading column and the article
 * tools remain in the supporting rail.
 */

.ajair-theme .obj_article_details > .page_title {
  max-width: 20ch;
  font-size: clamp(2.5rem, 4.2vw, 3.75rem);
  line-height: 1.04;
}

.ajair-theme .obj_article_details > .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 280px);
  align-items: start;
  gap: 48px;
  width: 100%;
  margin: 0;
}

.ajair-theme .obj_article_details > .row > .main_entry {
  grid-column: 1;
  grid-row: 1;
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.ajair-theme .obj_article_details > .row > .entry_details {
  grid-column: 2;
  grid-row: 1;
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
}

@media (max-width: 980px) {
  .ajair-theme .obj_article_details > .row {
    grid-template-columns: minmax(0, 1fr);
    gap: 38px;
  }

  .ajair-theme .obj_article_details > .row > .main_entry {
    grid-column: 1;
    grid-row: 1;
  }

  .ajair-theme .obj_article_details > .row > .entry_details {
    grid-column: 1;
    grid-row: 2;
  }
}

@media (max-width: 680px) {
  .ajair-theme .obj_article_details > .page_title {
    max-width: none;
    font-size: clamp(2.1rem, 10vw, 2.75rem);
  }
}