.history-page {
	max-width: 720px;
	padding: 2.5rem 2rem;
}

.history-title {
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
}

.history-title a {
	color: var(--color-accent);
}

.history-title a:hover {
	color: var(--color-accent-hover);
}

.history-section {
	margin-bottom: 1.5rem;
}

.history-section-header {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--color-text-muted);
	margin-bottom: 0.5rem;
}

.history-item {
	display: block;
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--color-card-border);
	border-radius: 3px;
	margin-bottom: 0.375rem;
	cursor: pointer;
	text-decoration: none;
	background: var(--color-card-bg);
}

.history-item:hover {
	border-color: var(--color-border-strong);
}

.history-label {
	font-size: 0.8125rem;
	font-weight: 500;
}

.history-label.current {
	color: var(--color-accent);
}

.history-label.version {
	color: var(--color-text-muted);
}

.history-label.remix {
	color: var(--color-warning);
}

.history-notes {
	display: block;
	font-size: 0.75rem;
	font-style: italic;
	color: var(--color-text-muted);
	margin-top: 0.125rem;
}

@media (max-width: 640px) {
	.history-page {
		padding: 1.5rem 1rem;
	}
}