.simpatico-local-comparison {
	max-width: 1180px;
}

/*
 * The Local wp-admin screen intentionally does not load the public theme's
 * `simpatico-core` stylesheet. Keep its fallback tokens and presentation
 * contained to that screen so the public comparison route remains wholly
 * governed by the active theme design system.
 */
body.wp-admin .wrap.simpatico-local-comparison {
	--simpatico-accent: #2271b1;
	--simpatico-accent-hover: #135e96;
	--simpatico-bg: #fff;
	--simpatico-bg-card: #fff;
	--simpatico-bg-secondary: #f6f7f7;
	--simpatico-bg-tertiary: #f0f6fc;
	--simpatico-border: #dcdcde;
	--simpatico-border-accent: #72aee6;
	--simpatico-container-sm: 42rem;
	--simpatico-container-xl: 1180px;
	--simpatico-control-border: #8c8f94;
	--simpatico-control-surface: #fff;
	--simpatico-control-text-selected: #1d2327;
	--simpatico-display-emphasis-style: italic;
	--simpatico-leading-normal: 1.5;
	--simpatico-leading-relaxed: 1.65;
	--simpatico-leading-tight: 1.1;
	--simpatico-radius-sm: 3px;
	--simpatico-shadow-glow: 0 0 0 1px rgba(34, 113, 177, 0.15);
	--simpatico-shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.12);
	--simpatico-space-xs: 4px;
	--simpatico-space-sm: 8px;
	--simpatico-space-md: 12px;
	--simpatico-space-lg: 20px;
	--simpatico-space-xl: 32px;
	--simpatico-space-2xl: 48px;
	--simpatico-space-3xl: 64px;
	--simpatico-space-4xl: 96px;
	--simpatico-surface-soft: #fcf9e8;
	--simpatico-text: #1d2327;
	--simpatico-text-on-accent: #fff;
	--simpatico-text-secondary: #50575e;
	--simpatico-text-soft: #2c3338;
	--simpatico-type-card-title: 1.25rem;
	--simpatico-type-copy: 0.875rem;
	--simpatico-type-copy-card: 0.875rem;
	--simpatico-type-copy-large: 1rem;
	--simpatico-type-label: 0.75rem;
	--simpatico-type-section: 2rem;
	--simpatico-warning: #dba617;
	background: var(--simpatico-bg);
	box-sizing: border-box;
	color: var(--simpatico-text);
	margin: 20px 20px 0 0;
	padding: var(--simpatico-space-xl);
}

body.wp-admin .simpatico-local-comparison .simpatico-comparison-hero {
	border-bottom: 1px solid var(--simpatico-border);
	padding-bottom: var(--simpatico-space-xl);
}

body.wp-admin .simpatico-local-comparison .simpatico-comparison-kicker,
body.wp-admin .simpatico-local-comparison .simpatico-comparison-eyebrow {
	color: var(--simpatico-accent);
	font-size: var(--simpatico-type-label);
	letter-spacing: 0.12em;
	margin: 0 0 var(--simpatico-space-md);
	text-transform: uppercase;
}

body.wp-admin .simpatico-local-comparison .simpatico-comparison-hero h1 {
	font-size: var(--simpatico-type-section);
	letter-spacing: -0.04em;
	line-height: var(--simpatico-leading-tight);
	margin: 0;
}

body.wp-admin .simpatico-local-comparison .simpatico-comparison-hero h1 em {
	color: var(--simpatico-accent);
	font-style: var(--simpatico-display-emphasis-style);
}

body.wp-admin .simpatico-local-comparison .description {
	color: var(--simpatico-text-secondary);
	font-size: var(--simpatico-type-copy-large);
	line-height: var(--simpatico-leading-relaxed);
	margin: var(--simpatico-space-lg) 0 0;
	max-width: var(--simpatico-container-sm);
}

body.wp-admin .simpatico-local-comparison .simpatico-comparison-selector__field {
	background: var(--simpatico-bg-secondary);
	border: 1px solid var(--simpatico-border);
	padding: var(--simpatico-space-lg);
}

body.wp-admin .simpatico-local-comparison .simpatico-comparison-selector__field:first-child {
	border-color: var(--simpatico-border-accent);
	box-shadow: var(--simpatico-shadow-glow);
}

