.timeline-container {
	max-width: 900px;
	margin: 0 auto;
	padding: 10px 15px 40px 15px;

	display: flex;
	flex-direction: column;
	gap: 30px;
}

.era-tag {
	font-weight: bold;
	font-size:0.9em;
}

.era-desc {
	font-style: italic;
	line-height: 1.4;
}

.timeline-container .highlight {
	margin-left:0;
}

h2.cycle-header {
	margin-bottom: -12px;
}


.indivc.timeline-card {
	margin-top: 0px;
	margin-bottom: 8px;
}

.timeline-card {
	display:flex;
	align-items:center;
}

.timeline-card .asdiv {
	flex: 1 1 auto;
	min-width:0;
	padding: 8px 12px;
}

.timeline-card svg {
	width:32px;
	height:32px;
	margin:0 12px 0 4px;
	flex-shrink: 0;
}

.timeline-controls .asbutton {
	line-height:2.2em;
}

.card-redacted {
	/* border-left: 3px solid #ab3700; */
}

.redacted {
	background-color: #2b2b2b;
	color: #eee;
	padding: 1px 6px;
	border-radius: 3px;
	font-family: monospace;
	font-size: 0.9em;
	letter-spacing: 0.5px;
}

.card-actions {
	margin-top: 0.5em;
}

.filter-btn.active {
	font-weight: bold;
	background-color: #0d6780;
	color: #fff;
}

.card-desc p {
	margin: 0 0 0.5em 0;
}

.card-desc p:last-child {
	margin-bottom: 0;
}

.card-lore .asdiv {
	background-color:#F2EFE0;
	border-top-color:#00a0ce;
}

.card-lore .asdiv .card-desc * {
	font-family:'Times New Roman', Times, serif !important;
}

.card-lore .asdiv .card-desc {
	font-size:1.35em;
	line-height: 1.35em;
	padding: 8px 24px;
	text-align:justify;
}

.card-lore .asdiv h2 {
	font-family:'Times New Roman', Times, serif !important;
	font-size:2em;
}