/**
 * Atrium — forms.css
 *
 * Scope (owner C2): lead forms rendered by atrium_render_inquiry_form() — panel, showing/question tabs,
 * field rows and inquiry refinements (radio pills, consent text), status messages, redirect-notice
 * placement, the two-step valuation flow, compact (alert / saved list) layout, the thank-you panel and
 * the no-plugin fallback — plus the Contact and Home Valuation page-template layouts. The field
 * primitives themselves (.atr-field, .atr-field__control, .atr-select, .atr-check, .atr-input-group,
 * .atr-notice) are A2's, in base.css.
 *
 * Loaded on every front-end view (small). Colors, fonts, radii and spacing come from the --atr-* tokens
 * only (SPEC §8, §13, §17.1), so every preset — including dark Noir — and dark sections just work.
 */

/* -------------------------------------------------------------------------
 * Utilities scoped to these components
 * ---------------------------------------------------------------------- */

.atr-inquiry-panel [hidden],
.atr-contact-page [hidden],
.atr-valuation-page [hidden] {
	display: none !important;
}

.atr-inquiry .atr-hp {
	position: absolute !important;
	inset-inline-start: -10000px;
	inline-size: 1px;
	block-size: 1px;
	overflow: hidden;
}

/* -------------------------------------------------------------------------
 * Panel
 * ---------------------------------------------------------------------- */

.atr-inquiry-panel {
	position: relative;
	container-type: inline-size;
	scroll-margin-block-start: calc(var(--wp-admin--admin-bar--height, 0px) + var(--atr-header-h, 84px) + var(--atr-space-5));
}

.atr-inquiry-panel__head {
	margin-block-end: var(--atr-space-5);
}

.atr-inquiry-panel--tabs .atr-inquiry-panel__head {
	margin-block-end: var(--atr-space-4);
}

.atr-inquiry-panel__body {
	min-inline-size: 0;
}

.atr-inquiry-panel__title {
	margin: 0;
	font-size: var(--atr-step-3);
	text-wrap: balance;
}

.atr-inquiry-panel__text {
	margin: var(--atr-space-2) 0 0;
	color: var(--atr-color-muted-ink);
	text-wrap: pretty;
}

.atr-inquiry-panel--sidebar .atr-inquiry-panel__title {
	font-size: var(--atr-step-2);
	line-height: 1.2;
}

.atr-inquiry-panel--compact .atr-inquiry-panel__head {
	margin-block-end: var(--atr-space-4);
}

.atr-inquiry-panel--compact .atr-inquiry-panel__title {
	font-size: var(--atr-step-1);
	line-height: 1.25;
}

.atr-inquiry-panel--compact .atr-inquiry-panel__text {
	font-size: var(--atr-step--1);
}

/* Framed panel: contact & valuation templates, shortcode in page content. */
.atr-inquiry-panel--card,
.atr-inquiry-panel--shortcode {
	padding: clamp(var(--atr-space-5), 4vw, var(--atr-space-8));
	border-radius: var(--atr-radius-lg);
	background: var(--atr-color-surface);
}

.atr-cards--bordered .atr-inquiry-panel--card,
.atr-cards--bordered .atr-inquiry-panel--shortcode {
	border: var(--atr-border);
	background: var(--atr-color-bg);
}

.atr-cards--elevated .atr-inquiry-panel--card,
.atr-cards--elevated .atr-inquiry-panel--shortcode {
	background: var(--atr-color-bg);
	box-shadow: var(--atr-shadow);
}

.atr-scheme--dark.atr-cards--elevated .atr-inquiry-panel--card,
.atr-scheme--dark.atr-cards--elevated .atr-inquiry-panel--shortcode {
	border: var(--atr-border);
	background: var(--atr-color-surface);
}

.entry-content .atr-inquiry-panel--shortcode {
	margin-block: var(--atr-space-7);
}

.atr-section--surface .atr-inquiry-panel--card,
.atr-section--surface .atr-inquiry-panel--shortcode {
	background: var(--atr-color-bg);
}

