/**
 * plugins/blocks/asideEditorialMetrics/styles/editorialMetrics.css
 *
 * Styling for the editorial-performance sidebar block.
 *
 * THEME-NEUTRAL BY REQUIREMENT
 * ----------------------------
 * Only one of the nine ASIDE journals runs asideTheme; the rest run
 * healthSciences, and the PKP Default theme is the fallback for both. So no
 * colour is hard-coded here beyond neutral greys and `currentColor`, and no
 * font family, spacing scale or border colour is borrowed from any one theme.
 *
 * Block plugins render inside `.pkp_block`, whose frame, heading and spacing
 * every theme already styles. This file therefore restricts itself to the
 * dl/dt/dd this plugin owns, plus two paragraphs. Anything more would fight
 * the theme, and the theme would win on some journals and not others.
 */

.block_aside_editorial_metrics .aside-metrics-window {
	margin: 0 0 10px;
	font-size: 0.75rem;
	line-height: 1.4;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	opacity: 0.65;
}

.block_aside_editorial_metrics .aside-metrics-list {
	margin: 0;
	padding: 0;
}

/* The label is the quiet half of the pair: the reader is scanning for the
   number, and the label explains it once they have found it. */
.block_aside_editorial_metrics .aside-metrics-list dt {
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.35;
	opacity: 0.7;
}

.block_aside_editorial_metrics .aside-metrics-list dd {
	margin: 0 0 12px;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
}

.block_aside_editorial_metrics .aside-metrics-list dd:last-child {
	margin-bottom: 0;
}

/* "12 of 65 decided" — the denominator behind the acceptance rate. It has to
   be present, because a rate without its basis is unverifiable, but it is not
   the figure being read, so it sits below the number at label weight. */
.block_aside_editorial_metrics .aside-metrics-basis {
	display: block;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.4;
	opacity: 0.65;
}

/* What the figures count. Small, but never hidden: it names the window and the
   acceptance-rate denominator, which is the whole difference between this box
   and the hand-typed line it replaced. */
.block_aside_editorial_metrics .aside-metrics-note {
	margin: 12px 0 0;
	padding-top: 10px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	font-size: 0.6875rem;
	line-height: 1.5;
	opacity: 0.6;
}

/* Numerals in a stat list should line up between rows. Only applied where the
   font actually has the feature, so nothing changes on a theme whose font
   lacks it. */
@supports (font-variant-numeric: tabular-nums) {

	.block_aside_editorial_metrics .aside-metrics-list dd {
		font-variant-numeric: tabular-nums;
	}
}
