/**
 * cta-band.php. Version 1.0 actually uses two distinct closing-CTA
 * layouts, not one — verified directly against home.html (centered,
 * `#cta`) and research-misconduct.html (a left-aligned split layout,
 * also `#cta`). Reproduced here as two modifier classes on one shared
 * `.cta-band` component rather than two separate components, since the
 * only real difference is layout, not content shape.
 */

.cta-band h2 {
	margin: 0;
}

.cta-band .sub {
	color: var(--ink-soft);
}

/* Deliberately more muted than .sub — a disclosure line (e.g. an Of
   Counsel relationship), not marketing copy, and should read as
   distinct fine print rather than part of the pitch. */
.cta-band__note {
	margin-top: 10px;
	font-size: 13px;
	color: var(--ink-soft);
}

.cta-band .ctas {
	margin-top: 30px;
	display: flex;
}

/* Home's variant: centered, wider heading, wider sub-line. */
.cta-band--centered {
	text-align: center;
}

.cta-band--centered h2 {
	margin: 0 auto;
}

.cta-band--centered .sub {
	margin: 16px auto 0;
	font-size: 15.5px;
	max-width: 44ch;
}

.cta-band--centered .ctas {
	justify-content: center;
}

/* The practice-page variant: left-aligned, raised background, heading
   and button side by side on wide viewports. On every real page, this
   background fills the *whole* section box, edge to edge — including the
   section's own 72px vertical padding (layout.css's generic `section`
   rule) — not just this div's own content height. The negative margin
   cancels that inherited padding so this component's own matching
   padding can re-create it while painting the background across all of
   it, without the calling template needing to zero out the section's
   padding itself (which would also affect any non-split section sharing
   the same generic rule). Assumes a 72px parent — true for every real
   `#cta` section, which is always the page's last section, never
   `section:first-of-type`'s reduced 48px case. */
.cta-band--split {
	text-align: left;
	background: var(--paper-raised);
	padding: 72px 0;
	margin: -72px 0;
}

.cta-band--split .cta-band__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 28px;
	flex-wrap: wrap;
}

.cta-band--split h2 {
	font-size: clamp(22px, 2.8vw, 28px);
	max-width: 22ch;
}

.cta-band--split .sub {
	margin-top: 10px;
	font-size: 14.5px;
}

.cta-band--split .ctas {
	margin-top: 0;
}