/* -------------------------------------------------------------------------
 * Tabs: Request a showing / Ask a question
 * ---------------------------------------------------------------------- */

.atr-inquiry-tabs {
	display: flex;
	margin-block-end: var(--atr-space-5);
	border-block-end: var(--atr-border);
}

.atr-inquiry-tabs__tab {
	position: relative;
	display: inline-flex;
	flex: 1 1 0;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	min-block-size: 3rem;
	margin: 0;
	padding: var(--atr-space-2) var(--atr-space-3);
	border: 0;
	border-radius: var(--atr-radius-sm) var(--atr-radius-sm) 0 0;
	background: transparent;
	color: var(--atr-color-muted-ink);
	font-family: var(--atr-font-accent);
	font-size: var(--atr-step--1);
	font-weight: var(--atr-weight-strong);
	line-height: 1.2;
	text-align: center;
	cursor: pointer;
	transition: color var(--atr-transition), background-color var(--atr-transition);
}

.atr-inquiry-tabs__tab::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	inset-block-end: -1px;
	block-size: 2px;
	background: var(--atr-color-primary-ink);
	transform: scaleX(0);
	transition: transform var(--atr-transition);
}

.atr-inquiry-tabs__tab:hover {
	color: var(--atr-color-text);
}

.atr-inquiry-tabs__tab[aria-selected="true"] {
	color: var(--atr-color-text);
}

.atr-inquiry-tabs__tab[aria-selected="true"]::after {
	transform: scaleX(1);
}

.atr-inquiry-tabs__tab:focus-visible {
	outline: 2px solid var(--atr-color-focus);
	outline-offset: -2px;
}

.atr-inquiry-tabs__icon {
	flex: none;
	inline-size: 1.15em;
	block-size: 1.15em;
}

.atr-inquiry-tabs__tab[aria-selected="true"] .atr-inquiry-tabs__icon {
	color: var(--atr-color-accent-ink);
}

/* Narrow panels (sidebar, phones): labels only, so they stay on one line. */
@container (max-width: 25rem) {
	.atr-inquiry-tabs__icon {
		display: none;
	}

	.atr-inquiry-tabs__tab {
		padding-inline: var(--atr-space-2);
	}
}

/* -------------------------------------------------------------------------
 * Form & fields
 *
 * Field primitives (.atr-field, .atr-field__control, .atr-select, .atr-check, .atr-choice,
 * .atr-input-group, errors) come from base.css with context-aware --atr-field-* tokens, so forms stay
 * legible in dark bands and over photos. Only inquiry-specific refinements live here.
 * ---------------------------------------------------------------------- */

.atr-inquiry {
	display: grid;
	gap: var(--atr-space-4);
	margin: 0;
}

.atr-inquiry[aria-busy="true"] {
	cursor: progress;
}

.atr-inquiry .atr-field__optional {
	font-family: var(--atr-font-body);
}

.atr-inquiry .atr-field__error {
	font-weight: var(--atr-weight-medium);
}

.atr-inquiry input[type="number"].atr-field__control {
	font-variant-numeric: lining-nums tabular-nums;
}

.atr-inquiry input[type="date"].atr-field__control {
	min-inline-size: 0;
}

.atr-inquiry .atr-check__label {
	font-size: max(var(--atr-step--2), 0.8125rem);
	text-wrap: pretty;
}

.atr-inquiry .atr-check__label a {
	text-decoration: underline;
}

.atr-field-row {
	display: grid;
	gap: var(--atr-space-4);
}

