/**
 * plugins/generic/articleTimeline/styles/timeline.css
 *
 * Minimal styling for the editorial timeline. Colors and fonts are
 * inherited from the active theme.
 */

.article-timeline-main {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25em 0;
	margin: 1rem 0;
	font-size: 0.9em;
}

.article-timeline-main .article-timeline-entry {
	display: inline-flex;
	align-items: baseline;
	white-space: nowrap;
}

.article-timeline-main .article-timeline-entry:not(:last-child)::after {
	content: "·";
	margin: 0 0.5em;
	opacity: 0.6;
}

.article-timeline .article-timeline-label {
	font-weight: 600;
	margin-inline-end: 0.25em;
}

.article-timeline-sidebar .article-timeline-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.article-timeline-sidebar .article-timeline-entry {
	display: flex;
	justify-content: space-between;
	gap: 0.75em;
}