/**
 * Page styles — idx-website. Loaded only on that page.
 *
 * Generated from the inline styles the templates used to carry. Values are
 * design tokens (site-tokens.css). Loaded after style.css.
 */

.listing-search__price {
	font-size:10px;
	font-weight:700;
	color:var(--site-teal);
	flex-shrink:0;
}

.listing-search__save {
	text-align:center;
	padding:6px 0;
}

.search-console-report__queries-title {
	font-size:8px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.06em;
	color:var(--site-text-muted);
	padding-top:4px;
}

.search-console-report__stat {
	background:var(--site-bg-subtle);
	border-radius:8px;
	padding:10px 10px;
}

.search-console-report__stat--highlight {
	background:var(--site-teal-bg);
}


.search-console-report__table-head {
	display:grid;
	grid-template-columns:1fr 36px 44px 32px;
	gap:4px;
	padding:4px 0 0;
}

.platform-comparison__header {
	display:grid;
	grid-template-columns:1fr 64px 64px 64px;
	gap:4px;
	margin-bottom:8px;
}

.search-console-report__stats {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:8px;
	margin-bottom:4px;
}

.search-console-report__query {
	display:grid;
	grid-template-columns:1fr 36px 44px 32px;
	gap:4px;
	padding:6px 0;
	border-bottom:1px solid var(--site-bg-subtle);
	align-items:center;
}

.platform-comparison__feature {
	display:grid;
	grid-template-columns:1fr 64px 64px 64px;
	gap:4px;
	padding:7px 0;
	border-bottom:1px solid var(--site-bg-subtle);
	align-items:center;
}

.listing-search__photo-icon {
	opacity:.3;
}

.listing-search__map-toggle {
	font-size:8px;
	font-weight:600;
	background:var(--site-teal);
	color:var(--site-white);
	border-radius:999px;
	padding:3px 9px;
	margin-left:auto;
}

.listing-search__filter {
	font-size:8px;
	font-weight:600;
	background:var(--site-white);
	border:1px solid var(--site-border);
	border-radius:999px;
	padding:3px 9px;
	color:var(--site-navy);
}

.listing-search__listing-foot {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.listing-search__listing-head {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:4px;
}

.listing-search__photo {
	width:52px;
	height:42px;
	border-radius:5px;
	background:var(--site-bg-subtle);
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
}

.listing-search__listing {
	background:var(--site-white);
	border:1px solid var(--site-border);
	border-radius:8px;
	padding:11px 13px;
	display:flex;
	align-items:flex-start;
	gap:10px;
}

.listing-search__filters {
	padding:10px 12px;
	background:var(--site-bg-subtle);
	border-bottom:1px solid var(--site-border);
	display:flex;
	gap:6px;
	flex-wrap:wrap;
}

.listing-search__results {
	padding:12px 12px;
	display:flex;
	flex-direction:column;
	gap:8px;
}

.search-console-report__stat-label {
	font-size:8px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.06em;
	color:var(--site-text-muted);
	margin-bottom:3px;
}

.search-console-report__stat-label--highlight {
	color:var(--site-teal);
}

.listing-search__city {
	font-size:8px;
	color:var(--site-text-muted);
	margin-bottom:4px;
}

.search-console-report__stat-value {
	font-size:16px;
	font-weight:700;
	color:var(--site-navy);
}


.platform-comparison__platform {
	font-size:8px;
	font-weight:700;
	text-align:center;
	color:var(--site-text-muted);
}

.platform-comparison__platform--ours {
	color:var(--site-teal);
}


.listing-search__details {
	font-size:8px;
	color:var(--site-text-sec);
}

.dark-bg-link.dark-bg-link--seo-audit {
	font-size:13px;
	font-weight:700;
	color:var(--site-teal);
	margin-top:8px;
	display:inline-block;
}

.mlsg-desc__seo-link {
	color:var(--site-teal);
	font-weight:700;
}

@media (max-width: 640px) {
	.app-frame .search-console-report__stats { grid-template-columns:1fr;gap:4px; }
	.app-frame .search-console-report__stats > * { min-width:0; }
	.app-frame .search-console-report__query { grid-template-columns:1fr;gap:4px; }
	.app-frame .search-console-report__query > * { min-width:0; }
	.app-frame .search-console-report__table-head { grid-template-columns:1fr;gap:4px; }
	.app-frame .search-console-report__table-head > * { min-width:0; }
	.app-frame .platform-comparison__header { grid-template-columns:1fr;gap:4px; }
	.app-frame .platform-comparison__header > * { min-width:0; }
	.app-frame .platform-comparison__feature { grid-template-columns:1fr;gap:4px; }
	.app-frame .platform-comparison__feature > * { min-width:0; }
}

/* Elements whose values come from the page data: the value arrives as a custom property. */

.platform-comparison__verdict {
	font-size:10px;
	text-align:center;
	font-weight:var(--data-weight);
	color:var(--data-color);
}

.listing-search__status {
	font-size:7px;
	font-weight:700;
	padding:2px 6px;
	border-radius:999px;
	color:var(--data-color);
	background:var(--data-bg);
}

/* Moved here from another stylesheet: this is where these classes are used. */
.listing-search__listing-body {
	flex:1;
	min-width:0;
}
.platform-comparison__body {
	padding:14px;
}
.search-console-report__body {
	padding:12px 14px;
	display:flex;
	flex-direction:column;
	gap:8px;
}
.listing-search__address {
	font-size:10px;
	font-weight:700;
	color:var(--site-navy);
}
.search-console-report__heading {
	font-size:7px;
	font-weight:700;
	text-transform:uppercase;
	color:var(--site-text-muted);
}

.search-console-report__heading--numeric {
	text-align:right;
}
.search-console-report__stat-change {
	font-size:8px;
	color:var(--site-text-muted);
}

.search-console-report__stat-change--highlight {
	color:var(--site-teal);
}
.search-console-report__clicks {
	font-size:9px;
	color:var(--site-teal);
	font-weight:700;
	text-align:right;
}
.platform-comparison__feature-name {
	font-size:9px;
	color:var(--site-navy);
	font-weight:500;
}
.search-console-report__query-text {
	font-size:9px;
	color:var(--site-navy);
	font-weight:500;
}
.search-console-report__metric {
	font-size:9px;
	color:var(--site-text-muted);
	text-align:right;
}
.listing-search__save-link {
	font-size:9px;
	color:var(--site-teal);
	font-weight:600;
}
.eyebrow--idx-dark {
	color:var(--site-white-alpha-50);
}
.fc .fc__commitment-link {
	color:var(--site-teal);
	font-weight:600;
}
.feat-grid--after-title {
	margin-top:48px;
}
.lr-av__icon {
	font-size:12px;
}
.sec-title__market-asset {
	color:var(--site-teal);
}