@container (min-width: 30rem) {
	.atr-field-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@container (min-width: 26rem) {
	.atr-field-row--3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* "Working with an agent?" — radio pills. */
.atr-inquiry .atr-choice {
	gap: var(--atr-space-2);
}

.atr-inquiry .atr-choice__option {
	gap: 0.55em;
	min-block-size: 2.75rem;
	padding: 0.4em 1.1em 0.4em 0.85em;
	border: 1px solid var(--atr-field-border, var(--atr-color-field-border));
	border-radius: var(--atr-radius-button);
	background: var(--atr-field-bg, var(--atr-color-bg));
	color: var(--atr-field-fg, var(--atr-color-text));
	font-weight: var(--atr-weight-medium);
	transition: border-color var(--atr-transition), background-color var(--atr-transition);
}

.atr-inquiry .atr-choice__option:hover {
	border-color: var(--atr-color-text);
}

.atr-inquiry .atr-choice__option:has(:checked) {
	border-color: var(--atr-color-primary-ink);
	background: var(--atr-color-primary-soft);
	color: var(--atr-color-text);
}

.atr-inquiry .atr-choice__option:has(:focus-visible) {
	outline: 2px solid var(--atr-color-focus);
	outline-offset: 2px;
}

.atr-inquiry .atr-choice__input {
	inline-size: 1.05rem;
	block-size: 1.05rem;
}

.atr-inquiry .atr-choice__input:focus-visible {
	outline: none;
}

.atr-inquiry .is-invalid .atr-choice__option {
	border-color: var(--atr-color-danger);
}

/* -------------------------------------------------------------------------
 * Status, actions & small print
 * ---------------------------------------------------------------------- */

.atr-inquiry__status {
	font-size: var(--atr-step--1);
	line-height: 1.5;
}

.atr-inquiry__status:empty {
	display: none;
}

.atr-inquiry__status.is-error,
.atr-inquiry__status.is-info,
.atr-inquiry__status.is-success {
	padding: var(--atr-space-3) var(--atr-space-4);
	border-inline-start: 3px solid currentColor;
	border-radius: var(--atr-radius-sm);
}

.atr-inquiry__status.is-error {
	background: color-mix(in srgb, var(--atr-color-danger) 9%, var(--atr-color-bg));
	color: var(--atr-color-danger);
}

.atr-inquiry__status.is-info {
	background: var(--atr-color-primary-soft);
	color: var(--atr-color-primary-ink);
}

.atr-inquiry__status.is-success {
	background: color-mix(in srgb, var(--atr-color-success) 9%, var(--atr-color-bg));
	color: var(--atr-color-success);
}

.atr-inquiry__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--atr-space-3);
	margin-block-start: var(--atr-space-1);
}

.atr-inquiry__submit,
.atr-inquiry__next {
	position: relative;
	inline-size: 100%;
	justify-content: center;
}

.atr-inquiry__submit .atr-icon,
.atr-inquiry__next .atr-icon {
	transition: transform var(--atr-transition);
}

.atr-motion--subtle .atr-inquiry__submit:hover .atr-icon,
.atr-motion--subtle .atr-inquiry__next:hover .atr-icon {
	transform: translateX(3px);
}

[dir="rtl"] .atr-inquiry__submit .atr-icon,
[dir="rtl"] .atr-inquiry__next .atr-icon {
	transform: scaleX(-1);
}

.atr-inquiry__submit[aria-disabled="true"] {
	cursor: progress;
	opacity: 0.85;
}

.atr-inquiry__submit.is-sending .atr-inquiry__submit-icon {
	display: none;
}

.atr-inquiry__submit.is-sending::after {
	content: "";
	inline-size: 1em;
	block-size: 1em;
	border: 2px solid currentColor;
	border-inline-end-color: transparent;
	border-radius: 50%;
	animation: atr-forms-spin 0.8s linear infinite;
}

@container (min-width: 34rem) {
	.atr-inquiry-panel:not(.atr-inquiry-panel--sidebar) .atr-inquiry__submit,
	.atr-inquiry-panel:not(.atr-inquiry-panel--sidebar) .atr-inquiry__next {
		inline-size: auto;
	}
}

.atr-inquiry__privacy,
.atr-inquiry__disclaimer {
	margin: 0;
	color: var(--atr-color-muted-ink);
	font-size: max(var(--atr-step--2), 0.8125rem);
	line-height: 1.55;
	text-wrap: pretty;
}

