/*
 * Page-scoped gap fill for the SIX-351 navbar draft (page 3072).
 *
 * The draft renders the supplied design's own class names, and the page loads lane A's
 * stylesheet. Scanning every class in both renders against
 * /wp-content/uploads/casebook-v2-native-20260822-r1/assets/lane-a.css leaves exactly the
 * seven utilities below with no rule. Each is restated here with the value Tailwind v4
 * would emit, using the same custom properties lane-a.css already defines
 * (--spacing: .25rem, --primary-foreground: #fff).
 *
 * Everything is scoped to this one route so no other page can be affected, and the file is
 * additive: lane-a.css and every other shared stylesheet are untouched.
 * The `lucide-*` class names in the render carry no styling and need no rule.
 */

[data-cbv2-route="3072"] .ml-2 {
	margin-left: calc(var(--spacing) * 2);
}

/* The design applies both space-y-2 and space-y-0 to the wide Solutions list; the zero
   variant is what cancels the stacked margins inside the two-column grid. */
[data-cbv2-route="3072"] .space-y-0 > :not(:last-child) {
	--tw-space-y-reverse: 0;
	margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
	margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
}

[data-cbv2-route="3072"] .w-\[48rem\] {
	width: 48rem;
}

[data-cbv2-route="3072"] .max-h-\[calc\(100dvh-6rem\)\] {
	max-height: calc(100dvh - 6rem);
}

[data-cbv2-route="3072"] .hover\:bg-primary-foreground\/10:hover {
	background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent);
}

[data-cbv2-route="3072"] .focus-visible\:bg-primary-foreground\/10:focus-visible {
	background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent);
}

[data-cbv2-route="3072"] .break-all {
	word-break: break-all;
}