/*
 * Override the legacy Customizer inline row/inset without editing its database CSS.
 * The descendant scope also covers AtlasVoice's tts_content_wrapper_* container.
 * Preserve layout and padding; use readable disclosure colors across theme modes.
 */
body.single-post .cs-main-content .entry-content .disclaimer-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.5rem;
	margin: 0 0 1rem;
	padding: 0;
}

/* Include the painted padding in layout; long labels must fit narrow columns. */
body.single-post .cs-main-content .entry-content .disclaimer-buttons > a.disclaimer-button {
	display: block;
	flex: 0 1 auto;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	line-height: 1.5;
	white-space: normal;
	overflow-wrap: anywhere;
	color: #111111;
	background-color: #b5b5b5;
}

body.single-post .cs-main-content .entry-content .disclaimer-buttons > a.disclaimer-button:focus-visible {
	outline: 2px solid var(--cs-color-primary, #111);
	outline-offset: 3px;
}

/* Preserve the existing darker hover background with readable text. */
body.single-post .cs-main-content .entry-content .disclaimer-buttons > a.disclaimer-button:hover {
	color: #111111;
	background-color: #999999;
}
