/**
 * FTFM My Room Edit styles — Phase 9 editorial polish.
 *
 * Fonts (Literata, Manrope) are expected to be loaded by the theme.
 */

.ftfm-mre {
	--ftfm-navy: #0a2538;
	--ftfm-soft-blue: #63809e;
	--ftfm-blush: #f6c1bb;
	--ftfm-surface: #ffffff;
	--ftfm-border: #e8e4df;
	--ftfm-muted: #f7f5f3;
	--ftfm-radius: 4px;
	--ftfm-text-intro-size: 1rem;
	--ftfm-text-intro-line-height: 1.6;
	--ftfm-text-helper-size: 0.8125rem;
	--ftfm-text-helper-line-height: 1.45;
	--ftfm-text-label-size: 0.875rem;
	--ftfm-text-action-size: 0.8125rem;
	--ftfm-text-support-muted: rgba(99, 128, 158, 0.88);
	--ftfm-mre-box-copy-size: 1.125rem;
	--ftfm-sticky-header-offset: 80px;

	color: var(--ftfm-navy);
	font-family: "Manrope", sans-serif;
	font-weight: 400;
	line-height: 1.6;
	max-width: 48rem;
	margin: 0 auto;
	padding: 2.5rem 1.25rem 3rem;
}

.ftfm-mre--dashboard {
	--ftfm-app-shell-max: 52rem;
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
}

.ftfm-mre--dashboard > * {
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: var(--ftfm-app-shell-max);
	width: 100%;
}

/* —— Navigation —— */

.ftfm-mre__app-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem 0.5rem;
	justify-content: center;
	margin-bottom: 2.5rem;
	padding-bottom: 0;
	border-bottom: none;
	width: 100%;
}

