/**
 * plugins/blocks/asideAuthorGeography/styles/authorGeography.css
 *
 * The "Global reach" sidebar block.
 *
 * THEME-NEUTRAL BY REQUIREMENT
 * ----------------------------
 * Eight of the nine ASIDE journals run healthSciences rather than asideTheme,
 * and the PKP Default theme is the fallback under both. So no colour is
 * hard-coded except neutral greys and `currentColor`, no font family is set,
 * and no font size is stated in px. The block inherits the theme's `.pkp_block`
 * and `.title` treatment exactly as core's own blocks do, and everything below
 * only styles the parts core has no opinion about.
 *
 * A brand colour here would be wrong on eight journals out of nine, and a
 * !important would be wrong on all of them.
 *
 * NO VISUALISATION
 * ----------------
 * Deliberately no map, no chart, no flags. A sidebar column is 200-300px wide;
 * anything cartographic at that size is decoration that fails to communicate,
 * and flag sprites would add an asset per country and a political argument per
 * release. A ranked list reads correctly at every width and in every theme.
 */

.block_aside_author_geography .aside_geo_summary {
	margin: 0 0 12px;
	line-height: 1.5;
}

/* ------------------------------------------------------------------
   The ranked list
   ------------------------------------------------------------------
   Country on the left, count on the right, on one row. Flex rather than a
   table so a long country name ("Korea, Democratic People's Republic of" is a
   real value in this data) wraps within its own column instead of forcing the
   sidebar wider. */

.block_aside_author_geography .aside_geo_list {
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
}

.block_aside_author_geography .aside_geo_item {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	padding: 4px 0;
	line-height: 1.4;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.block_aside_author_geography .aside_geo_item:last-child {
	border-bottom: 0;
}

.block_aside_author_geography .aside_geo_country {
	min-width: 0;          /* lets a long name wrap inside a flex item */
	overflow-wrap: break-word;
}

/* The number is the point of the row, so it is the only thing given weight.
   `currentColor` and tabular figures, no accent colour — the emphasis has to
   come from the type, because the palette is the theme's to decide. */
.block_aside_author_geography .aside_geo_count {
	flex: 0 0 auto;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: currentColor;
}

/* ------------------------------------------------------------------
   Tail and provenance
   ------------------------------------------------------------------
   Both are secondary to the list. Quieted with opacity rather than a grey
   value, so they stay legible against a dark theme as well as a light one —
   a hard-coded #666 disappears on a dark sidebar. */

.block_aside_author_geography .aside_geo_more {
	margin: 0 0 12px;
	line-height: 1.4;
	opacity: 0.75;
}

/* The line that says what was counted. It is small, but it is not decoration:
   it is what makes the headline number verifiable, so it is never hidden and
   never dropped below a readable size. */
.block_aside_author_geography .aside_geo_basis {
	margin: 0;
	padding-top: 8px;
	font-size: 0.8125rem;
	line-height: 1.45;
	opacity: 0.7;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}