/* ===========================================================================
   BANNER-CTA-2COL-HELP-REVERSE — Hospice consultation band
   Mirror of banner-cta-2col-help (content-LEFT + photo-RIGHT) on the warm-
   neutral #f3f1ef background. Section bg + row geometry come from the
   shared banner-cta-2col.css (via is-style-section-warm-neutral); this file
   carries only the help-reverse-specific deltas (height pin, body typography
   + rail, photo card).

   Cascade note: this file loads BEFORE banner-cta-2col.css in the rendered
   document (render_block enqueues the per-pattern-slug match first, then the
   shared fallback by class-substring). So same-specificity overrides here
   lose to the shared file's defaults. !important is the narrow exception —
   used only on values whose default in the shared file is wrong for this
   variant (min-height was 700 px for the veterans case; body max-width was
   480 px for the help-faq case).

   Source slice: docs/figma/hospice/_slices/10-banner-cta-2col-help-reverse.png
   =========================================================================== */

/* Section height pin — overrides the shared warm-neutral default of 700 px
   (set for the veterans variant) down to the hospice slice's 412 px.
   !important needed because this file loads before banner-cta-2col.css. */
.wp-block-group.hodc-banner-cta-2col.hodc-banner-cta-2col--help-reverse {
	min-height: 412px !important;
}

/* Body paragraph — uses theme.json p-large preset (Stephanie + Forrest asked
   for the larger size on /services/, BC #9975158702 6/9). The earlier 14/21
   px override was per the original Figma slice intent; product feedback
   updated it. The wider 500 px rail (vs prior 400 px) tightens the visible
   gap between the text column and the photo card. */
.hodc-banner-cta-2col--help-reverse .hodc-banner-cta-2col__content p {
	font-family: var(--wp--preset--font-family--mr-eaves-xl-modern);
	font-size: var(--wp--preset--font-size--p-large);
	line-height: 1.5;
	max-width: 500px;
}

/* Photo card on the right — natural-aspect render; asymmetric corners
   provided by is-style-asymmetric-radius global block-style variation
   applied to the <img> in the pattern markup. */
.hodc-banner-cta-2col--help-reverse .hodc-banner-cta-2col__media,
.hodc-banner-cta-2col--help-reverse .hodc-banner-cta-2col__media img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}