/*
 * Home – Your side of the line (Figma 1828:13036 down to the comparison card, 1600×793 + 104px to the next section).
 * Head 132 (divider, H3 title, lead) · 40 · comparison card 1280×621 (two 639px columns). Figma's pricing card
 * below it was removed from the home page on request (2026-10-03). The ReviewScribe column is the home hero's dark
 * green (#004d3d, deepening to #00332a, a faint mint glow) with white text, cyan-30 labels, mint ticks and the white
 * icon, so it stands out and reads well (2026-10-08, on request).
 */

/* Sections 05+ use the SemiBold eyebrow (03/04 use Medium). */
.rs-home-your-side .rs-eyebrow {
	font-weight: 600;
}

/* Section divider: shared .has-rule.is-yellow; this rule's Figma dashes repeat every 19.875px. */
.rs-your-side__head > .rs-your-side__divider {
	--rs-rule-offset: -4.469px;
	--rs-rule-period: 19.875px;
}

.rs-your-side__head > * {
	margin: 0;
}

.rs-your-side__lead {
	opacity: 0.7;
}

/* Comparison card. */
.rs-home-your-side .rs-compare {
	box-sizing: border-box;
	overflow: hidden;
	border: 1px solid var(--wp--preset--color--purple-30);
	border-radius: 25px;
	background: var(--wp--preset--color--purple-10);
}

.rs-home-your-side .rs-compare > .rs-compare__col {
	flex: 1 1 0;
	min-width: 0;
	box-sizing: border-box;
	margin: 0;
}

.rs-home-your-side .rs-compare__col.is-them {
	background: #faf5ff;
}

.rs-home-your-side .rs-compare__col.is-us {
	background:
		radial-gradient(560px 420px at 88% -12%, rgba(52, 213, 181, 0.18), rgba(52, 213, 181, 0) 72%),
		linear-gradient(170deg, #004d3d 0%, #00332a 100%);
}

.rs-home-your-side .rs-compare__col.is-us > h3 {
	display: flex;
	align-items: center;
	gap: 12px;
}

.rs-home-your-side .rs-compare__col.is-us > h3::before {
	content: "";
	flex: none;
	width: 32px;
	height: 26px;
	background: url("../../media-kit/reviewscribe-icon-white.svg") center / contain no-repeat;
}

.rs-home-your-side .rs-compare__col > *,
.rs-home-your-side .rs-compare__list > *,
.rs-home-your-side .rs-compare__row > * {
	margin: 0;
}

.rs-home-your-side .rs-compare__row {
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(204, 204, 204, 0.4);
}

.rs-home-your-side .rs-compare__col.is-us .rs-compare__row {
	border-bottom-color: rgba(255, 255, 255, 0.14);
}

.rs-home-your-side .rs-compare__list > .rs-compare__row:last-child {
	border-bottom: 0;
}

.rs-home-your-side .rs-compare__label {
	text-transform: uppercase;
}

/* Icon top-aligned (1px into the 26px line) so values that wrap on narrow screens keep it on line 1. */
.rs-home-your-side .rs-compare__value {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: var(--wp--preset--font-size--paragraph);
	font-weight: 500;
	line-height: 26px;
	color: var(--wp--preset--color--text-tertiary);
}

.rs-home-your-side .rs-compare__value::before {
	content: "";
	flex: none;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	margin-top: 1px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 50px;
	background: url("../../images/home/your-side/x.svg") center / 16px 16px no-repeat;
}

.rs-home-your-side .rs-compare__col.is-us .rs-compare__value {
	color: var(--wp--preset--color--white);
}

/* Mint tick on the dark green column: dark-green check on #15e0b8 (8.2:1), the circle ≥ 5.8:1 against the column. */
.rs-home-your-side .rs-compare__col.is-us .rs-compare__value::before {
	border-color: transparent;
	background: url("../../images/home/your-side/check-dark.svg") center / 16px 16px no-repeat, #15e0b8;
}

/* Responsive. */
@media (max-width: 1023px) {
	.rs-home-your-side .rs-compare__col {
		padding: 32px 24px 16px !important;
	}
}

@media (max-width: 781px) {
	.rs-your-side__head > .rs-your-side__divider {
		white-space: normal;
	}

	.rs-home-your-side .rs-compare {
		flex-direction: column;
	}

	.rs-home-your-side .rs-compare > .rs-compare__col {
		flex: none;
	}
}