.atr-inquiry__privacy a,
.atr-inquiry__disclaimer a {
	color: inherit;
	text-decoration: underline;
}

.atr-inquiry__disclaimer {
	padding-block-start: var(--atr-space-3);
	border-block-start: var(--atr-border);
	font-style: italic;
}

/* Alert sign-up: what the visitor is subscribing to. */
.atr-inquiry__summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35em 0.6em;
	margin: 0;
	padding: var(--atr-space-3) var(--atr-space-4);
	border-radius: var(--atr-radius-sm);
	background: var(--atr-color-accent-soft);
	color: var(--atr-color-text);
	font-size: var(--atr-step--1);
}

.atr-inquiry__summary-icon {
	flex: none;
	color: var(--atr-color-accent-ink);
}

.atr-inquiry__summary-label {
	color: var(--atr-color-accent-ink);
	font-family: var(--atr-font-accent);
	font-size: var(--atr-step--2);
	font-weight: var(--atr-weight-strong);
	letter-spacing: var(--atr-label-tracking);
	text-transform: uppercase;
}

.atr-inquiry__summary-value {
	font-weight: var(--atr-body-strong);
	overflow-wrap: anywhere;
}

/* Compact (alerts, saved list): name + email side by side, then the button. */
.atr-inquiry__inline {
	display: grid;
	gap: var(--atr-space-3);
}