.ftfm-mre__nav-item {
	background: transparent;
	border: 1px solid transparent;
	border-radius: var(--ftfm-radius);
	color: var(--ftfm-soft-blue);
	cursor: pointer;
	font-family: "Manrope", sans-serif;
	font-size: 0.9375rem;
	font-weight: 600;
	padding: 0.5rem 0.75rem;
	text-decoration: none;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.ftfm-mre__nav-item:hover,
.ftfm-mre__nav-item:focus {
	color: var(--ftfm-navy);
}

.ftfm-mre__nav-item.is-active {
	background: rgba(246, 193, 187, 0.35);
	border-color: rgba(246, 193, 187, 0.65);
	color: var(--ftfm-navy);
	text-decoration: none;
}

/* —— Login prompt panel —— */

.ftfm-mre__panel {
	background: var(--ftfm-surface);
	border: 1px solid var(--ftfm-border);
	padding: 2.5rem 2rem;
}

.ftfm-mre__panel--prompt {
	border-top: 3px solid var(--ftfm-blush);
}

/* —— Logged-out prompt —— */

.ftfm-mre--logged-out {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	max-width: 40rem;
	padding: 2.5rem 1.25rem 3rem;
	width: 100%;
}

.ftfm-mre__prompt {
	box-sizing: border-box;
	max-width: 32rem;
	width: 100%;
}

.ftfm-mre--logged-out .ftfm-mre__panel--prompt {
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	border-top: 3px solid var(--ftfm-blush);
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 100%;
	padding: 2.5rem 2rem;
	text-align: center;
	width: 100%;
}

.ftfm-mre--logged-out .ftfm-mre__heading {
	font-size: 1.875rem;
	margin-bottom: 0.875rem;
}

.ftfm-mre--logged-out .ftfm-mre__lead {
	font-size: var(--ftfm-text-intro-size);
	line-height: var(--ftfm-text-intro-line-height);
	margin: 0 auto 1.75rem;
	max-width: 26rem;
	text-align: center;
}

.ftfm-mre__actions--prompt {
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	max-width: 22rem;
}

.ftfm-mre--logged-out .ftfm-mre__actions--prompt .ftfm-mre__button {
	flex: 1 1 auto;
	min-width: 9.5rem;
	width: auto;
}

.ftfm-mre__retention-note {
	color: var(--ftfm-soft-blue, #4a6f8f);
	font-family: "Manrope", sans-serif;
	font-size: 0.9375rem;
	line-height: 1.5;
	margin: 0 0 1.25rem;
	max-width: 42rem;
}

.ftfm-mre__inline-account__retention {
	margin-top: 0.75rem;
}

.ftfm-mre__prompt-help {
	color: var(--ftfm-text-support-muted);
	font-family: "Manrope", sans-serif;
	font-size: var(--ftfm-text-helper-size);
	font-weight: 400;
	line-height: var(--ftfm-text-helper-line-height);
	margin: 1rem auto 0;
	max-width: 22rem;
	text-align: center;
}

/* —— Logged-out inline account forms (My Room Edit only) —— */

.ftfm-mre--logged-out .ftfm-mre__panel--inline-account {
	text-align: center;
}

.ftfm-mre__inline-account {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 22rem;
	text-align: left;
	width: 100%;
}

.ftfm-mre--logged-out .ftfm-mre__inline-account__heading,
.ftfm-mre--logged-out .ftfm-mre__prompt-heading {
	text-align: center;
	width: 100%;
}

.ftfm-mre__inline-account__intro {
	margin-bottom: 1.25rem;
}

.ftfm-mre--logged-out .ftfm-mre__inline-account__intro,
.ftfm-mre--logged-out .ftfm-mre__lead {
	font-size: 1rem;
	line-height: 1.6;
}

.ftfm-mre--logged-out .ftfm-mre__inline-account__support,
.ftfm-mre--logged-out .ftfm-mre__prompt-help {
	font-size: 0.875rem;
	line-height: 1.5;
	text-align: center;
}

.ftfm-mre__inline-account__notices {
	margin-bottom: 1rem;
	text-align: left;
}

.ftfm-mre__inline-account__notices:empty {
	margin-bottom: 0;
}

.ftfm-mre__inline-account__tabs {
	display: flex;
	gap: 0.5rem;
	justify-content: center;
	margin: 0 auto 1.25rem;
	max-width: 100%;
	width: 100%;
}

.ftfm-mre__inline-account__tab {
	background: #fff;
	border: 1px solid var(--ftfm-border);
	border-radius: 4px;
	box-sizing: border-box;
	color: #0a2538;
	cursor: pointer;
	flex: 1 1 auto;
	font-family: "Manrope", sans-serif;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.4;
	min-height: 2.5rem;
	padding: 0.5rem 0.75rem;
	text-align: center;
	transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.ftfm-mre__inline-account__tab:hover,
.ftfm-mre__inline-account__tab:focus {
	border-color: #63809e;
	color: #0a2538;
	outline: 2px solid rgba(99, 128, 158, 0.25);
	outline-offset: 0;
}

.ftfm-mre__inline-account__tab.is-active {
	background: #fff;
	border-color: #0a2538;
	color: #0a2538;
}

.ftfm-mre__inline-account__panel {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
}

.ftfm-mre__inline-account__panel[hidden] {
	display: none;
}

.ftfm-mre__inline-account__form-wrap {
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
}

.ftfm-mre__inline-account .woocommerce-form-login h2,
.ftfm-mre__inline-account .woocommerce-form-register h2 {
	display: none;
}

.ftfm-mre__inline-account .woocommerce-form-login,
.ftfm-mre__inline-account .woocommerce-form-register {
	box-sizing: border-box;
	margin: 0;
	max-width: 100%;
	width: 100%;
}

.ftfm-mre__inline-account .woocommerce-form-login .woocommerce-form-row,
.ftfm-mre__inline-account .woocommerce-form-register .woocommerce-form-row {
	box-sizing: border-box;
	display: block;
	float: none;
	margin: 0 0 1rem;
	padding: 0;
	width: 100%;
}

.ftfm-mre__inline-account .woocommerce-form-login label,
.ftfm-mre__inline-account .woocommerce-form-register label {
	color: #0a2538;
	display: block;
	font-family: "Manrope", sans-serif;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 0.5rem;
	text-align: left;
	width: 100%;
}

.ftfm-mre__inline-account .woocommerce-form-login .input-text,
.ftfm-mre__inline-account .woocommerce-form-login input[type="text"],
.ftfm-mre__inline-account .woocommerce-form-login input[type="password"],
.ftfm-mre__inline-account .woocommerce-form-login input[type="email"],
.ftfm-mre__inline-account .woocommerce-form-register .input-text,
.ftfm-mre__inline-account .woocommerce-form-register input[type="text"],
.ftfm-mre__inline-account .woocommerce-form-register input[type="password"],
.ftfm-mre__inline-account .woocommerce-form-register input[type="email"] {
	background: #fff;
	border: 1px solid #e8e4df;
	border-radius: 4px;
	box-sizing: border-box;
	color: #0a2538;
	font-family: "Manrope", sans-serif;
	font-size: 1rem;
	line-height: 1.4;
	max-width: 100%;
	min-height: 2.75rem;
	padding: 0.75rem 0.875rem;
	width: 100%;
}

.ftfm-mre__inline-account .woocommerce-form-login .input-text:focus,
.ftfm-mre__inline-account .woocommerce-form-login input[type="text"]:focus,
.ftfm-mre__inline-account .woocommerce-form-login input[type="password"]:focus,
.ftfm-mre__inline-account .woocommerce-form-login input[type="email"]:focus,
.ftfm-mre__inline-account .woocommerce-form-register .input-text:focus,
.ftfm-mre__inline-account .woocommerce-form-register input[type="text"]:focus,
.ftfm-mre__inline-account .woocommerce-form-register input[type="password"]:focus,
.ftfm-mre__inline-account .woocommerce-form-register input[type="email"]:focus {
	border-color: #63809e;
	outline: 2px solid rgba(99, 128, 158, 0.25);
	outline-offset: 0;
}

.ftfm-mre__inline-account .woocommerce-form-login .form-row:last-child,
.ftfm-mre__inline-account .woocommerce-form-login .woocommerce-form-row:last-child,
.ftfm-mre__inline-account .woocommerce-form-register .form-row:last-child,
.ftfm-mre__inline-account .woocommerce-form-register .woocommerce-form-row:last-child {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	gap: 0;
	margin-bottom: 0;
}

.ftfm-mre__inline-account .woocommerce-form-login .woocommerce-form__label-for-checkbox {
	align-items: center;
	color: #63809e;
	display: flex;
	font-family: "Manrope", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	gap: 0.5rem;
	line-height: 1.4;
	margin: 0;
	width: 100%;
}

.ftfm-mre__inline-account .woocommerce-form-login .woocommerce-form-login__submit,
.ftfm-mre__inline-account .woocommerce-form-login button[type="submit"],
.ftfm-mre__inline-account .woocommerce-form-register .woocommerce-form-register__submit,
.ftfm-mre__inline-account .woocommerce-form-register button[type="submit"] {
	background-color: #0a2538;
	border: 1px solid #0a2538;
	border-radius: 4px;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: "Manrope", sans-serif;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.4;
	margin: 1.25rem 0 0;
	min-height: 2.75rem;
	padding: 0.75rem 1.5rem;
	text-align: center;
	width: 100%;
}

.ftfm-mre__inline-account .woocommerce-form-login .woocommerce-form-login__submit:hover,
.ftfm-mre__inline-account .woocommerce-form-login .woocommerce-form-login__submit:focus,
.ftfm-mre__inline-account .woocommerce-form-login button[type="submit"]:hover,
.ftfm-mre__inline-account .woocommerce-form-login button[type="submit"]:focus,
.ftfm-mre__inline-account .woocommerce-form-register .woocommerce-form-register__submit:hover,
.ftfm-mre__inline-account .woocommerce-form-register .woocommerce-form-register__submit:focus,
.ftfm-mre__inline-account .woocommerce-form-register button[type="submit"]:hover,
.ftfm-mre__inline-account .woocommerce-form-register button[type="submit"]:focus {
	background-color: #081e2e;
	border-color: #081e2e;
	color: #fff;
}

.ftfm-mre__inline-account .woocommerce-form-login .lost_password {
	color: #63809e;
	display: block;
	font-family: "Manrope", sans-serif;
	font-size: 0.875rem;
	margin: 0.75rem 0 0;
	text-align: center;
}

.ftfm-mre__inline-account .woocommerce-form-login .lost_password a {
	color: #63809e;
}

.ftfm-mre__inline-account .woocommerce-form-login .lost_password a:hover,
.ftfm-mre__inline-account .woocommerce-form-login .lost_password a:focus {
	color: #0a2538;
}

.ftfm-mre__inline-account .woocommerce-form-register .woocommerce-privacy-policy-text,
.ftfm-mre__inline-account .woocommerce-form-register .woocommerce-privacy-policy-text p {
	color: #63809e;
	font-family: "Manrope", sans-serif;
	font-size: 0.875rem;
	line-height: 1.4;
	margin: 0.75rem 0 0;
	text-align: center;
}

.ftfm-mre__inline-account .woocommerce-form-register .woocommerce-privacy-policy-text a {
	color: #63809e;
}

.ftfm-mre__inline-account .woocommerce-form-register .woocommerce-privacy-policy-text a:hover,
.ftfm-mre__inline-account .woocommerce-form-register .woocommerce-privacy-policy-text a:focus {
	color: #0a2538;
}

.ftfm-mre__inline-account .woocommerce-error,
.ftfm-mre__inline-account .woocommerce-message,
.ftfm-mre__inline-account .woocommerce-info {
	border-radius: 4px;
	box-sizing: border-box;
	font-family: "Manrope", sans-serif;
	font-size: 0.875rem;
	line-height: 1.45;
	list-style: none;
	margin: 0 0 0.75rem;
	padding: 0.75rem 0.875rem;
	text-align: left;
	width: 100%;
}

.ftfm-mre__inline-account .woocommerce-error {
	background: #fdf2f2;
	border: 1px solid #f5c2c7;
	color: #842029;
}

.ftfm-mre__inline-account .woocommerce-message {
	background: #f3f8f4;
	border: 1px solid #c8e6c9;
	color: #2e5d32;
}

.ftfm-mre__inline-account .woocommerce-info {
	background: #f4f7fa;
	border: 1px solid #c5d4e3;
	color: #0a2538;
}

.ftfm-mre__inline-account .ftfm-mre-password-toggle {
	background: none;
	border: none;
	color: #63809e;
	cursor: pointer;
	display: block;
	font-family: "Manrope", sans-serif;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.4;
	margin: 0.375rem 0 0;
	padding: 0;
	text-align: left;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.ftfm-mre__inline-account .ftfm-mre-password-toggle:hover,
.ftfm-mre__inline-account .ftfm-mre-password-toggle:focus {
	color: #0a2538;
	outline: 2px solid rgba(99, 128, 158, 0.25);
	outline-offset: 2px;
}

.ftfm-mre__inline-account__support {
	margin: 1.25rem auto 0;
}

.ftfm-mre__prompt-help--before-auth {
	margin-bottom: 1.5rem;
}

/* —— Page headers —— */

.ftfm-mre__header {
	margin-bottom: 2.5rem;
	width: 100%;
}

.ftfm-mre__header--page {
	margin-bottom: 2.5rem;
	text-align: center;
}

.ftfm-mre__header--page .ftfm-mre__heading {
	margin-bottom: 0.875rem;
}

.ftfm-mre__header--page .ftfm-mre__header-actions {
	display: flex;
	justify-content: center;
	margin-top: 0;
	width: 100%;
}

.ftfm-mre__header--dashboard-list {
	margin-bottom: 2rem;
}

.ftfm-mre__heading {
	color: var(--ftfm-navy);
	font-family: "Literata", serif;
	font-size: 2.125rem;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 1rem;
}

/* —— Shared intro / support copy —— */

.ftfm-mre__intro,
.ftfm-mre__lead,
.ftfm-mre__section-copy,
.ftfm-mre__detail-bridge,
.ftfm-mre__section-empty.ftfm-mre__intro,
.ftfm-mre__empty .ftfm-mre__intro {
	color: var(--ftfm-soft-blue);
	font-family: "Manrope", sans-serif;
	font-size: var(--ftfm-text-intro-size);
	font-weight: 400;
	line-height: var(--ftfm-text-intro-line-height);
	margin: 0 0 1.25rem;
	max-width: 36rem;
}

.ftfm-mre__header--page .ftfm-mre__intro,
.ftfm-mre__header--page .ftfm-mre__lead {
	margin-left: auto;
	margin-right: auto;
}

.ftfm-mre__dashboard-intro .ftfm-mre__intro-line {
	display: block;
}

.ftfm-mre__dashboard-intro .ftfm-mre__intro-line + .ftfm-mre__intro-line {
	margin-top: 0.2rem;
}

.ftfm-mre__section .ftfm-mre__intro {
	margin-bottom: 1rem;
}

.ftfm-mre__section-empty.ftfm-mre__intro {
	margin-bottom: 0;
	margin-top: 0.25rem;
}

.ftfm-mre__empty .ftfm-mre__intro {
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.ftfm-mre__placeholder {
	color: var(--ftfm-navy);
	font-size: 1rem;
	margin: 0;
}

.ftfm-mre__header-actions {
	margin-top: 0;
}

/* —— Buttons & actions —— */

.ftfm-mre__actions,
.ftfm-mre__form-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.ftfm-mre__button {
	display: inline-block;
	border-radius: var(--ftfm-radius);
	cursor: pointer;
	font-family: "Manrope", sans-serif;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.4;
	min-height: 2.75rem;
	padding: 0.75rem 1.5rem;
	text-decoration: none;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.ftfm-mre__button--compact {
	min-height: 2.5rem;
	padding: 0.625rem 1.25rem;
}

.ftfm-mre__button--primary {
	background-color: var(--ftfm-navy);
	border: 1px solid var(--ftfm-navy);
	color: #fff;
}

.ftfm-mre__button--primary:hover,
.ftfm-mre__button--primary:focus {
	background-color: #081e2e;
	border-color: #081e2e;
	color: #fff;
}

.ftfm-mre__button--secondary {
	background-color: transparent;
	border: 1px solid var(--ftfm-soft-blue);
	color: var(--ftfm-navy);
}

.ftfm-mre__button--secondary:hover,
.ftfm-mre__button--secondary:focus {
	border-color: var(--ftfm-navy);
	color: var(--ftfm-navy);
}

.ftfm-mre__alert {
	background: rgba(246, 193, 187, 0.12);
	border: 1px solid rgba(246, 193, 187, 0.55);
	border-radius: var(--ftfm-radius);
	color: var(--ftfm-navy);
	margin-bottom: 1.5rem;
	padding: 0.875rem 1rem;
}

.ftfm-mre__status {
	color: var(--ftfm-soft-blue);
	margin: 0;
}

.ftfm-mre__empty {
	background: var(--ftfm-muted);
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	padding: 1.75rem 1.5rem;
}

.ftfm-mre__empty p {
	margin: 0;
}

.ftfm-mre__empty--room-edits {
	border-top: 3px solid var(--ftfm-blush);
	text-align: center;
}

.ftfm-mre__empty--room-edits .ftfm-mre__empty-body {
	margin-bottom: 0;
}

.ftfm-mre__empty--room-edits .ftfm-mre__empty-note {
	font-size: var(--ftfm-text-intro-size);
	font-weight: 400;
	line-height: var(--ftfm-text-intro-line-height);
	margin-top: 1.5rem;
}

.ftfm-mre__empty-title {
	color: var(--ftfm-navy);
	font-family: "Literata", serif;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 0.75rem;
}

.ftfm-mre__empty-body {
	margin: 0 auto 1.25rem;
	max-width: 36rem;
}

.ftfm-mre__empty-note {
	color: var(--ftfm-soft-blue);
	font-family: "Manrope", sans-serif;
	font-size: var(--ftfm-text-helper-size);
	line-height: var(--ftfm-text-helper-line-height);
	margin: 0;
}

/* —— Start here guidance —— */

.ftfm-mre__start-here {
	background: var(--ftfm-surface);
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	border-top: 3px solid var(--ftfm-blush);
	box-sizing: border-box;
	margin-bottom: 1.75rem;
	padding: 2rem 1.75rem 1.75rem;
	text-align: center;
	width: 100%;
}

.ftfm-mre__start-here-header {
	margin: 0 auto 1.25rem;
	max-width: 36rem;
}

.ftfm-mre__start-here-heading {
	color: var(--ftfm-navy);
	font-family: "Literata", serif;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 0.75rem;
}

.ftfm-mre__start-here-intro {
	margin: 0 auto;
	text-align: center;
}

.ftfm-mre__start-here-cards {
	display: grid;
	gap: 0.875rem;
	grid-template-columns: minmax(0, 1fr);
	justify-content: center;
	margin: 0 auto;
	max-width: 48rem;
	width: 100%;
}

.ftfm-mre__start-here-card {
	background: var(--ftfm-surface);
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	border-top: 2px solid rgba(246, 193, 187, 0.55);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	min-height: 100%;
	padding: 1.125rem 1.125rem 1rem;
	text-align: center;
}

.ftfm-mre__start-here-step {
	color: var(--ftfm-soft-blue);
	font-family: "Manrope", sans-serif;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1.2;
	margin: 0;
}

.ftfm-mre__start-here-card-title {
	color: var(--ftfm-navy);
	font-family: "Literata", serif;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.35;
	margin: 0;
}

.ftfm-mre__start-here-card-body {
	color: var(--ftfm-soft-blue);
	flex: 1 1 auto;
	font-family: "Manrope", sans-serif;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
}

.ftfm-mre__start-here-card-action {
	display: flex;
	justify-content: center;
	margin-top: auto;
	padding-top: 0.5rem;
	width: 100%;
}

.ftfm-mre__start-here-action {
	appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	min-height: 2.5rem;
	min-width: 10.5rem;
	padding: 0.625rem 1.25rem;
	text-decoration: none;
}

.ftfm-mre__start-here-card-action .ftfm-mre__button.ftfm-mre__button--secondary.ftfm-mre__start-here-action {
	background-color: transparent;
	border: 1px solid var(--ftfm-soft-blue);
	border-radius: var(--ftfm-radius);
	color: var(--ftfm-navy);
	font-family: "Manrope", sans-serif;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.4;
}

.ftfm-mre__start-here-card-action .ftfm-mre__button.ftfm-mre__button--secondary.ftfm-mre__start-here-action:hover,
.ftfm-mre__start-here-card-action .ftfm-mre__button.ftfm-mre__button--secondary.ftfm-mre__start-here-action:focus {
	border-color: var(--ftfm-navy);
	color: var(--ftfm-navy);
}

/* —— Section empty states —— */

.ftfm-mre__section-empty-title {
	color: var(--ftfm-navy);
	font-family: "Manrope", sans-serif;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.4;
	margin: 0 0 0.35rem;
}

.ftfm-mre__section-support-block .ftfm-mre__section-empty {
	margin-bottom: 0;
}

.ftfm-mre__section--saved-patterns .ftfm-mre__section-explore-action {
	margin-bottom: 1rem;
	margin-top: 0;
}

.ftfm-mre__section-explore-action .ftfm-mre__button {
	margin: 0;
}

/* —— Room Edit cards (dashboard) —— */

.ftfm-mre__cards {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	width: 100%;
}

.ftfm-mre__card {
	background: var(--ftfm-surface);
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	padding: 1.75rem;
}

.ftfm-mre__card--room {
	border-top: 3px solid rgba(246, 193, 187, 0.7);
	gap: 0;
}

.ftfm-mre__card-body {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
	gap: 0.625rem;
}

.ftfm-mre__card-notes-preview {
	box-sizing: border-box;
	flex-shrink: 0;
	min-height: 2.125rem;
	margin-top: 0.5rem;
}

.ftfm-mre__card-notes-preview--has-notes {
	min-height: 2.125rem;
}

.ftfm-mre__card-title {
	color: var(--ftfm-navy);
	font-family: "Literata", serif;
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1.3;
	margin: 0;
}

.ftfm-mre__card-room {
	color: var(--ftfm-soft-blue);
	font-size: 0.9375rem;
	margin: 0;
}

.ftfm-mre__card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.ftfm-mre__card-tags--empty {
	min-height: 1.5rem;
}

.ftfm-mre__tag {
	background: var(--ftfm-muted);
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	color: var(--ftfm-navy);
	font-size: 0.8125rem;
	padding: 0.25rem 0.625rem;
}

.ftfm-mre__card-meta {
	color: var(--ftfm-soft-blue);
	font-size: 0.875rem;
}

.ftfm-mre__card-notes {
	color: var(--ftfm-navy);
	font-size: 0.9375rem;
	line-height: 1.55;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ftfm-mre__card-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1rem;
	margin-top: auto;
	padding-top: 1rem;
}

/* —— Text links —— */

.ftfm-mre__link {
	background: none;
	border: none;
	color: var(--ftfm-navy);
	cursor: pointer;
	font-family: "Manrope", sans-serif;
	font-size: 0.875rem;
	font-weight: 600;
	padding: 0.25rem 0;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.ftfm-mre__link:hover,
.ftfm-mre__link:focus {
	color: var(--ftfm-soft-blue);
}

.ftfm-mre__link--quiet {
	color: var(--ftfm-soft-blue);
	font-size: var(--ftfm-text-action-size);
	font-weight: 600;
	text-decoration: none;
}

.ftfm-mre__link--quiet:hover,
.ftfm-mre__link--quiet:focus {
	color: var(--ftfm-navy);
	text-decoration: underline;
}

.ftfm-mre__link--delete-subtle {
	font-weight: 600;
}

.ftfm-mre__link--danger {
	color: var(--ftfm-soft-blue);
}

.ftfm-mre__link--consider {
	color: var(--ftfm-soft-blue);
	text-decoration: none;
}

.ftfm-mre__link--consider:hover,
.ftfm-mre__link--consider:focus {
	color: var(--ftfm-navy);
	text-decoration: underline;
}

.ftfm-mre__link--consider.is-active {
	background: rgba(246, 193, 187, 0.35);
	border-radius: var(--ftfm-radius);
	color: var(--ftfm-navy);
	padding: 0.25rem 0.5rem;
}

/* —— Forms —— */

.ftfm-mre__form {
	background: var(--ftfm-surface);
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	padding: 2rem 1.5rem;
}

.ftfm-mre__field {
	margin-bottom: 1.5rem;
}

.ftfm-mre__field:last-of-type {
	margin-bottom: 0;
}

.ftfm-mre__label {
	color: var(--ftfm-navy);
	display: block;
	font-family: "Manrope", sans-serif;
	font-size: var(--ftfm-text-label-size);
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.ftfm-mre__input,
.ftfm-mre__select,
.ftfm-mre__textarea {
	background: #fff;
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	color: var(--ftfm-navy);
	font-family: "Manrope", sans-serif;
	font-size: 1rem;
	padding: 0.75rem 0.875rem;
	width: 100%;
}

.ftfm-mre__input:focus,
.ftfm-mre__select:focus,
.ftfm-mre__textarea:focus {
	border-color: var(--ftfm-soft-blue);
	outline: 2px solid rgba(99, 128, 158, 0.25);
	outline-offset: 0;
}

.ftfm-mre__textarea {
	min-height: 8rem;
	resize: vertical;
}

.ftfm-mre__tag-options {
	display: flex;
	flex-wrap: wrap;
	gap: 0.625rem;
}

.ftfm-mre__tag-options--chips {
	display: grid;
	gap: 0.5rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ftfm-mre__tag-options--secondary.ftfm-mre__tag-options--collapsed {
	display: none;
}

.ftfm-mre__tag-more-wrap {
	margin-top: 0.625rem;
}

.ftfm-mre__tag-more-toggle {
	background: transparent;
	border: 1px solid rgba(99, 128, 158, 0.35);
	border-radius: var(--ftfm-radius);
	color: var(--ftfm-soft-blue);
	cursor: pointer;
	font-family: "Manrope", sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.4;
	min-height: 2.25rem;
	padding: 0.375rem 0.75rem;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.ftfm-mre__tag-more-toggle:hover,
.ftfm-mre__tag-more-toggle:focus {
	border-color: var(--ftfm-navy);
	color: var(--ftfm-navy);
	outline: none;
}

.ftfm-mre__tag-more-toggle:focus-visible {
	outline: 2px solid rgba(99, 128, 158, 0.35);
	outline-offset: 2px;
}

.ftfm-mre__tag-more-wrap .ftfm-mre__tag-options--secondary {
	margin-top: 0.625rem;
}

.ftfm-mre__tag-chip {
	align-items: center;
	background: var(--ftfm-muted);
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	font-size: 0.8125rem;
	gap: 0.375rem;
	justify-content: center;
	line-height: 1.35;
	min-height: 2.5rem;
	padding: 0.5rem 0.625rem;
	text-align: center;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.ftfm-mre__tag-chip:has(input:checked) {
	background: rgba(246, 193, 187, 0.22);
	border-color: rgba(246, 193, 187, 0.65);
}

.ftfm-mre__tag-chip input {
	accent-color: var(--ftfm-navy);
	flex-shrink: 0;
}

.ftfm-mre__tag-chip-label {
	color: var(--ftfm-navy);
	font-weight: 500;
}

.ftfm-mre__tag-option {
	align-items: center;
	background: var(--ftfm-muted);
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	cursor: pointer;
	display: inline-flex;
	font-size: 0.875rem;
	gap: 0.5rem;
	padding: 0.5rem 0.75rem;
}

.ftfm-mre__tag-option input {
	accent-color: var(--ftfm-navy);
}

@media (min-width: 768px) {
	.ftfm-mre__tag-options--chips {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ftfm-mre__tag-chip {
		font-size: 0.875rem;
		min-height: 2.625rem;
		padding: 0.5rem 0.75rem;
	}
}

.ftfm-mre__form-actions {
	margin-top: 2rem;
}

/* —— Detail view header —— */

.ftfm-mre__detail-nav {
	margin-bottom: 1.75rem;
}

.ftfm-mre__link--back {
	color: var(--ftfm-soft-blue);
	font-size: 0.9375rem;
	text-decoration: none;
}

.ftfm-mre__link--back:hover,
.ftfm-mre__link--back:focus {
	color: var(--ftfm-navy);
	text-decoration: underline;
}

.ftfm-mre__detail-intro {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 36rem;
	width: 100%;
}

.ftfm-mre__detail-intro .ftfm-mre__detail-bridge.ftfm-mre__intro {
	margin-bottom: 0.75rem;
	margin-top: 1.25rem;
}

.ftfm-mre__detail-hero .ftfm-mre__detail-privacy {
	box-sizing: border-box;
	color: var(--ftfm-soft-blue);
	display: block;
	font-family: "Manrope", sans-serif;
	font-size: var(--ftfm-text-label-size);
	font-weight: 400;
	line-height: 1.55;
	margin: 0 auto;
	max-width: 36rem;
	text-align: center;
	width: 100%;
}

.ftfm-mre__detail-hero {
	margin-bottom: 2rem;
	text-align: center;
	width: 100%;
}

.ftfm-mre__detail-hero .ftfm-mre__detail-intro {
	margin-bottom: 1.5rem;
}

.ftfm-mre__detail-hero .ftfm-mre__intro {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.ftfm-mre__detail-header {
	margin-bottom: 0;
	padding-bottom: 0;
}

.ftfm-mre__detail-title {
	color: var(--ftfm-navy);
	font-family: "Literata", serif;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 0.5rem;
}

.ftfm-mre__detail-room {
	color: var(--ftfm-soft-blue);
	font-size: 1rem;
	margin: 0 0 0.75rem;
}

.ftfm-mre__detail-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: center;
	margin-bottom: 0.75rem;
}

.ftfm-mre__detail-tags--empty {
	margin-bottom: 0;
	min-height: 0;
}

.ftfm-mre__detail-notes-block {
	margin: 1rem auto 0;
	max-width: 36rem;
	text-align: left;
}

.ftfm-mre__detail-notes-label {
	color: var(--ftfm-soft-blue);
	font-family: "Manrope", sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.4;
	margin: 0 0 0.35rem;
}

.ftfm-mre__detail-notes {
	color: var(--ftfm-navy);
	font-family: "Manrope", sans-serif;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.55;
	margin: 0;
}

.ftfm-mre__detail-error {
	background: var(--ftfm-muted);
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	padding: 1.5rem;
}

.ftfm-mre__detail-error p {
	color: var(--ftfm-soft-blue);
	margin: 0 0 1rem;
}

/* —— Sections —— */

.ftfm-mre__sections {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.ftfm-mre__section {
	background: var(--ftfm-surface);
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	border-top: 3px solid rgba(246, 193, 187, 0.55);
	padding: 2.65rem 1.75rem 2rem;
}

.ftfm-mre__section--inspiration {
	border-top-color: var(--ftfm-blush);
	padding: 2.75rem 1.75rem 2.25rem;
}

.ftfm-mre__section-header {
	margin-bottom: 0.75rem;
	text-align: center;
}

.ftfm-mre__section-kicker {
	color: var(--ftfm-soft-blue);
	font-family: "Manrope", sans-serif;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	line-height: 1.3;
	margin: 0 0 0.5rem;
	text-transform: uppercase;
}

.ftfm-mre__section-kicker::before {
	background: rgba(246, 193, 187, 0.75);
	content: "";
	display: block;
	height: 2px;
	margin: 0 auto 0.5rem;
	width: 1.5rem;
}

.ftfm-mre__section-heading {
	color: var(--ftfm-navy);
	font-family: "Literata", serif;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.3;
	margin: 0;
	text-align: center;
}

/* Centred intro/support/empty copy inside detail sections */
.ftfm-mre__section-support,
.ftfm-mre__section-support-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 36rem;
	text-align: center;
	width: 100%;
}

.ftfm-mre__sections .ftfm-mre__section-support {
	margin-bottom: 1rem;
}

.ftfm-mre__section-support--stacked {
	margin-bottom: 1rem;
}

.ftfm-mre__section-support--stacked .ftfm-mre__section-support-line {
	display: block;
}

.ftfm-mre__section-support--stacked .ftfm-mre__section-support-line + .ftfm-mre__section-support-line {
	margin-top: 0.35rem;
}

.ftfm-mre__section--saved-patterns .ftfm-mre__section-orientation,
.ftfm-mre__section--considering .ftfm-mre__section-orientation {
	box-sizing: border-box;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 36rem;
	text-align: center;
	width: 100%;
}

.ftfm-mre__sections .ftfm-mre__section--considering .ftfm-mre__section-orientation {
	margin-bottom: 1rem;
	margin-top: 0;
}

.ftfm-mre__section--saved-patterns .ftfm-mre__section-explore-action,
.ftfm-mre__section--saved-patterns .ftfm-mre__saved-patterns-view-action,
.ftfm-mre__section--considering .ftfm-mre__saved-patterns-view-action {
	text-align: center;
}

.ftfm-mre__sections .ftfm-mre__section--inspiration .ftfm-mre__section-support.ftfm-mre__section-copy {
	margin-bottom: 0.75rem;
}

.ftfm-mre__sections .ftfm-mre__section-empty-block {
	margin-top: 0.25rem;
}

.ftfm-mre__sections .ftfm-mre__section-empty-title {
	text-align: center;
}

/* —— Inspiration —— */

.ftfm-mre__upload-form {
	border-top: 1px solid var(--ftfm-border);
	margin-bottom: 1.75rem;
	padding-top: 1.5rem;
}

.ftfm-mre__section--inspiration .ftfm-mre__form-actions--upload {
	justify-content: center;
}

.ftfm-mre__field-help {
	color: var(--ftfm-soft-blue);
	font-family: "Manrope", sans-serif;
	font-size: var(--ftfm-text-helper-size);
	line-height: var(--ftfm-text-helper-line-height);
	margin: 0.35rem 0 0;
}

.ftfm-mre__upload-form .ftfm-mre__upload-status {
	color: var(--ftfm-soft-blue);
	font-family: "Manrope", sans-serif;
	font-size: var(--ftfm-text-helper-size);
	line-height: var(--ftfm-text-helper-line-height);
	margin: 0.75rem 0 0;
	text-align: center;
}

.ftfm-mre__inspiration-empty {
	margin-top: 0.75rem;
}

.ftfm-mre__inspiration-grid {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 1.25rem;
}

.ftfm-mre__inspiration-card {
	background: var(--ftfm-surface);
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.ftfm-mre__inspiration-image-wrap {
	aspect-ratio: 4 / 3;
	background: var(--ftfm-muted);
	overflow: hidden;
}

.ftfm-mre__inspiration-image-trigger {
	background: none;
	border: none;
	cursor: pointer;
	display: block;
	height: 100%;
	padding: 0;
	width: 100%;
}

.ftfm-mre__inspiration-image-trigger:hover .ftfm-mre__inspiration-image,
.ftfm-mre__inspiration-image-trigger:focus .ftfm-mre__inspiration-image {
	opacity: 0.92;
}

.ftfm-mre__inspiration-image-trigger:focus {
	outline: 2px solid var(--ftfm-soft-blue);
	outline-offset: -2px;
}

.ftfm-mre__inspiration-image {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.ftfm-mre__inspiration-image--placeholder {
	background: linear-gradient(145deg, var(--ftfm-muted) 0%, #ece8e4 100%);
	height: 100%;
	width: 100%;
}

.ftfm-mre__inspiration-body {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding: 1rem 1.125rem 1.25rem;
}

.ftfm-mre__inspiration-note {
	color: var(--ftfm-navy);
	font-size: 0.9375rem;
	line-height: 1.55;
	margin: 0;
}

.ftfm-mre__inspiration-note-input {
	font-size: 0.875rem;
	min-height: 4.5rem;
}

.ftfm-mre__inspiration-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1rem;
}

/* —— Lightbox —— */

.ftfm-mre__lightbox-overlay {
	align-items: center;
	display: flex;
	justify-content: center;
	padding: 1rem;
	position: fixed;
	inset: 0;
	z-index: 2000;
}

.ftfm-mre__lightbox-backdrop {
	background: rgba(10, 37, 56, 0.82);
	position: absolute;
	inset: 0;
}

.ftfm-mre__lightbox-panel {
	background: #faf8f6;
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-height: 94vh;
	max-width: min(96vw, 56rem);
	overflow: auto;
	padding: 1rem 1rem 1.25rem;
	position: relative;
	width: 100%;
	z-index: 1;
}

.ftfm-mre__lightbox-close {
	align-self: flex-end;
	background: transparent;
	border: 1px solid var(--ftfm-soft-blue);
	border-radius: var(--ftfm-radius);
	color: var(--ftfm-navy);
	cursor: pointer;
	font-family: "Manrope", sans-serif;
	font-size: 0.875rem;
	font-weight: 600;
	min-height: 2.5rem;
	padding: 0.5rem 0.875rem;
}

.ftfm-mre__lightbox-close:hover,
.ftfm-mre__lightbox-close:focus {
	border-color: var(--ftfm-navy);
	color: var(--ftfm-navy);
	outline: none;
}

.ftfm-mre__lightbox-image-wrap {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 10rem;
}

.ftfm-mre__lightbox-image {
	display: block;
	height: auto;
	max-height: calc(94vh - 9rem);
	max-width: 100%;
	object-fit: contain;
	width: auto;
}

.ftfm-mre__lightbox-note {
	color: var(--ftfm-navy);
	font-family: "Manrope", sans-serif;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin: 0;
	padding: 0 0.25rem;
}

/* —— Explore patterns —— */

.ftfm-mre__label--sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ftfm-mre__search {
	margin-bottom: 2rem;
}

/* Explore Patterns browse grid */
.ftfm-mre__pattern-grid--browse {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	width: 100%;
}

/* Saved patterns & Possibles — centred flex layout */
.ftfm-mre__pattern-grid--room-edit {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	margin-top: 0.5rem;
	width: 100%;
}

.ftfm-mre__pattern-grid--room-edit .ftfm-mre__pattern-card--room-edit {
	box-sizing: border-box;
	width: 100%;
}

.ftfm-mre__pattern-card {
	background: var(--ftfm-surface);
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.ftfm-mre__pattern-image-wrap {
	aspect-ratio: 4 / 3;
	background: var(--ftfm-muted);
	flex-shrink: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.ftfm-mre__pattern-image {
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.ftfm-mre__pattern-image--placeholder {
	background: linear-gradient(145deg, var(--ftfm-muted) 0%, #ece8e4 100%);
	display: block;
	height: 100%;
	width: 100%;
}

.ftfm-mre__pattern-body {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding: 1.25rem 1.25rem 1.5rem;
}

.ftfm-mre__pattern-title {
	color: var(--ftfm-navy);
	font-family: "Literata", serif;
	font-size: var(--ftfm-mre-box-copy-size);
	font-weight: 600;
	line-height: 1.3;
	margin: 0;
}

.ftfm-mre__card-description {
	color: var(--ftfm-soft-blue);
	font-family: "Manrope", sans-serif;
	font-size: var(--ftfm-mre-box-copy-size);
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
	max-width: 100%;
}

.ftfm-mre__pattern-description.ftfm-mre__card-description {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	overflow: hidden;
	-webkit-box-orient: vertical;
}

.ftfm-mre__pattern-description {
	margin: 0;
}

.ftfm-mre__section--saved-patterns .ftfm-mre__section-heading,
.ftfm-mre__section--considering .ftfm-mre__section-heading {
	font-size: var(--ftfm-mre-box-copy-size);
	line-height: 1.3;
}

.ftfm-mre__section--saved-patterns .ftfm-mre__section-support,
.ftfm-mre__section--considering .ftfm-mre__section-support,
.ftfm-mre__section--flo .ftfm-mre__section-support,
.ftfm-mre__flo-panel-copy,
.ftfm-mre__section--saved-patterns .ftfm-mre__section-empty,
.ftfm-mre__section--considering .ftfm-mre__section-empty {
	font-size: var(--ftfm-mre-box-copy-size);
}

.ftfm-mre__pattern-actions {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}

.ftfm-mre__pattern-note {
	background: rgba(247, 245, 243, 0.7);
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	margin-top: 0.125rem;
	padding: 0.5rem 0.625rem;
}

.ftfm-mre__pattern-note-label {
	color: var(--ftfm-soft-blue);
	font-family: "Manrope", sans-serif;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.35;
	margin: 0 0 0.25rem;
}

.ftfm-mre__pattern-note-text {
	color: var(--ftfm-navy);
	font-family: "Manrope", sans-serif;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
}

.ftfm-mre__pattern-note-input {
	font-size: 0.8125rem;
	line-height: 1.45;
	min-height: 3rem;
	margin: 0;
}

.ftfm-mre__pattern-note-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 0.75rem;
	margin-top: 0.375rem;
}

.ftfm-mre__pattern-note-actions .ftfm-mre__link {
	font-size: 0.8125rem;
}

.ftfm-mre__open-room-edit {
	display: block;
	font-size: 0.875rem;
	margin-top: 0.125rem;
	text-align: center;
	width: 100%;
}

.ftfm-mre__pattern-note-add {
	margin: 0;
	padding: 0;
}

.ftfm-mre__pattern-note-feedback {
	color: var(--ftfm-soft-blue);
	font-family: "Manrope", sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.4;
	margin: 0.5rem 0 0;
}

.ftfm-mre__pattern-card--browse .ftfm-mre__pattern-description {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.ftfm-mre__pattern-card--room-edit .ftfm-mre__pattern-title {
	font-size: 1.0625rem;
	line-height: 1.35;
}

.ftfm-mre__pattern-card--room-edit .ftfm-mre__pattern-body {
	gap: 0.625rem;
	padding: 1.125rem 1.125rem 1.25rem;
}

.ftfm-mre__pattern-card--room-edit .ftfm-mre__pattern-note {
	margin-top: 0;
	padding: 0.45rem 0.55rem;
}

.ftfm-mre__pattern-card--room-edit .ftfm-mre__pattern-note-label {
	font-size: 0.6875rem;
	margin-bottom: 0.2rem;
}

.ftfm-mre__pattern-card--room-edit .ftfm-mre__pattern-note-text {
	font-size: 0.8125rem;
	line-height: 1.45;
}

.ftfm-mre__pattern-card--room-edit .ftfm-mre__pattern-note-actions .ftfm-mre__link {
	font-size: 0.75rem;
}

.ftfm-mre__pattern-card--room-edit .ftfm-mre__pattern-actions {
	gap: 0.5rem;
}

.ftfm-mre__pattern-grid--browse .ftfm-mre__pattern-actions .ftfm-mre__button,
.ftfm-mre__pattern-grid--browse .ftfm-mre__pattern-actions .ftfm-mre__pattern-link,
.ftfm-mre__pattern-grid--room-edit .ftfm-mre__pattern-actions .ftfm-mre__button,
.ftfm-mre__pattern-grid--room-edit .ftfm-mre__pattern-actions .ftfm-mre__pattern-link {
	min-height: 2.75rem;
	width: 100%;
}

.ftfm-mre__pattern-link {
	text-align: center;
	width: 100%;
}

.ftfm-mre__save-pattern.is-saving {
	opacity: 0.75;
}

.ftfm-mre__save-pattern.is-save-success {
	background: rgba(246, 193, 187, 0.35);
	border-color: rgba(246, 193, 187, 0.75);
	color: var(--ftfm-navy);
}

.ftfm-mre__save-pattern.is-already-saved {
	background: var(--ftfm-muted);
	border-color: var(--ftfm-border);
	color: var(--ftfm-soft-blue);
}

.ftfm-mre__pattern-card--browse.is-save-success {
	border-color: rgba(246, 193, 187, 0.65);
}

.ftfm-mre__pattern-card--browse.is-already-saved {
	border-color: var(--ftfm-border);
}

.ftfm-mre__notice {
	background: rgba(246, 193, 187, 0.12);
	border: 1px solid rgba(246, 193, 187, 0.55);
	border-radius: var(--ftfm-radius);
	color: var(--ftfm-navy);
	font-size: 0.9375rem;
	margin-bottom: 1.25rem;
	padding: 0.75rem 1rem;
}

.ftfm-mre__guidance-banner {
	align-items: center;
	background: rgba(246, 193, 187, 0.1);
	border: 1px solid rgba(246, 193, 187, 0.45);
	border-radius: var(--ftfm-radius);
	border-top: 3px solid var(--ftfm-blush);
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1rem;
	justify-content: center;
	margin-bottom: 1.5rem;
	padding: 1rem 1.25rem;
	text-align: center;
	width: 100%;
}

.ftfm-mre__guidance-banner-text {
	color: var(--ftfm-soft-blue);
	font-family: "Manrope", sans-serif;
	font-size: var(--ftfm-text-intro-size);
	font-weight: 400;
	line-height: var(--ftfm-text-intro-line-height);
	margin: 0;
	max-width: 36rem;
}

/* —— Modal —— */

.ftfm-mre__modal-overlay {
	align-items: center;
	background: rgba(10, 37, 56, 0.35);
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	padding: 1.5rem;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000;
}

.ftfm-mre__modal {
	background: var(--ftfm-surface);
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	max-width: 24rem;
	padding: 1.5rem;
	width: 100%;
}

.ftfm-mre__modal-title {
	color: var(--ftfm-navy);
	font-family: "Literata", serif;
	font-size: 1.125rem;
	font-weight: 600;
	margin: 0 0 1rem;
}

.ftfm-mre__modal-list {
	list-style: none;
	margin: 0 0 1.25rem;
	padding: 0;
}

.ftfm-mre__modal-option {
	background: var(--ftfm-muted);
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	color: var(--ftfm-navy);
	cursor: pointer;
	display: block;
	font-family: "Manrope", sans-serif;
	font-size: 0.9375rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
	min-height: 2.75rem;
	padding: 0.75rem 1rem;
	text-align: left;
	width: 100%;
}

.ftfm-mre__modal-option:hover,
.ftfm-mre__modal-option:focus {
	border-color: var(--ftfm-soft-blue);
	color: var(--ftfm-navy);
}

.ftfm-mre__pagination {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: center;
	margin-top: 2.5rem;
}

.ftfm-mre__pagination-label {
	color: var(--ftfm-soft-blue);
	font-size: 0.875rem;
}

.ftfm-mre__button:disabled {
	cursor: not-allowed;
	opacity: 0.5;
}

/* —— Responsive —— */

@media (min-width: 720px) {
	.ftfm-mre__cards {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

	.ftfm-mre__cards .ftfm-mre__card--room {
		box-sizing: border-box;
		flex: 0 1 25rem;
		max-width: 25rem;
		width: 25rem;
	}

	.ftfm-mre__pattern-grid--room-edit {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

	.ftfm-mre__pattern-grid--room-edit .ftfm-mre__pattern-card--room-edit {
		flex: 0 1 24rem;
		max-width: 24rem;
		width: 24rem;
	}

	.ftfm-mre__inspiration-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ftfm-mre__start-here-cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 900px) {
	.ftfm-mre__pattern-grid--browse {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ftfm-mre__inspiration-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.ftfm-mre {
		padding: 1.5rem 1rem 2.5rem;
	}

	.ftfm-mre--logged-out {
		padding: 1.5rem 1rem 2.5rem;
	}

	.ftfm-mre--logged-out .ftfm-mre__panel--prompt {
		padding: 2rem 1.25rem;
	}

	.ftfm-mre--logged-out .ftfm-mre__heading {
		font-size: 1.5rem;
	}

	.ftfm-mre {
		--ftfm-text-intro-size: 0.9375rem;
		--ftfm-text-intro-line-height: 1.55;
		--ftfm-text-helper-size: 0.75rem;
		--ftfm-text-helper-line-height: 1.45;
		--ftfm-text-label-size: 0.8125rem;
		--ftfm-text-action-size: 0.8125rem;
	}

	.ftfm-mre--logged-out .ftfm-mre__lead {
		font-size: 0.9375rem;
		line-height: 1.55;
		margin-bottom: 1.5rem;
		max-width: 100%;
	}

	.ftfm-mre__actions--prompt {
		flex-direction: column;
		max-width: 100%;
		width: 100%;
	}

	.ftfm-mre--logged-out .ftfm-mre__actions--prompt .ftfm-mre__button {
		min-width: 0;
		width: 100%;
	}

	.ftfm-mre__prompt-help {
		margin-top: 0.5rem;
		max-width: 100%;
		padding: 0 0.25rem;
	}

	.ftfm-mre--logged-out .ftfm-mre__prompt-help {
		color: var(--ftfm-text-support-muted);
		font-size: 0.8125rem;
		line-height: 1.5;
	}

	.ftfm-mre__inline-account__tabs {
		text-align: center;
	}

	.ftfm-mre__inline-account .woocommerce-form-login,
	.ftfm-mre__inline-account .woocommerce-form-register,
	.ftfm-mre__inline-account .woocommerce-form-login label,
	.ftfm-mre__inline-account .woocommerce-form-register label {
		text-align: left;
	}

	.ftfm-mre__panel,
	.ftfm-mre__form {
		padding: 2rem 1.25rem;
	}

	.ftfm-mre__heading,
	.ftfm-mre__detail-title {
		font-size: 1.625rem;
	}

	/* Phase 10.6 — one mobile scale for main intro/support copy */
	.ftfm-mre__intro,
	.ftfm-mre__lead,
	.ftfm-mre__section-copy,
	.ftfm-mre__detail-bridge,
	.ftfm-mre__detail-privacy,
	.ftfm-mre__section-empty.ftfm-mre__intro,
	.ftfm-mre__empty .ftfm-mre__intro {
		max-width: 100%;
	}

	.ftfm-mre__section--saved-patterns .ftfm-mre__section-orientation,
	.ftfm-mre__section--considering .ftfm-mre__section-orientation {
		max-width: 100%;
	}

	.ftfm-mre__sections .ftfm-mre__section--inspiration .ftfm-mre__section-support.ftfm-mre__section-copy {
		margin-bottom: 0.625rem;
	}

	.ftfm-mre__header--page .ftfm-mre__intro,
	.ftfm-mre__header--page .ftfm-mre__lead {
		margin-bottom: 1.75rem;
	}

	.ftfm-mre__header--page .ftfm-mre__header-actions .ftfm-mre__button {
		width: 100%;
	}

	.ftfm-mre__inspiration-actions .ftfm-mre__link {
		font-size: var(--ftfm-text-action-size);
	}

	.ftfm-mre__section--inspiration .ftfm-mre__textarea {
		font-size: 0.875rem;
		min-height: 3.75rem;
	}

	.ftfm-mre__section--inspiration .ftfm-mre__upload-form {
		margin-bottom: 1.25rem;
		padding-top: 1.25rem;
	}

	.ftfm-mre__section--inspiration .ftfm-mre__field {
		margin-bottom: 1rem;
	}

	.ftfm-mre__section--inspiration .ftfm-mre__input[type="file"] {
		font-size: 0.875rem;
		padding: 0.625rem 0.75rem;
	}

	.ftfm-mre__section {
		padding: 1.85rem 1.25rem 1.5rem;
	}

	.ftfm-mre__section--inspiration {
		padding: 2rem 1.25rem 1.75rem;
	}

	.ftfm-mre__section-heading {
		margin-top: 0.25rem;
	}

	.ftfm-mre__start-here {
		padding: 2rem 1.25rem 1.75rem;
	}

	.ftfm-mre__start-here-header {
		margin-bottom: 1.25rem;
	}

	.ftfm-mre__start-here-card {
		flex: 1 1 100%;
		max-width: 100%;
		padding: 1rem 1.125rem 0.875rem;
	}

	.ftfm-mre__start-here-card-title {
		font-size: 0.9375rem;
	}

	.ftfm-mre__start-here-card-body {
		font-size: 0.8125rem;
		line-height: 1.5;
	}

	.ftfm-mre__start-here-action {
		max-width: 14rem;
		min-width: 0;
		width: 100%;
	}

	.ftfm-mre__start-here .ftfm-mre__button.ftfm-mre__start-here-action {
		max-width: 14rem;
		min-width: 0;
		width: 100%;
	}

	.ftfm-mre__guidance-banner {
		flex-direction: column;
		padding: 1rem 1.125rem;
	}

	.ftfm-mre__guidance-banner .ftfm-mre__button {
		width: 100%;
	}

	.ftfm-mre__pattern-grid--browse,
	.ftfm-mre__inspiration-grid {
		grid-template-columns: 1fr;
	}

	.ftfm-mre__pattern-grid--room-edit .ftfm-mre__pattern-card--room-edit {
		flex: 1 1 100%;
		max-width: 100%;
		width: 100%;
	}

	.ftfm-mre__card-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.ftfm-mre__card-actions .ftfm-mre__button--primary {
		width: 100%;
	}

	.ftfm-mre__actions,
	.ftfm-mre__form-actions {
		flex-direction: column;
	}

	.ftfm-mre__button,
	.ftfm-mre__pattern-link {
		min-height: 2.75rem;
		text-align: center;
		width: 100%;
	}

	.ftfm-mre__start-here .ftfm-mre__button.ftfm-mre__start-here-action {
		width: 100%;
	}

	.ftfm-mre__lightbox-overlay {
		padding: 0.5rem;
	}

	.ftfm-mre__lightbox-panel {
		max-height: 96vh;
		max-width: 100%;
		padding: 0.75rem;
	}

	.ftfm-mre__lightbox-image {
		max-height: calc(96vh - 8rem);
	}

	.ftfm-mre--dashboard .ftfm-mre__app-nav {
		justify-content: center;
		gap: 0.5rem 0.75rem;
	}

	.ftfm-mre__nav-item {
		min-height: 2.75rem;
	}

	.ftfm-mre__detail-header {
		margin-bottom: 2rem;
		padding-top: 0.25rem;
	}

	.ftfm-mre__detail-title {
		margin-bottom: 0.75rem;
	}

	.ftfm-mre__detail-room {
		margin-bottom: 1rem;
	}

	.ftfm-mre__detail-tags {
		gap: 0.5rem;
		margin-bottom: 0;
		margin-top: 0.25rem;
	}

	.ftfm-mre__detail-hero .ftfm-mre__detail-intro {
		margin-bottom: 1.25rem;
		max-width: 100%;
	}

	.ftfm-mre__detail-hero .ftfm-mre__detail-bridge.ftfm-mre__intro {
		margin-bottom: 0.625rem;
		margin-top: 1rem;
	}

	.ftfm-mre__detail-hero .ftfm-mre__detail-privacy {
		max-width: 100%;
	}

	.ftfm-mre__card-notes-preview {
		min-height: 2rem;
	}

	.ftfm-mre__pattern-note {
		padding: 0.5rem 0.625rem;
	}

	.ftfm-mre__pattern-note-input {
		min-height: 2.75rem;
	}

	.ftfm-mre__open-room-edit {
		min-height: 2.5rem;
		padding: 0.25rem 0;
	}
}

/* —— WooCommerce My Account login/register (logged-out only) —— */

body.woocommerce-account:not(.logged-in) .woocommerce #customer_login {
	box-sizing: border-box;
	margin: 0 auto 2.5rem;
	max-width: 32rem;
	width: 100%;
}

body.woocommerce-account:not(.logged-in) .woocommerce #customer_login .u-column1.col-1,
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login .u-column2.col-2 {
	box-sizing: border-box;
	float: none;
	margin: 0 auto;
	max-width: 100%;
	padding: 0;
	width: 100%;
}

body.woocommerce-account:not(.logged-in) .woocommerce #customer_login .u-column2.col-2 {
	margin-top: 2.5rem;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login h2,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register h2 {
	color: #0a2538;
	font-family: "Literata", serif;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.25;
	margin: 0 0 1.75rem;
	text-align: center;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login .woocommerce-form-row,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register .woocommerce-form-row {
	box-sizing: border-box;
	display: block;
	float: none;
	margin: 0 0 1rem;
	padding: 0;
	width: 100%;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login label,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register label {
	color: #0a2538;
	display: block;
	font-family: "Manrope", sans-serif;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 0.5rem;
	text-align: left;
	width: 100%;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login .input-text,
body.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="text"],
body.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="password"],
body.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="email"],
body.woocommerce-account:not(.logged-in) .woocommerce-form-register .input-text,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register input[type="text"],
body.woocommerce-account:not(.logged-in) .woocommerce-form-register input[type="password"],
body.woocommerce-account:not(.logged-in) .woocommerce-form-register input[type="email"] {
	background: #fff;
	border: 1px solid #e8e4df;
	border-radius: 4px;
	box-sizing: border-box;
	color: #0a2538;
	font-family: "Manrope", sans-serif;
	font-size: 1rem;
	line-height: 1.4;
	max-width: 100%;
	min-height: 2.75rem;
	padding: 0.75rem 0.875rem;
	width: 100%;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login .input-text:focus,
body.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="text"]:focus,
body.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="password"]:focus,
body.woocommerce-account:not(.logged-in) .woocommerce-form-login input[type="email"]:focus,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register .input-text:focus,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register input[type="text"]:focus,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register input[type="password"]:focus,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register input[type="email"]:focus {
	border-color: #63809e;
	outline: 2px solid rgba(99, 128, 158, 0.25);
	outline-offset: 0;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login .form-row:last-child,
body.woocommerce-account:not(.logged-in) .woocommerce-form-login .woocommerce-form-row:last-child,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register .form-row:last-child,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register .woocommerce-form-row:last-child {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	gap: 0;
	margin-bottom: 0;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login .woocommerce-form__label-for-checkbox {
	align-items: center;
	color: #63809e;
	display: flex;
	font-family: "Manrope", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	gap: 0.5rem;
	line-height: 1.4;
	margin: 0;
	width: 100%;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login .woocommerce-form-login__submit,
body.woocommerce-account:not(.logged-in) .woocommerce-form-login button[type="submit"],
body.woocommerce-account:not(.logged-in) .woocommerce-form-register .woocommerce-form-register__submit,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register button[type="submit"] {
	background-color: #0a2538;
	border: 1px solid #0a2538;
	border-radius: 4px;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: "Manrope", sans-serif;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.4;
	margin: 1.25rem 0 0;
	min-height: 2.75rem;
	padding: 0.75rem 1.5rem;
	text-align: center;
	width: 100%;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login .woocommerce-form-login__submit:hover,
body.woocommerce-account:not(.logged-in) .woocommerce-form-login .woocommerce-form-login__submit:focus,
body.woocommerce-account:not(.logged-in) .woocommerce-form-login button[type="submit"]:hover,
body.woocommerce-account:not(.logged-in) .woocommerce-form-login button[type="submit"]:focus,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register .woocommerce-form-register__submit:hover,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register .woocommerce-form-register__submit:focus,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register button[type="submit"]:hover,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register button[type="submit"]:focus {
	background-color: #081e2e;
	border-color: #081e2e;
	color: #fff;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login .lost_password {
	color: #63809e;
	display: block;
	font-family: "Manrope", sans-serif;
	font-size: 0.875rem;
	margin: 0.75rem 0 0;
	text-align: center;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login .lost_password a {
	color: #63809e;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login .lost_password a:hover,
body.woocommerce-account:not(.logged-in) .woocommerce-form-login .lost_password a:focus {
	color: #0a2538;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-register .woocommerce-privacy-policy-text,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register .woocommerce-privacy-policy-text p {
	color: #63809e;
	font-family: "Manrope", sans-serif;
	font-size: 0.875rem;
	line-height: 1.4;
	margin: 0.75rem 0 0;
	text-align: center;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-register .woocommerce-privacy-policy-text a {
	color: #63809e;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-register .woocommerce-privacy-policy-text a:hover,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register .woocommerce-privacy-policy-text a:focus {
	color: #0a2538;
}

body.woocommerce-account:not(.logged-in) .woocommerce-error,
body.woocommerce-account:not(.logged-in) .woocommerce-message,
body.woocommerce-account:not(.logged-in) .woocommerce-info,
body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper .woocommerce-error,
body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper .woocommerce-info {
	background: rgba(246, 193, 187, 0.12);
	border: 1px solid rgba(246, 193, 187, 0.55);
	border-radius: 4px;
	box-sizing: border-box;
	color: #0a2538;
	font-family: "Manrope", sans-serif;
	font-size: 0.9375rem;
	line-height: 1.55;
	list-style: none;
	margin: 0 auto 1.25rem;
	max-width: 32rem;
	padding: 0.875rem 1rem;
	width: 100%;
}

body.woocommerce-account:not(.logged-in) .woocommerce-error::before,
body.woocommerce-account:not(.logged-in) .woocommerce-message::before,
body.woocommerce-account:not(.logged-in) .woocommerce-info::before {
	display: none;
}

@media (max-width: 640px) {
	body.woocommerce-account:not(.logged-in) .woocommerce-form-login h2,
	body.woocommerce-account:not(.logged-in) .woocommerce-form-register h2 {
		margin-bottom: 2rem;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce-form-login .woocommerce-form-login__submit,
	body.woocommerce-account:not(.logged-in) .woocommerce-form-login button[type="submit"],
	body.woocommerce-account:not(.logged-in) .woocommerce-form-register .woocommerce-form-register__submit,
	body.woocommerce-account:not(.logged-in) .woocommerce-form-register button[type="submit"] {
		margin-top: 1.5rem;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce #customer_login .u-column2.col-2 {
		margin-top: 2rem;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce #customer_login {
		margin-bottom: 2rem;
		max-width: 100%;
		padding: 0 1rem;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce-error,
	body.woocommerce-account:not(.logged-in) .woocommerce-message,
	body.woocommerce-account:not(.logged-in) .woocommerce-info,
	body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper .woocommerce-error,
	body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper .woocommerce-message,
	body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper .woocommerce-info {
		max-width: 100%;
	}
}

body.woocommerce-account:not(.logged-in) .ftfm-mre-password-toggle {
	background: none;
	border: none;
	color: #63809e;
	cursor: pointer;
	display: block;
	font-family: "Manrope", sans-serif;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.4;
	margin: 0.375rem 0 0;
	padding: 0;
	text-align: left;
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.woocommerce-account:not(.logged-in) .ftfm-mre-password-toggle:hover,
body.woocommerce-account:not(.logged-in) .ftfm-mre-password-toggle:focus {
	color: #0a2538;
	outline: 2px solid rgba(99, 128, 158, 0.25);
	outline-offset: 2px;
}

.ftfm-mre__section--flo {
	margin-top: 0;
}

.ftfm-mre__flo-status {
	margin: 0;
	max-width: 100%;
	text-align: center;
}

.ftfm-mre__flo-status-line,
.ftfm-mre__flo-message,
.ftfm-mre__flo-empty {
	color: #63809e;
	font-family: "Manrope", sans-serif;
	font-size: 0.8125rem;
	line-height: 1.45;
	margin: 0;
}

.ftfm-mre__flo-message,
.ftfm-mre__flo-empty {
	font-size: 0.875rem;
	line-height: 1.5;
	margin-bottom: 1rem;
}

.ftfm-mre__flo-panel {
	background: rgba(99, 128, 158, 0.04);
	border: 1px solid rgba(99, 128, 158, 0.14);
	border-radius: 4px;
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 28rem;
	padding: 1rem 1rem 1.125rem;
	text-align: center;
	width: 100%;
}

.ftfm-mre__flo-panel-heading {
	color: #0a2538;
	font-family: "Literata", serif;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.35;
	margin: 0 0 0.375rem;
}

.ftfm-mre__flo-panel-copy {
	color: var(--ftfm-soft-blue);
	margin: 0 auto;
	max-width: 24rem;
}

.ftfm-mre__flo-panel-actions {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	justify-content: center;
	margin-top: 0.875rem;
}

.ftfm-mre__flo-panel-actions .ftfm-mre__button,
.ftfm-mre__flo-panel-actions .ftfm-mre__link {
	margin: 0;
}

.ftfm-mre__flo-toolbar {
	display: flex;
	justify-content: center;
	margin-bottom: 1.25rem;
	scroll-margin-top: 5rem;
}

.ftfm-mre__flo-toolbar-inner {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	max-width: 100%;
}

.ftfm-mre__flo-toolbar-inner > .ftfm-mre__button {
	align-self: center;
	width: auto;
}

.ftfm-mre__flo-grid {
	align-items: stretch;
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ftfm-mre__flo-card {
	background: #fff;
	border: 1px solid #e8e4df;
	border-radius: 4px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
	padding: 1rem 1.125rem;
	text-align: center;
}

.ftfm-mre__flo-card--skeleton {
	background: linear-gradient(90deg, #f5f2ee 25%, #ece8e2 50%, #f5f2ee 75%);
	background-size: 200% 100%;
	min-height: 14rem;
	animation: ftfm-mre-flo-shimmer 1.4s ease infinite;
}

@keyframes ftfm-mre-flo-shimmer {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

.ftfm-mre__flo-scroll-anchor {
	height: 0;
	scroll-margin-top: calc(var(--ftfm-sticky-header-offset) + 18px);
	width: 100%;
}

.ftfm-mre__flo-role {
	color: var(--ftfm-soft-blue);
	font-family: "Manrope", sans-serif;
	font-size: var(--ftfm-mre-box-copy-size);
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.3;
	margin: 0 0 0.75rem;
	text-align: center;
	text-transform: uppercase;
}

.ftfm-mre__flo-card .ftfm-mre__pattern-image-wrap {
	margin: 0 auto;
	max-width: 100%;
}

.ftfm-mre__flo-body {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 0.75rem;
	min-height: 0;
	text-align: center;
	width: 100%;
}

.ftfm-mre__flo-title-wrap {
	min-height: 2.75rem;
	width: 100%;
}

.ftfm-mre__flo-rationale-wrap {
	flex: 1 1 auto;
	min-height: 5.5rem;
	width: 100%;
}

.ftfm-mre__flo-rationale {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	overflow: hidden;
	-webkit-box-orient: vertical;
}

.ftfm-mre__flo-rationale.ftfm-mre__card-description {
	color: var(--ftfm-soft-blue);
}

.ftfm-mre__flo-body .ftfm-mre__pattern-title {
	font-size: var(--ftfm-mre-box-copy-size);
	line-height: 1.3;
	margin: 0 auto;
	max-width: 100%;
}

.ftfm-mre__flo-card--rejected-done {
	opacity: 0.92;
}

.ftfm-mre__flo-card--rejected-done .ftfm-mre__pattern-image-wrap {
	opacity: 0.94;
}

.ftfm-mre__flo-feedback-noted {
	color: var(--ftfm-soft-blue);
	font-family: "Manrope", sans-serif;
	font-size: var(--ftfm-text-action-size);
	font-weight: 600;
	line-height: 1.4;
	margin: 0;
	text-align: center;
}

.ftfm-mre__flo-actions-footer {
	flex-shrink: 0;
	margin-top: auto;
	width: 100%;
}

.ftfm-mre__flo-actions-main {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
}

.ftfm-mre__flo-actions-main .ftfm-mre__button,
.ftfm-mre__flo-view-pattern {
	box-sizing: border-box;
	display: block;
	text-align: center;
	width: 100%;
}

.ftfm-mre__flo-view-pattern {
	text-decoration: none;
}

.ftfm-mre__flo-feedback-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 0.75rem;
	justify-content: center;
	margin-top: 0.625rem;
	width: 100%;
}

.ftfm-mre__flo-feedback-btn {
	background: rgba(99, 128, 158, 0.06);
	border: 1px solid rgba(99, 128, 158, 0.28);
	border-radius: 999px;
	color: var(--ftfm-soft-blue);
	cursor: pointer;
	font-family: "Manrope", sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.4;
	min-height: 2.25rem;
	padding: 0.375rem 0.875rem;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.ftfm-mre__flo-feedback-btn:hover,
.ftfm-mre__flo-feedback-btn:focus {
	background: rgba(99, 128, 158, 0.12);
	border-color: var(--ftfm-soft-blue);
	color: var(--ftfm-navy);
	outline: none;
}

.ftfm-mre__flo-feedback-btn:focus-visible {
	outline: 2px solid rgba(99, 128, 158, 0.35);
	outline-offset: 2px;
}

.ftfm-mre__flo-feedback-btn:disabled,
.ftfm-mre__flo-feedback-btn.is-complete {
	cursor: default;
	opacity: 0.85;
}

.ftfm-mre__flo-feedback-btn.is-saving {
	opacity: 0.75;
}

.ftfm-mre__flo-card-status {
	margin-top: 0.5rem;
	text-align: center;
	width: 100%;
}

.ftfm-mre__flo-card-status-line {
	color: #63809e;
	font-family: "Manrope", sans-serif;
	font-size: 0.8125rem;
	line-height: 1.45;
	margin: 0;
}

.ftfm-mre__flo-card-status-line.is-success {
	color: #0a2538;
}

.ftfm-mre__flo-card-status-line.is-error {
	color: #8b3a34;
}

.ftfm-mre__flo-card--removing {
	opacity: 0;
	transform: translateY(0.25rem);
	transition: opacity 0.28s ease, transform 0.28s ease;
}

.ftfm-mre__flo-grid--thinking {
	display: block;
	grid-template-columns: 1fr;
	margin: 0 auto;
	max-width: 32rem;
	min-height: 10rem;
	width: 100%;
}

.ftfm-mre__flo-thinking {
	align-items: center;
	background: rgba(99, 128, 158, 0.06);
	border: 1px solid rgba(99, 128, 158, 0.16);
	border-radius: 4px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	min-height: 10rem;
	padding: 1.5rem 1rem;
	text-align: center;
	width: 100%;
}

.ftfm-mre__flo-thinking-line {
	color: #0a2538;
	font-family: "Manrope", sans-serif;
	font-size: 0.9375rem;
	line-height: 1.5;
	margin: 0;
	max-width: 22rem;
	text-align: center;
}

.ftfm-mre__flo-thinking-ellipsis {
	animation: ftfm-mre-flo-pulse 1.4s ease-in-out infinite;
	display: inline-block;
}

.ftfm-mre__flo-thinking-ellipsis::after {
	content: "...";
}

@keyframes ftfm-mre-flo-pulse {
	0%,
	100% {
		opacity: 0.35;
	}

	50% {
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ftfm-mre__flo-card--removing {
		transition: opacity 0.01ms;
	}

	.ftfm-mre__flo-thinking-ellipsis {
		animation: none;
		opacity: 1;
	}
}

.ftfm-mre__flo-teaser {
	background: rgba(99, 128, 158, 0.06);
	border: 1px solid rgba(99, 128, 158, 0.18);
	border-radius: 4px;
	padding: 1.25rem;
}

.ftfm-mre__flo-teaser-heading {
	color: #0a2538;
	font-family: "Literata", serif;
	font-size: 1.125rem;
	font-weight: 600;
	margin: 0 0 0.5rem;
}

.ftfm-mre__flo-teaser-copy {
	color: #63809e;
	font-family: "Manrope", sans-serif;
	font-size: 0.875rem;
	line-height: 1.5;
	margin: 0 0 1rem;
}

.ftfm-mre__flo-teaser-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1rem;
}

.ftfm-mre__flo-reject-reasons {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: center;
	margin-top: 0.5rem;
	width: 100%;
}

.ftfm-mre__flo-reject-chip {
	background: #fff;
	border: 1px solid #e8e4df;
	border-radius: 999px;
	color: #0a2538;
	cursor: pointer;
	font-family: "Manrope", sans-serif;
	font-size: 0.8125rem;
	padding: 0.35rem 0.75rem;
}

.ftfm-mre__flo-reject-chip:hover,
.ftfm-mre__flo-reject-chip:focus {
	border-color: #63809e;
	outline: 2px solid rgba(99, 128, 158, 0.25);
	outline-offset: 1px;
}

@media (max-width: 960px) {
	.ftfm-mre__flo-grid {
		grid-template-columns: 1fr;
	}

	.ftfm-mre__flo-card {
		height: auto;
	}

	.ftfm-mre__flo-title-wrap,
	.ftfm-mre__flo-rationale-wrap {
		min-height: 0;
	}

	.ftfm-mre__flo-rationale {
		display: -webkit-box;
		-webkit-line-clamp: 4;
		overflow: hidden;
	}

	.ftfm-mre__flo-body .ftfm-mre__pattern-title {
		font-size: 1.125rem;
		line-height: 1.35;
	}

	.ftfm-mre__flo-role {
		font-size: 1.125rem;
		letter-spacing: 0.03em;
		line-height: 1.3;
		margin-bottom: 0.5rem;
		text-transform: none;
	}

	.ftfm-mre__flo-feedback-btn {
		font-size: var(--ftfm-text-action-size);
		min-height: 2.375rem;
	}

	.ftfm-mre__field--style-tags {
		margin-bottom: 0.5rem;
	}
}

@media (min-width: 641px) and (max-width: 960px) {
	.ftfm-mre__flo-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* —— Saved patterns comparison overlay —— */

body.ftfm-mre-body-scroll-lock {
	overflow: hidden;
	position: fixed;
	width: 100%;
}

.ftfm-mre__saved-patterns-view-action {
	margin-bottom: 1.25rem;
	margin-top: 0.25rem;
}

.ftfm-mre__saved-patterns-overlay {
	align-items: center;
	display: flex;
	justify-content: center;
	padding: 0.75rem;
	position: fixed;
	inset: 0;
	z-index: 2100;
}

.ftfm-mre__saved-patterns-backdrop {
	background: rgba(10, 37, 56, 0.82);
	position: absolute;
	inset: 0;
}

.ftfm-mre__saved-patterns-dialog {
	background: #faf8f6;
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	display: flex;
	flex-direction: column;
	max-height: min(94vh, 100dvh - 1.5rem);
	max-width: min(96vw, 56rem);
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 1;
}

.ftfm-mre__saved-patterns-dialog-header {
	border-bottom: 1px solid var(--ftfm-border);
	flex-shrink: 0;
	padding: 1.25rem 1rem 1.125rem;
	position: relative;
}

.ftfm-mre__saved-patterns-dialog-header-inner {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	max-width: 32rem;
	padding: 0 4.75rem;
	text-align: center;
	width: 100%;
}

.ftfm-mre__saved-patterns-dialog-title {
	color: var(--ftfm-navy);
	font-family: "Literata", serif;
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1.25;
	margin: 0;
}

.ftfm-mre__saved-patterns-dialog-intro {
	color: var(--ftfm-soft-blue);
	font-family: "Manrope", sans-serif;
	font-size: var(--ftfm-text-intro-size);
	font-weight: 400;
	line-height: var(--ftfm-text-intro-line-height);
	margin: 0.5rem auto 0;
	max-width: 28rem;
}

.ftfm-mre__saved-patterns-dialog-close {
	background: transparent;
	border: 1px solid var(--ftfm-soft-blue);
	border-radius: var(--ftfm-radius);
	color: var(--ftfm-navy);
	cursor: pointer;
	font-family: "Manrope", sans-serif;
	font-size: 0.875rem;
	font-weight: 600;
	min-height: 2.5rem;
	padding: 0.5rem 0.875rem;
	position: absolute;
	right: 1rem;
	top: 1.25rem;
	z-index: 1;
}

.ftfm-mre__saved-patterns-dialog-close:hover,
.ftfm-mre__saved-patterns-dialog-close:focus {
	border-color: var(--ftfm-navy);
	color: var(--ftfm-navy);
	outline: none;
}

.ftfm-mre__saved-patterns-dialog-body {
	flex: 1 1 auto;
	overflow: auto;
	padding: 1.25rem;
	-webkit-overflow-scrolling: touch;
}

.ftfm-mre__saved-patterns-compare-grid {
	align-items: stretch;
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	width: 100%;
}

.ftfm-mre__saved-compare-card {
	background: var(--ftfm-surface);
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}

.ftfm-mre__saved-compare-image-wrap {
	aspect-ratio: 1 / 1;
	background: var(--ftfm-muted);
	flex-shrink: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.ftfm-mre__saved-compare-image {
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.ftfm-mre__saved-compare-image--placeholder {
	background: linear-gradient(145deg, var(--ftfm-muted) 0%, #ece8e4 100%);
	display: block;
	height: 100%;
	width: 100%;
}

.ftfm-mre__saved-compare-body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	gap: 0;
	min-height: 0;
	padding: 0.875rem 0.75rem 1rem;
	text-align: center;
}

.ftfm-mre__saved-compare-title {
	color: var(--ftfm-navy);
	font-family: "Literata", serif;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.35;
	margin: 0 0 0.5rem;
}

.ftfm-mre__saved-compare-note-area {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	gap: 0.375rem;
	justify-content: flex-start;
	min-height: 2.75rem;
	width: 100%;
}

.ftfm-mre__saved-compare-note {
	color: var(--ftfm-soft-blue);
	font-family: "Manrope", sans-serif;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
}

.ftfm-mre__saved-compare-note--clamped {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	overflow: hidden;
	-webkit-box-orient: vertical;
}

.ftfm-mre__saved-compare-note-toggle {
	align-self: center;
	background: transparent;
	border: none;
	color: var(--ftfm-navy);
	cursor: pointer;
	font-family: "Manrope", sans-serif;
	font-size: 0.75rem;
	font-weight: 600;
	padding: 0;
	text-decoration: underline;
	text-underline-offset: 0.12em;
}

.ftfm-mre__saved-compare-note-toggle:hover,
.ftfm-mre__saved-compare-note-toggle:focus {
	color: var(--ftfm-navy);
	outline: none;
}

.ftfm-mre__saved-compare-actions {
	align-items: center;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	gap: 0.375rem;
	margin-top: auto;
	padding-top: 0.625rem;
	width: 100%;
}

.ftfm-mre__saved-compare-pattern-link {
	align-self: center;
	box-sizing: border-box;
	display: inline-flex;
	font-size: 0.8125rem;
	justify-content: center;
	line-height: 1.35;
	max-width: 11.5rem;
	min-height: 2.375rem;
	padding: 0.4375rem 0.75rem;
	text-align: center;
	white-space: normal;
	width: auto;
}

.ftfm-mre__saved-compare-actions .ftfm-mre__link {
	text-align: center;
}

.ftfm-mre__saved-compare-status {
	color: var(--ftfm-soft-blue);
	font-family: "Manrope", sans-serif;
	font-size: 0.8125rem;
	margin: 0;
}

.ftfm-mre__saved-compare-status.is-error {
	color: #8b3a3a;
}

.ftfm-mre__saved-patterns-dialog-empty {
	padding: 0.5rem 0 1rem;
}

.ftfm-mre__saved-patterns-dialog-empty-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.25rem;
}

@media (max-width: 380px) {
	.ftfm-mre__saved-patterns-compare-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (min-width: 641px) {
	.ftfm-mre__saved-patterns-overlay {
		padding: 1.5rem;
	}

	.ftfm-mre__saved-patterns-compare-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 900px) {
	.ftfm-mre__saved-patterns-compare-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.ftfm-mre__saved-patterns-overlay {
		align-items: stretch;
		padding: 0;
	}

	.ftfm-mre__saved-patterns-dialog {
		border-radius: 0;
		border-left: none;
		border-right: none;
		max-height: 100dvh;
		max-width: none;
	}

	.ftfm-mre__saved-patterns-dialog-header {
		padding-top: max(1rem, env(safe-area-inset-top, 0px));
	}

	.ftfm-mre__saved-patterns-dialog-header-inner {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.ftfm-mre__saved-patterns-dialog-close {
		margin-top: 1rem;
		position: static;
	}

	.ftfm-mre__saved-patterns-dialog-body {
		padding-bottom: max(1.25rem, env(safe-area-inset-bottom, 0px));
	}

	.ftfm-mre__saved-compare-pattern-link {
		font-size: 0.75rem;
		max-width: 10.5rem;
		min-height: 2.375rem;
		padding: 0.375rem 0.625rem;
	}
}

/* —— Customer feedback form (v1.11.11) —— */

/* Hide the theme page H1 only while the feedback form/success state is showing. */
body.ftfm-mre-feedback-view h1.page-title {
	display: none;
}

.ftfm-mre--feedback {
	max-width: 36rem;
}

.ftfm-mre__panel--feedback {
	background: var(--ftfm-surface);
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	padding: 2rem 1.5rem;
}

.ftfm-mre__form--feedback {
	border: none;
	padding: 0;
}

.ftfm-mre__feedback-choices {
	border: 0;
	margin: 0 0 1.5rem;
	min-width: 0;
	padding: 0;
}

.ftfm-mre__feedback-choices .ftfm-mre__label {
	margin-bottom: 0.75rem;
}

.ftfm-mre__feedback-choice {
	align-items: flex-start;
	border: 1px solid var(--ftfm-border);
	border-radius: var(--ftfm-radius);
	color: var(--ftfm-navy);
	cursor: pointer;
	display: flex;
	font-size: 1rem;
	gap: 0.75rem;
	line-height: 1.45;
	margin: 0 0 0.625rem;
	padding: 0.875rem 1rem;
}

.ftfm-mre__feedback-choice:hover {
	border-color: var(--ftfm-soft-blue);
}

.ftfm-mre__feedback-choice:has(input:checked) {
	border-color: var(--ftfm-navy);
}

.ftfm-mre__feedback-choice:has(input:focus-visible) {
	border-color: var(--ftfm-navy);
	outline: 2px solid rgba(99, 128, 158, 0.45);
	outline-offset: 2px;
}

.ftfm-mre__feedback-choice input[type="radio"] {
	accent-color: var(--ftfm-navy);
	flex: 0 0 auto;
	height: 1.15rem;
	margin: 0.15rem 0 0;
	width: 1.15rem;
}

.ftfm-mre__feedback-choice input[type="radio"]:focus {
	outline: 2px solid rgba(99, 128, 158, 0.65);
	outline-offset: 2px;
}

.ftfm-mre__form--feedback .ftfm-mre__button--primary:focus {
	outline: 2px solid rgba(99, 128, 158, 0.65);
	outline-offset: 2px;
}

@media (max-width: 640px) {
	.ftfm-mre__panel--feedback {
		padding: 1.5rem 1.125rem;
	}
}