/* History page typography and tablet adjustments */
/* body.history-page {
	/* no-op class hook for page-specific overrides */
/* } */ 

/* Tablet-specific adjustments for history page */
@media (min-width: 768px) and (max-width: 1199px) {
	/* Make the history list and dashboard easier to read on tablets */
	#history-stats .card-body { font-size: 1.1rem; }
	#history-stats h6 { font-size: 1.05rem; }

	/* Table readability */
	#history-body td, #history-body th {
		font-size: 1.05rem;
		padding: 1rem 1rem;
	}

	/* Increase the audio player and controls size */
	#audio-player-container { font-size: 1.1rem; padding: 1.25rem !important; }
	#audio-player { height: 36px; }

	/* Crowd chart container and labels */
	#crowdBarChart { max-height: 120px; }

	/* Modal text and headings inside history */
	#crowdStyleModal .modal-title, #crowdStyleModal .modal-body { font-size: 1.1rem; }
}

/* Override small inline font-size usages on history page for tablets */
@media (min-width: 768px) and (max-width: 1199px) {
	/* many elements in history.html use 'small opacity-75' with inline tiny font; increase for readability */
	#history-stats .small.opacity-75,
	#history-stats .small,
	#history-body .small,
	#history-body .small.opacity-75 {
		font-size: 1rem !important;
	}
}