/*
 * 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-downloads .eyebrow::before,
.sr-ecbr .ecbr-eyebrow::before,
.sr-ecob .ecob-eyebrow::before,
.sr-ecof .ecof-eyebrow::before,
.sr-ecop .ecop-eyebrow::before,
.sr-faq .eyebrow::before,
.sr-g2pc .g2pc-eyebrow::before,
.sr-g2wf .g2wf-eyebrow::before,
.sr-gmp .eyebrow::before,
.sr-spx .spx-eyebrow::before,
.sr-specs .eyebrow::before {
	content: "";
	width: 2.2em;
	height: 2px;
	background: var(--c-accent);
	flex: none;
}

.sr-downloads .wrap,
.sr-ecbr .ecbr-wrap,
.sr-ecob .ecob-wrap,
.sr-ecof .ecof-wrap,
.sr-ecop .ecop-wrap,
.sr-faq .wrap,
.sr-g2pc .g2pc-wrap,
.sr-spx .wrap,
.sr-specs .wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 clamp(1.25rem, 4vw, 2.5rem);
}

.sr-downloads .eyebrow,
.sr-faq .eyebrow,
.sr-g2wf .g2wf-eyebrow,
.sr-gmp .eyebrow,
.sr-spx .spx-eyebrow,
.sr-specs .eyebrow {
	display: inline-flex;
	align-items: center;
	gap: .8em;
	margin-bottom: var(--sp-md);
	font-family: var(--font-display);
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--c-ink);
}

.sr-downloads h2,
.sr-faq h2,
.sr-g2wf h2,
.sr-gmp h2,
.sr-spx h2,
.sr-specs 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: 0 0 var(--sp-md);
}

.sr-expansion .wrap,
.sr-final-cta .wrap,
.sr-g2bn .wrap,
.sr-g2hero .wrap,
.sr-g2suite .wrap,
.sr-g2trust .wrap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 clamp(1.25rem, 4vw, 2.5rem);
}

.sr-ecbr .ecbr-eyebrow,
.sr-ecob .ecob-eyebrow,
.sr-ecof .ecof-eyebrow,
.sr-ecop .ecop-eyebrow,
.sr-g2pc .g2pc-eyebrow {
	font-family: var(--font-display);
	font-weight: 700;
	font-size: .8rem;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--c-ink);
	margin: 0 0 .9rem;
	display: flex;
	align-items: center;
	gap: .8em;
}

.sr-downloads .section-head,
.sr-faq .section-head,
.sr-spx .section-head {
	max-width: 44em;
	margin-bottom: var(--sp-xl);
}

.sr-ecbr .ecbr-title,
.sr-ecof .ecof-title,
.sr-ecop .ecop-title,
.sr-g2pc .g2pc-title {
	font-family: var(--font-display);
	font-weight: 600;
	font-size: clamp(1.8rem, 3.4vw, 2.6rem);
	line-height: 1.15;
	letter-spacing: -.02em;
	color: var(--c-ink);
	margin: 0;
}

.sr-ecob .ecob-title em,
.sr-expansion .exp-head h2 em,
.sr-g2suite h2 em,
.sr-gmp h2 em {
	font-style: normal;
	color: var(--c-accent);
}

.sr-downloads .section-sub,
.sr-faq .section-sub,
.sr-specs .section-sub {
	font-size: 1.1rem;
	color: var(--c-text-soft);
	line-height: 1.5;
	max-width: 36em;
	margin: 0;
}

.sr-ecbr .ecbr-tag.is-closed,
.sr-ecof .ecof-tag.is-closed,
.sr-g2pc .g2pc-tag--closed {
	color: #0e7490;
	background: var(--c-glow-soft);
	border: 1px solid rgba(34,211,238,.45);
}

.sr-ecbr .ecbr-tag.is-open,
.sr-ecof .ecof-tag.is-open,
.sr-g2pc .g2pc-tag--open {
	color: var(--c-text-soft);
	background: #fff;
	border: 1px solid var(--c-border);
}

.sr-expansion .exp-kicker,
.sr-g2suite .g2suite-kicker,
.sr-specs .g2spec-kicker {
	display: inline-flex;
	align-items: center;
	font-family: var(--font-display);
	font-weight: 800;
	font-size: .74rem;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--c-ink);
	margin: 0 0 var(--sp-sm);
}