/* TODO(once b95e00167 is merged on develop): delete this whole file.
   Commit b95e00167 ("Replace review card with concept banner on confirmation
   pages") adds a `column_mode` opt-in to the shared concept-banner partial
   plus a `.concept-banner__elements__column` rule in components/concept-banner.css
   that does exactly the grid reset we hand-write here. Migration steps when the
   commit lands on develop:
     1. Pass `column_mode: true` (or whatever flag the merged version names it)
        to the `{% include 'front/core/shared/components/concept-banner.html.twig' %}`
        in `templates/front/core/money_pot/create/wizard.html.twig`.
     2. Drop the import of this file from `create_new.js`.
     3. Delete this file.
   Keep the `--bg-color` / `h2 display` rules below until then because the
   merged column_mode only covers the grid override, not these two. */
.right {
	--bg-color: var(--color-nude) !important;
}

.right h2 {
	display: block !important;
}

@media screen and (min-width: 720px) {
	.right {
		--bg-color: var(--color-eggshell) !important;
	}

	main .concept-banner__elements {
		grid-template-columns: initial !important;
	}
}