@container (min-width: 32rem) {
	.atr-inquiry__inline {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.atr-inquiry--compact {
	gap: var(--atr-space-3);
}

/* -------------------------------------------------------------------------
 * Valuation: two steps in one form
 * ---------------------------------------------------------------------- */

.atr-inquiry__progress {
	display: grid;
	gap: var(--atr-space-2);
}

.atr-inquiry__progress-text {
	color: var(--atr-color-muted-ink);
	font-family: var(--atr-font-accent);
	font-size: var(--atr-step--2);
	font-weight: var(--atr-weight-strong);
	letter-spacing: var(--atr-label-tracking);
	text-transform: uppercase;
}

.atr-inquiry__progress-track {
	display: block;
	block-size: 3px;
	overflow: hidden;
	border-radius: 999px;
	background: var(--atr-color-border);
}

.atr-inquiry__progress-fill {
	display: block;
	inline-size: 50%;
	block-size: 100%;
	border-radius: inherit;
	background: var(--atr-color-primary-ink);
	transition: inline-size 0.45s cubic-bezier(0.2, 0.7, 0.2, 1), width 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.atr-inquiry__step {
	display: grid;
	gap: var(--atr-space-4);
	min-inline-size: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.atr-inquiry__step + .atr-inquiry__step {
	padding-block-start: var(--atr-space-5);
	border-block-start: var(--atr-border);
}

.atr-inquiry__legend {
	float: inline-start;
	inline-size: 100%;
	margin: 0 0 var(--atr-space-1);
	padding: 0;
	color: var(--atr-color-accent-ink);
	font-family: var(--atr-font-accent);
	font-size: var(--atr-step--2);
	font-weight: var(--atr-weight-strong);
	letter-spacing: var(--atr-label-tracking);
	text-transform: uppercase;
}

.atr-inquiry__legend + * {
	clear: both;
}

.atr-inquiry__group {
	display: grid;
	gap: var(--atr-space-3);
	padding: var(--atr-space-4);
	border: 1px dashed var(--atr-color-border);
	border-radius: var(--atr-radius);
}

.atr-inquiry__group-title {
	margin: 0;
	font-family: var(--atr-font-accent);
	font-size: var(--atr-step--1);
	font-weight: var(--atr-weight-strong);
}

.atr-inquiry__group-title .atr-field__optional {
	font-family: var(--atr-font-body);
}

.atr-inquiry__actions--next {
	margin-block-start: 0;
}

/* -------------------------------------------------------------------------
 * Notices (redirect flow) — look from base.css .atr-notice; placement here.
 * ---------------------------------------------------------------------- */

.atr-inquiry-panel .atr-notice {
	margin-block-end: var(--atr-space-5);
	scroll-margin-block-start: calc(var(--wp-admin--admin-bar--height, 0px) + var(--atr-header-h, 84px) + var(--atr-space-5));
}

.atr-inquiry-panel .atr-notice:focus:not(:focus-visible) {
	outline: none;
}

/* -------------------------------------------------------------------------
 * Thank-you panel
 * ---------------------------------------------------------------------- */

.atr-inquiry-success {
	display: grid;
	justify-items: center;
	gap: var(--atr-space-3);
	padding: var(--atr-space-6) var(--atr-space-2);
	text-align: center;
	scroll-margin-block-start: calc(var(--wp-admin--admin-bar--height, 0px) + var(--atr-header-h, 84px) + var(--atr-space-5));
}

.atr-inquiry-success:focus {
	outline: none;
}

.atr-inquiry-success:focus-visible {
	outline: 2px solid var(--atr-color-focus);
	outline-offset: 4px;
	border-radius: var(--atr-radius-sm);
}

.atr-inquiry-success__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 3.5rem;
	block-size: 3.5rem;
	margin-block-end: var(--atr-space-1);
	border-radius: 50%;
	background: color-mix(in srgb, var(--atr-color-success) 14%, var(--atr-color-bg));
	color: var(--atr-color-success);
	font-size: 1.5rem;
}

.atr-motion--subtle .atr-inquiry-success:not([hidden]) .atr-inquiry-success__icon {
	animation: atr-forms-pop 0.5s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}

.atr-inquiry-success__title {
	margin: 0;
	font-family: var(--atr-font-heading);
	font-size: var(--atr-step-2);
	font-weight: var(--atr-heading-weight);
	line-height: 1.2;
	letter-spacing: var(--atr-heading-tracking);
	text-wrap: balance;
}

.atr-inquiry-success__message,
.atr-inquiry-success__note {
	max-inline-size: 40ch;
	margin: 0;
	color: var(--atr-color-muted-ink);
	text-wrap: pretty;
}

.atr-inquiry-success__reset {
	display: inline-flex;
	align-items: center;
	gap: 0.45em;
	min-block-size: 2.75rem;
	margin-block-start: var(--atr-space-2);
	color: var(--atr-color-primary-ink);
	font-family: var(--atr-font-accent);
	font-size: var(--atr-step--1);
	font-weight: var(--atr-weight-strong);
	text-decoration: none;
}

.atr-inquiry-success__reset:hover {
	text-decoration: underline;
}

[dir="rtl"] .atr-inquiry-success__reset .atr-icon {
	transform: scaleX(-1);
}

/* -------------------------------------------------------------------------
 * Fallback (Atrium Listings inactive): email / call buttons
 * ---------------------------------------------------------------------- */

.atr-inquiry-panel__fallback {
	display: flex;
	flex-wrap: wrap;
	gap: var(--atr-space-3);
}

@keyframes atr-forms-spin {
	to {
		transform: rotate(360deg);
	}
}

@keyframes atr-forms-pop {
	from {
		opacity: 0;
		transform: scale(0.6);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.atr-inquiry-tabs__tab,
	.atr-inquiry-tabs__tab::after,
	.atr-inquiry .atr-choice__option,
	.atr-inquiry__progress-fill,
	.atr-inquiry__submit .atr-icon,
	.atr-inquiry__next .atr-icon {
		transition: none;
	}

	.atr-inquiry-success__icon {
		animation: none !important;
	}

	.atr-inquiry__submit.is-sending::after {
		animation-duration: 2.4s;
	}
}

/* -------------------------------------------------------------------------
 * Contact template
 * ---------------------------------------------------------------------- */

.atr-contact-page__content {
	padding-block-start: var(--atr-space-8);
}

.atr-contact-page__content + .atr-contact {
	padding-block-start: var(--atr-space-8);
}

.atr-contact__grid {
	display: grid;
	gap: var(--atr-space-8);
	align-items: start;
}

.atr-contact__details {
	display: grid;
	gap: var(--atr-space-7);
	min-inline-size: 0;
}

.atr-contact__form {
	min-inline-size: 0;
}

.atr-contact__links {
	display: grid;
	gap: var(--atr-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.atr-contact__link {
	display: flex;
	align-items: center;
	gap: var(--atr-space-4);
	padding: var(--atr-space-4) var(--atr-space-5);
	border: var(--atr-border);
	border-radius: var(--atr-radius);
	color: var(--atr-color-text);
	text-decoration: none;
	transition: border-color var(--atr-transition), background-color var(--atr-transition);
}

.atr-contact__link:hover {
	border-color: var(--atr-color-text);
	color: var(--atr-color-text);
}

.atr-contact__link:focus-visible {
	outline: 2px solid var(--atr-color-focus);
	outline-offset: 3px;
}

.atr-contact__link-icon {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	inline-size: 2.75rem;
	block-size: 2.75rem;
	border-radius: 50%;
	background: var(--atr-color-accent-soft);
	color: var(--atr-color-accent-ink);
	font-size: 1.2rem;
}

.atr-contact__link-body {
	display: grid;
	flex: 1 1 auto;
	gap: 0.1rem;
	min-inline-size: 0;
}

.atr-contact__link-label {
	color: var(--atr-color-muted-ink);
	font-family: var(--atr-font-accent);
	font-size: var(--atr-step--2);
	font-weight: var(--atr-weight-strong);
	letter-spacing: var(--atr-label-tracking);
	text-transform: uppercase;
}

.atr-contact__link-text {
	font-weight: var(--atr-body-strong);
	line-height: 1.35;
}

.atr-contact__link-arrow {
	flex: none;
	color: var(--atr-color-primary-ink);
	transition: transform var(--atr-transition);
}

.atr-motion--subtle .atr-contact__link:hover .atr-contact__link-arrow {
	transform: translateX(3px);
}

[dir="rtl"] .atr-contact__link-arrow {
	transform: scaleX(-1);
}

@media (min-width: 1024px) {
	.atr-contact__grid {
		grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
		gap: clamp(var(--atr-space-8), 6vw, var(--atr-space-10));
	}
}

/* -------------------------------------------------------------------------
 * Home valuation template
 * ---------------------------------------------------------------------- */

.atr-valuation__grid {
	display: grid;
	grid-template-areas:
		"intro"
		"form"
		"next";
	gap: var(--atr-space-8);
	align-items: start;
}

.atr-valuation__intro {
	grid-area: intro;
	min-inline-size: 0;
}

.atr-valuation__form {
	grid-area: form;
	min-inline-size: 0;
}

.atr-valuation__next {
	grid-area: next;
	min-inline-size: 0;
}

.atr-valuation__title {
	margin: 0 0 var(--atr-space-4);
	font-size: var(--atr-h2);
	text-wrap: balance;
}

.atr-valuation__lead {
	max-inline-size: 60ch;
	margin: 0;
	color: var(--atr-color-muted-ink);
	font-size: var(--atr-step-1);
	line-height: 1.6;
	text-wrap: pretty;
}

.atr-valuation__content > :first-child {
	margin-block-start: 0;
}

.atr-valuation__points {
	display: grid;
	gap: var(--atr-space-3);
	margin: var(--atr-space-6) 0 0;
	padding: 0;
	list-style: none;
}

.atr-valuation__point {
	display: flex;
	align-items: flex-start;
	gap: var(--atr-space-3);
	font-weight: var(--atr-body-strong);
	line-height: 1.45;
}

.atr-valuation__point-icon {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	inline-size: 1.6rem;
	block-size: 1.6rem;
	border-radius: 50%;
	background: var(--atr-color-accent-soft);
	color: var(--atr-color-accent-ink);
	font-size: 0.95rem;
}

.atr-valuation__next-title {
	margin: 0 0 var(--atr-space-5);
	font-size: var(--atr-step-3);
}

.atr-steps {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.atr-steps__item {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: var(--atr-space-4);
	padding-block: var(--atr-space-5);
	border-block-start: var(--atr-border);
}

.atr-steps__item:last-child {
	border-block-end: var(--atr-border);
}

.atr-steps__number {
	min-inline-size: 2.5ch;
	color: var(--atr-color-accent-ink);
	font-family: var(--atr-font-heading);
	font-size: var(--atr-step-3);
	font-weight: var(--atr-heading-weight);
	line-height: 1;
	font-variant-numeric: lining-nums tabular-nums;
}

.atr-steps__body {
	min-inline-size: 0;
}

.atr-steps__title {
	margin: 0 0 var(--atr-space-1);
	font-size: var(--atr-step-1);
	line-height: 1.3;
}

.atr-steps__text {
	margin: 0;
	color: var(--atr-color-muted-ink);
	text-wrap: pretty;
}

.atr-valuation__agent {
	margin-block-start: var(--atr-space-6);
	padding: var(--atr-space-5);
	border-radius: var(--atr-radius-lg);
	background: var(--atr-color-surface);
}

@media (min-width: 1024px) {
	.atr-valuation__grid {
		grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
		grid-template-areas:
			"intro form"
			"next form";
		gap: var(--atr-space-8) clamp(var(--atr-space-8), 6vw, var(--atr-space-10));
	}
}

/* Recent sales */
.atr-valuation + .atr-valuation-sold {
	margin-block-start: var(--atr-space-4);
}

.atr-valuation-sold__grid {
	display: grid;
	gap: var(--atr-space-7) var(--atr-space-6);
}

@media (min-width: 600px) {
	.atr-valuation-sold__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.atr-valuation-sold__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Testimonials */
.atr-reviews {
	display: grid;
	gap: var(--atr-space-6);
	margin: 0;
	padding: 0;
	list-style: none;
}

.atr-review {
	display: flex;
	margin: 0;
}

.atr-review__figure {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: var(--atr-space-4);
	margin: 0;
	padding: clamp(var(--atr-space-5), 3vw, var(--atr-space-7));
	border: var(--atr-border);
	border-radius: var(--atr-radius-lg);
	background: var(--atr-color-bg);
}

.atr-section--surface .atr-review__figure {
	border-color: transparent;
}

.atr-review__stars {
	display: flex;
	gap: 0.2em;
	margin: 0;
	color: var(--atr-color-accent-ink);
}

.atr-review__star {
	inline-size: 1.05rem;
	block-size: 1.05rem;
}

.atr-review__quote {
	flex: 1 1 auto;
	margin: 0;
	padding: 0;
	border: 0;
	color: var(--atr-color-text);
	font-family: var(--atr-font-heading);
	font-size: var(--atr-step-1);
	font-style: normal;
	font-weight: var(--atr-heading-weight);
	line-height: 1.45;
	quotes: none;
}

.atr-review__quote::before,
.atr-review__quote::after {
	content: none;
}

.atr-review__quote p {
	margin: 0 0 var(--atr-space-3);
}

.atr-review__quote p:last-child {
	margin-block-end: 0;
}

.atr-review__cite {
	display: flex;
	align-items: center;
	gap: var(--atr-space-3);
	padding-block-start: var(--atr-space-4);
	border-block-start: var(--atr-border);
}

.atr-review__photo {
	flex: none;
	inline-size: 3rem;
	block-size: 3rem;
	border-radius: 50%;
	object-fit: cover;
}

.atr-review__who {
	display: grid;
	gap: 0.1rem;
	min-inline-size: 0;
}

.atr-review__name {
	font-weight: var(--atr-body-strong);
	line-height: 1.3;
}

.atr-review__context {
	color: var(--atr-color-muted-ink);
	font-size: var(--atr-step--1);
	line-height: 1.4;
}

@media (min-width: 782px) {
	.atr-reviews {
		grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr));
	}
}