/* Crypto Casino Checker — final mobile component safeguards.
 * Loaded after the captured application styles so shared controls remain
 * readable even when an older investigation stylesheet is present.
 */

/* Header actions must never inherit editorial word-breaking rules. */
.rb-header-check,
.nd-check,
.ccc-header-cta {
	flex: 0 0 auto !important;
	white-space: nowrap !important;
	overflow-wrap: normal !important;
	word-break: normal !important;
	writing-mode: horizontal-tb !important;
	text-orientation: mixed !important;
}

/* FAQ sequence numbers are atomic labels: 04 must remain 04, never 0 / 4. */
:is(.bi-faq-list, .rb-faq-list, .td-faq-list, .tgx-faq-list, .ss-faq-list)
	summary > span:first-child {
	box-sizing: border-box !important;
	flex: 0 0 44px !important;
	width: 44px !important;
	min-width: 44px !important;
	max-width: 44px !important;
	white-space: nowrap !important;
	overflow-wrap: normal !important;
	word-break: keep-all !important;
	writing-mode: horizontal-tb !important;
	text-orientation: mixed !important;
	font-variant-numeric: tabular-nums !important;
}

:is(.bi-faq-list, .rb-faq-list, .td-faq-list, .tgx-faq-list, .ss-faq-list)
	summary > :is(h3, b, strong) {
	min-width: 0 !important;
}

@media (max-width: 780px) {
	/* The legacy investigation header uses the search icon as its compact
	 * mobile label. Hiding the long copy prevents the letter-by-letter column
	 * seen on narrow Android browsers while preserving the accessible name. */
	.rb-main .rb-header .rb-header-check {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 7px !important;
		flex: 0 0 88px !important;
		width: 88px !important;
		min-width: 88px !important;
		max-width: 88px !important;
		height: 46px !important;
		min-height: 46px !important;
		padding: 0 10px !important;
		font-size: 0 !important;
		line-height: 0 !important;
		overflow: hidden !important;
	}

	.rb-main .rb-header .rb-header-check::after {
		content: "Check";
		color: currentColor;
		font: 800 12px/1 var(--font-plex-mono);
		letter-spacing: .02em;
	}

	.rb-main .rb-header .rb-header-check svg {
		display: block !important;
		flex: 0 0 19px !important;
		width: 19px !important;
		height: 19px !important;
		margin: 0 !important;
	}

	/* Newer investigation pages use a compact text-only action. */
	.nd-page .nd-header .nd-check {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 64px !important;
		min-width: 64px !important;
		max-width: 64px !important;
		padding: 10px !important;
		font-size: 0 !important;
		line-height: 0 !important;
	}

	.nd-page .nd-header .nd-check::after {
		content: "Check";
		font: 800 12px/1 var(--font-plex-mono);
		letter-spacing: .02em;
	}

	.ccc-header-cta {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: auto !important;
		min-width: max-content !important;
		max-width: none !important;
		padding: 10px 12px !important;
		font-size: 12px !important;
		line-height: 1 !important;
	}

	:is(.bi-faq-list, .rb-faq-list, .td-faq-list, .tgx-faq-list, .ss-faq-list)
		summary > span:first-child {
		flex-basis: 40px !important;
		width: 40px !important;
		min-width: 40px !important;
		max-width: 40px !important;
	}

	.bi-faq-list summary,
	.rb-faq-list summary,
	.td-faq-list summary,
	.tgx-faq-list summary,
	.ss-faq-list summary {
		column-gap: 12px !important;
	}
}

@media (max-width: 380px) {
	.nd-check,
	.ccc-header-cta {
		padding-inline: 9px !important;
		font-size: 11px !important;
	}
}