/**
 * Messages page styling — scoped to .tri-sp-messages page root.
 * Overrides Better Messages vendor styling to match TRI dark/gold design.
 */

.tri-sp-messages {
	color: var(--tri-sp-text);
	background: transparent;
}

.tri-sp-messages__header {
	margin: 0 0 32px;
}

.tri-sp-messages__header h1 {
	font-family: var(--tri-sp-font-heading);
	font-size: 32px;
	font-weight: 700;
	color: var(--tri-sp-text);
	margin: 0 0 12px;
}

.tri-sp-messages__subtitle {
	font-size: 14px;
	color: var(--tri-sp-text-muted);
	margin: 0;
	line-height: 1.6;
}

.tri-sp-messages__content {
	background: transparent;
}

/* Responsive */
@media (max-width: 768px) {
	.tri-sp-messages__header h1 {
		font-size: 24px;
	}
}

@media (max-width: 390px) {
	.tri-sp-messages__header h1 {
		font-size: 20px;
	}
}