/*
 * Rules that were byte-identical in three or more widget stylesheets.
 *
 * Nothing was rewritten: each rule keeps EXACTLY the selectors it had, merged
 * into one selector list. Same specificity, same elements, same declarations.
 *
 * TWO GUARDS, because this file loads BEFORE the widget's own stylesheet and
 * moving a rule here moves it earlier in the cascade:
 *   1. the selector must appear exactly once in the stylesheet it came from;
 *   2. it must have a descendant part (".sr-x .y", not a bare ".sr-x"). A bare
 *      section selector is a base that its own siblings (".sr-x--soft") override
 *      at equal specificity, so pulling it earlier would flip which one wins.
 */

.sr-cct .wrap,
.sr-cph .wrap,
.sr-ctb .wrap,
.sr-gpp .wrap,
.sr-gpb .wrap,
.sr-gpf .wrap,
.sr-gph .wrap,
.sr-gpi .wrap,
.sr-gpm .wrap,
.sr-gpn .wrap,
.sr-gpr .wrap,
.sr-gpt .wrap {
	width: 100%;
	max-width: var(--sr-container, 1200px);
	margin: 0 auto;
	padding: 0 clamp(1.25rem, 4vw, 2.5rem);
}

.sr-cph .eyebrow::before,
.sr-gpp .eyebrow::before,
.sr-gpb .eyebrow::before,
.sr-gpf .eyebrow::before,
.sr-gph .eyebrow::before,
.sr-gpi .eyebrow::before,
.sr-gpm .eyebrow::before,
.sr-gpn .eyebrow::before,
.sr-gpr .eyebrow::before,
.sr-gpt .eyebrow::before {
	content: "";
	width: 2.2em;
	height: 2px;
	background: var(--c-accent);
	flex: none;
}

.sr-cph .eyebrow,
.sr-gpp .eyebrow,
.sr-gpb .eyebrow,
.sr-gpf .eyebrow,
.sr-gph .eyebrow,
.sr-gpm .eyebrow,
.sr-gpn .eyebrow,
.sr-gpr .eyebrow,
.sr-gpt .eyebrow {
	display: inline-flex;
	align-items: center;
	gap: .8em;
	font-family: var(--font-display);
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--c-ink);
}

.sr-cct .btn-orange,
.sr-cph .btn-orange,
.sr-gpf .btn-orange,
.sr-gph .btn-orange,
.sr-gpn .partner-redeem .btn-orange,
.sr-gpr .btn-orange,
.sr-gpt .btn-orange {
	background: var(--c-accent);
	color: #fff;
	box-shadow: 0 8px 22px rgba(249,115,22,.32);
}

.sr-gpp h2 em,
.sr-gpb h2 em,
.sr-gpf h2 em,
.sr-gpm h2 em,
.sr-gpn h2 em,
.sr-gpr h2 em,
.sr-gpt > .wrap > .section-head h2 em {
	font-style: normal;
	color: var(--c-accent);
}

.sr-gpf .btn-orange:hover,
.sr-gph .btn-orange:hover,
.sr-gpn .partner-redeem .btn-orange:hover,
.sr-gpt .btn-orange:hover {
	background: var(--c-accent-hov, #ea580c);
	box-shadow: 0 12px 28px rgba(249,115,22,.4);
	transform: translateY(-2px);
	color: #fff;
}

.sr-gpi .section-head,
.sr-gpn .section-head,
.sr-gpr .section-head,
.sr-gpt .section-head {
	max-width: 44em;
	margin-bottom: var(--sp-xl);
}

.sr-gpn h2,
.sr-gpr h2,
.sr-gpt > .wrap > .section-head h2 {
	font-family: var(--font-display);
	font-weight: 600;
	font-size: clamp(1.8rem,3.4vw,2.6rem);
	line-height: 1.1;
	color: var(--c-ink);
	letter-spacing: -.02em;
	margin-bottom: var(--sp-md);
	margin-top: var(--sp-sm);
}

.sr-gpn .section-sub,
.sr-gpr .section-sub,
.sr-gpt .section-sub {
	font-size: 1.1rem;
	color: var(--c-text-soft);
	line-height: 1.55;
	max-width: 36em;
}