/**
 * plugins/generic/asideArticleHistory/styles/articleHistory.css
 *
 * Loaded on the article page only, after the active theme's stylesheet.
 *
 * Theme-neutral: no colour beyond `currentColor` and neutral greys, so this
 * reads correctly under asideTheme, healthSciences and the PKP Default theme.
 * The block reuses core's .item / .label / .value rail structure, so most of
 * its appearance comes from the theme for free.
 */

/* ------------------------------------------------------------------
   1. Retire core's standalone "Published" item
   ------------------------------------------------------------------
   The Article history block carries Published as its last line, exactly as the
   ARTICLE INFO panel in the journal's own PDFs does. Leaving core's separate
   Published item in the same column would print the same date twice, a few
   centimetres apart.

   Hidden with CSS, not removed — disabling this plugin restores it with no
   other action. The date is still in the page either way, so nothing is lost
   to a reader or a crawler.

   Scoped to the article page: issue pages keep their own Published line. */

.pkp_page_article .entry_details > .item.published {
	display: none;
}

/* ------------------------------------------------------------------
   2. The block
   ------------------------------------------------------------------ */

.aside-article-history dl {
	margin: 0;
}

.aside-article-history dt {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.4;
	opacity: 0.7;
}

.aside-article-history dd {
	margin: 0 0 8px;
	font-size: 0.875rem;
	line-height: 1.4;
}

.aside-article-history dd:last-child {
	margin-bottom: 0;
}

/*
 * On a wide enough rail the label and date sit on one line, which is how the
 * PDF sets them. Below that they stack, because "Received in revised form" and
 * a date will not share a narrow column without wrapping into nonsense.
 */
@media (min-width: 480px) {

	.aside-article-history dl {
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: 10px;
		row-gap: 2px;
		align-items: baseline;
	}

	.aside-article-history dt,
	.aside-article-history dd {
		margin: 0;
	}
}