body.wp-admin .simpatico-local-comparison .simpatico-comparison-selector label {
	color: var(--simpatico-text-soft);
	font-size: var(--simpatico-type-label);
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

body.wp-admin .simpatico-local-comparison .simpatico-comparison-selector select,
body.wp-admin .simpatico-local-comparison .simpatico-comparison-typeahead__input {
	background: var(--simpatico-control-surface);
	border: 1px solid var(--simpatico-control-border);
	border-radius: var(--simpatico-radius-sm);
	color: var(--simpatico-control-text-selected);
	font-size: var(--simpatico-type-copy-large);
	min-height: 40px;
	padding: var(--simpatico-space-sm) var(--simpatico-space-md);
}

body.wp-admin .simpatico-local-comparison .simpatico-comparison-typeahead {
	position: relative;
}

body.wp-admin .simpatico-local-comparison .simpatico-comparison-results {
	margin-top: var(--simpatico-space-3xl);
}

body.wp-admin .simpatico-local-comparison .simpatico-comparison-results h2 {
	border-bottom: 1px solid var(--simpatico-border);
	font-size: var(--simpatico-type-card-title);
	letter-spacing: -0.03em;
	margin: 0;
	padding-bottom: var(--simpatico-space-md);
}

body.wp-admin .simpatico-local-comparison .simpatico-comparison-cards article:first-child {
	border-top: 2px solid var(--simpatico-accent);
}

body.wp-admin .simpatico-local-comparison .simpatico-comparison-table {
	border-collapse: collapse;
	border: 1px solid var(--simpatico-border);
	font-size: var(--simpatico-type-copy-card);
	margin-top: var(--simpatico-space-lg);
	width: 100%;
}

body.wp-admin .simpatico-local-comparison .simpatico-comparison-table th,
body.wp-admin .simpatico-local-comparison .simpatico-comparison-table td {
	border-bottom: 1px solid var(--simpatico-border);
	color: var(--simpatico-text);
	text-align: left;
}

body.wp-admin .simpatico-local-comparison .simpatico-comparison-table thead {
	background: var(--simpatico-bg-tertiary);
}

body.wp-admin .simpatico-local-comparison .simpatico-comparison-table thead th {
	font-size: var(--simpatico-type-copy-card);
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

body.wp-admin .simpatico-local-comparison .simpatico-comparison-table thead th:nth-child(2) {
	color: var(--simpatico-accent);
}

body.simpatico-comparison-public {
	background: #0c0c0e;
	color: #ffffff;
	margin: 0;
}

.simpatico-comparison-public .simpatico-wheel-comparison-page {
	--simpatico-bg: #0c0c0e;
	--simpatico-bg-card: #161519;
	--simpatico-bg-secondary: #1b1a1f;
	--simpatico-bg-tertiary: #2a282f;
	--simpatico-border: #625e68;
	--simpatico-border-accent: #cf8aa7;
	--simpatico-control-border: #a5a0aa;
	--simpatico-control-surface: #161519;
	--simpatico-control-text-selected: #ffffff;
	--simpatico-shadow-glow: 0 0 0 2px rgba(207, 138, 167, 0.32);
	--simpatico-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.42);
	--simpatico-surface-soft: #211d22;
	--simpatico-text: #ffffff;
	--simpatico-text-secondary: #d8d3db;
	--simpatico-text-soft: #f5f2f6;
	--simpatico-type-copy-card: 15px;
	--simpatico-type-copy-large: 18px;
	background: var(--simpatico-bg);
	color: var(--simpatico-text);
}

.simpatico-comparison-public .simpatico-local-comparison {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: var(--simpatico-container-xl);
	padding-bottom: var(--simpatico-space-4xl);
	padding-left: var(--simpatico-space-xl);
	padding-right: var(--simpatico-space-xl);
	width: 100%;
}

.simpatico-comparison-public .simpatico-comparison-hero {
	border-bottom: 1px solid var(--simpatico-border);
	padding-bottom: var(--simpatico-space-2xl);
	padding-top: var(--simpatico-space-2xl);
}

.simpatico-comparison-public .simpatico-comparison-kicker,
.simpatico-comparison-public .simpatico-comparison-eyebrow {
	color: var(--simpatico-accent);
	font-size: var(--simpatico-type-label);
	letter-spacing: 0.12em;
	margin: 0 0 var(--simpatico-space-md);
	text-transform: uppercase;
}

.simpatico-comparison-public .simpatico-comparison-hero h1 {
	font-size: var(--simpatico-type-section);
	letter-spacing: -0.06em;
	line-height: var(--simpatico-leading-tight);
	margin: 0;
}

.simpatico-comparison-public .simpatico-comparison-hero h1 em {
	color: var(--simpatico-accent);
	font-style: var(--simpatico-display-emphasis-style);
}

.simpatico-comparison-public .description {
	color: var(--simpatico-text-secondary);
	font-size: var(--simpatico-type-copy-large);
	line-height: var(--simpatico-leading-relaxed);
	margin: var(--simpatico-space-lg) 0 0;
	max-width: var(--simpatico-container-sm);
}

.simpatico-comparison-selector,
.simpatico-comparison-cards {
	display: grid;
	gap: var(--simpatico-space-md);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: var(--simpatico-space-xl) 0;
}

.simpatico-comparison-selector > * {
	margin: 0;
}

.simpatico-comparison-selector__action {
	grid-column: 1 / -1;
	display: flex;
	flex-wrap: wrap;
	gap: var(--simpatico-space-md);
}

.simpatico-comparison-selector select,
.simpatico-comparison-typeahead__input {
	box-sizing: border-box;
	margin-top: var(--simpatico-space-sm);
	max-width: 100%;
	width: 100%;
}

.simpatico-comparison-public .simpatico-comparison-selector__field {
	background: var(--simpatico-bg-secondary);
	border: 1px solid var(--simpatico-border);
	padding: var(--simpatico-space-lg);
}

.simpatico-comparison-public .simpatico-comparison-selector__field:first-child {
	border-color: var(--simpatico-border-accent);
	box-shadow: var(--simpatico-shadow-glow);
}

.simpatico-comparison-public .simpatico-comparison-selector label {
	color: var(--simpatico-text-soft);
	font-size: var(--simpatico-type-label);
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.simpatico-comparison-public .simpatico-comparison-selector select {
	background: var(--simpatico-control-surface);
	border: 1px solid var(--simpatico-control-border);
	border-radius: var(--simpatico-radius-sm);
	color: var(--simpatico-control-text-selected);
	font-size: var(--simpatico-type-copy-large);
	min-height: 48px;
	padding: var(--simpatico-space-sm) var(--simpatico-space-md);
}

.simpatico-comparison-public .simpatico-comparison-typeahead {
	position: relative;
}

.simpatico-comparison-public .simpatico-comparison-typeahead__input {
	background: var(--simpatico-control-surface);
	border: 1px solid var(--simpatico-control-border);
	border-radius: var(--simpatico-radius-sm);
	color: var(--simpatico-control-text-selected);
	font-size: var(--simpatico-type-copy-large);
	min-height: 48px;
	padding: var(--simpatico-space-sm) var(--simpatico-space-md);
}

.simpatico-comparison-typeahead__help {
	color: var(--simpatico-text-secondary);
	font-size: var(--simpatico-type-copy-card);
	line-height: var(--simpatico-leading-normal);
	margin: var(--simpatico-space-sm) 0 0;
}

.simpatico-comparison-typeahead__results {
	background: var(--simpatico-bg-card);
	border: 1px solid var(--simpatico-control-border);
	box-shadow: var(--simpatico-shadow-lg);
	box-sizing: border-box;
	left: 0;
	margin-top: var(--simpatico-space-xs);
	max-height: 17rem;
	overflow-y: auto;
	position: absolute;
	right: 0;
	z-index: 20;
}

.simpatico-comparison-typeahead__option {
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--simpatico-border);
	color: var(--simpatico-text);
	cursor: pointer;
	display: block;
	font: inherit;
	padding: var(--simpatico-space-sm) var(--simpatico-space-md);
	text-align: left;
	width: 100%;
}

.simpatico-comparison-typeahead__option:hover,
.simpatico-comparison-typeahead__option:focus-visible,
.simpatico-comparison-typeahead__option.is-active {
	background: var(--simpatico-bg-tertiary);
	color: var(--simpatico-accent);
}

.simpatico-comparison-typeahead__empty {
	color: var(--simpatico-text-secondary);
	font-size: var(--simpatico-type-copy-card);
	margin: 0;
	padding: var(--simpatico-space-sm) var(--simpatico-space-md);
}

.simpatico-comparison-public .simpatico-comparison-button {
	background: var(--simpatico-accent);
	border: 1px solid var(--simpatico-border-accent);
	border-radius: var(--simpatico-radius-sm);
	color: var(--simpatico-text-on-accent);
	cursor: pointer;
	font-size: var(--simpatico-type-copy);
	letter-spacing: 0.06em;
	min-height: 46px;
	padding: var(--simpatico-space-sm) var(--simpatico-space-lg);
	text-transform: uppercase;
}

.simpatico-comparison-public .simpatico-comparison-button:hover,
.simpatico-comparison-public .simpatico-comparison-button:focus-visible {
	background: var(--simpatico-accent-hover);
}

.simpatico-comparison-public .simpatico-comparison-button--add {
	align-items: center;
	background: transparent;
	color: var(--simpatico-accent);
	display: inline-flex;
	gap: var(--simpatico-space-sm);
}

.simpatico-comparison-public .simpatico-comparison-button--add:hover,
.simpatico-comparison-public .simpatico-comparison-button--add:focus-visible {
	background: var(--simpatico-bg-tertiary);
	color: var(--simpatico-accent-hover);
}

.simpatico-comparison-public .simpatico-comparison-button--add span:first-child {
	font-size: 1.35em;
	line-height: 0;
}

.simpatico-comparison-public .simpatico-comparison-results {
	margin-top: var(--simpatico-space-3xl);
}

.simpatico-comparison-public .simpatico-comparison-results h2 {
	border-bottom: 1px solid var(--simpatico-border);
	font-size: var(--simpatico-type-card-title);
	letter-spacing: -0.05em;
	margin: 0;
	padding-bottom: var(--simpatico-space-md);
}

.simpatico-comparison-alert {
	background: var(--simpatico-surface-soft);
	border-left: 2px solid var(--simpatico-warning);
	color: var(--simpatico-text-soft);
	font-size: var(--simpatico-type-copy);
	line-height: var(--simpatico-leading-normal);
	margin: var(--simpatico-space-lg) 0;
	padding: var(--simpatico-space-md);
}

.simpatico-comparison-cards article {
	background: var(--simpatico-bg-card);
	border: 1px solid var(--simpatico-border);
	box-sizing: border-box;
	padding: var(--simpatico-space-lg);
}

.simpatico-comparison-public .simpatico-comparison-cards article:first-child {
	border-top-color: var(--simpatico-accent);
	border-top-width: 2px;
}

.simpatico-comparison-cards h3 {
	font-size: var(--simpatico-type-card-title);
	letter-spacing: -0.04em;
	margin: var(--simpatico-space-xs) 0 var(--simpatico-space-md);
}

.simpatico-comparison-cards p {
	color: var(--simpatico-text-secondary);
	font-size: var(--simpatico-type-copy-card);
	margin: var(--simpatico-space-sm) 0;
}

.simpatico-comparison-cards p strong {
	color: var(--simpatico-text-soft);
}

.simpatico-comparison-cards a {
	color: var(--simpatico-accent);
	font-size: var(--simpatico-type-copy-card);
}

.simpatico-comparison-table th,
.simpatico-comparison-table td {
	padding: var(--simpatico-space-md);
	vertical-align: top;
}

.simpatico-comparison-public .simpatico-comparison-table {
	border-collapse: collapse;
	border: 1px solid var(--simpatico-border);
	font-size: var(--simpatico-type-copy-card);
	margin-top: var(--simpatico-space-lg);
	width: 100%;
}

.simpatico-comparison-public .simpatico-comparison-table th,
.simpatico-comparison-public .simpatico-comparison-table td {
	border-bottom: 1px solid var(--simpatico-border);
	color: var(--simpatico-text);
	text-align: left;
}

.simpatico-comparison-public .simpatico-comparison-table thead {
	background: var(--simpatico-bg-tertiary);
}

.simpatico-comparison-public .simpatico-comparison-table thead th {
	font-size: var(--simpatico-type-copy-card);
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.simpatico-comparison-public .simpatico-comparison-table thead th:nth-child(2) {
	color: var(--simpatico-accent);
}

.simpatico-comparison-public .simpatico-comparison-table tbody th,
.simpatico-comparison-public .simpatico-comparison-table tbody td:nth-child(n + 3) {
	color: var(--simpatico-text-secondary);
	font-weight: 400;
}

@media (min-width: 783px) {
	.simpatico-comparison-selector--three,
	.simpatico-comparison-cards--three {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 782px) {
	.simpatico-comparison-public .simpatico-local-comparison {
		padding-left: var(--simpatico-space-lg);
		padding-right: var(--simpatico-space-lg);
	}

	.simpatico-comparison-selector,
	.simpatico-comparison-cards {
		grid-template-columns: 1fr;
	}

	.simpatico-comparison-selector__action {
		grid-column: auto;
	}

	.simpatico-comparison-table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
}