/**
 * The intro card that opens a page.
 *
 * Below the two-column breakpoint the card stops being a column beside
 * something and becomes the full width of the page, so the rule that separated
 * it from its neighbour — and the indent that went with it — have nothing left
 * to separate it from.
 */

@layer components {
	@media (width < 64rem) {
		.hauto-intro--card {
			/* stylelint-disable-next-line declaration-no-important -- the padding is
			   the editor's, which core emits as an inline style on the block, and
			   nothing but !important outranks that. */
			padding-left: 0 !important;
			border-left: 0 !important;
		}
	}
}