/**
 * TMO Global UI: responsive adjustments for opt-in content only.
 * Breakpoints correspond to the documented 480/768/1024 token scale.
 */
@media (max-width: 63.9375rem) {
	body.tmo-ui-active {
		--tmo-ui-gutter: 1.5rem;
	}

	body.tmo-ui-active #content .tmo-ui-page {
		padding-block: var(--tmo-ui-space-6) var(--tmo-ui-space-12);
	}
}

@media (max-width: 47.9375rem) {
	body.tmo-ui-active {
		--tmo-ui-gutter: 1rem;
	}

	body.tmo-ui-active #content :where(.entry-title, .tmo-ui-heading--1) {
		font-size: var(--tmo-ui-font-size-3xl);
	}

	body.tmo-ui-active #content .tmo-ui-heading--2 {
		font-size: var(--tmo-ui-font-size-xl);
	}

	body.tmo-ui-active #content :where(.tmo-ui-card, .tmo-ui-panel) {
		padding: var(--tmo-ui-space-4);
		border-radius: var(--tmo-ui-radius-input);
	}

	body.tmo-ui-active #content .tmo-ui-table-wrap {
		display: block;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	body.tmo-ui-active #content .tmo-ui-table :where(th, td) {
		white-space: nowrap;
	}

	body.tmo-ui-active #content .tmo-ui-actions {
		align-items: stretch;
		flex-direction: column;
	}

	body.tmo-ui-active #content .tmo-ui-actions > .tmo-ui-button {
		width: 100%;
	}

	body.tmo-ui-active #content .tmo-ui-tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: thin;
		-webkit-overflow-scrolling: touch;
	}

	body.tmo-ui-active #content .tmo-ui-tab {
		flex: 0 0 auto;
	}
}

@media (max-width: 29.9375rem) {
	body.tmo-ui-active #content .tmo-ui-page {
		padding-block: var(--tmo-ui-space-5) var(--tmo-ui-space-10);
	}

	body.tmo-ui-active #content .tmo-ui-empty-state {
		padding: var(--tmo-ui-space-8) var(--tmo-ui-space-4);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.tmo-ui-active #content .tmo-ui-skeleton,
	body.tmo-ui-active #content .tmo-ui-spinner {
		animation: none;
	}

	body.tmo-ui-active #content :where(.tmo-ui-button, .tmo-ui-field, .tmo-ui-link, .tmo-ui-tab) {
		scroll-behavior: auto;
		transition-duration: 0.01ms;
		transform: none;
	}
}