.rd-experiments-page {
	width: min(1200px, 100%);
	margin: 0 auto;
	padding: var(--rd-spacing-x-big);
}

.rd-experiments-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--rd-spacing-x-big);
	margin-bottom: var(--rd-spacing-x-big);
}

.rd-experiments-header h1,
.rd-experiments-header p {
	margin: 0;
}

.rd-experiments-header h1 {
	font-size: var(--rd-fontsize-11) !important;
}

.rd-experiments-header p {
	margin-top: var(--rd-spacing-xx-sm);
	color: var(--rd-gray-500);
}

.rd-experiments-header .rd-experiments-method {
	margin-top: var(--rd-spacing-x-sm);
}

.rd-experiments-header code {
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
	background: var(--rd-gray-100);
	border-radius: var(--rd-borderradius-border-md);
}

.rd-experiments-identity {
	display: flex;
	align-items: flex-end;
	gap: var(--rd-spacing-x-sm);
	flex-direction: column;
}

.rd-experiments-status {
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
	border-radius: var(--rd-borderradius-border-md);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-experiments-status-active {
	background: var(--rd-success-inactive);
	color: var(--rd-success-pressed);
}

.rd-experiments-status-archived {
	background: var(--rd-gray-100);
	color: var(--rd-gray-700);
}

.rd-experiments-status-paused {
	background: var(--rd-warning-inactive);
	color: var(--rd-warning-pressed);
}

.rd-experiments-filter {
	display: flex;
	align-items: flex-end;
	gap: var(--rd-spacing-md);
	padding: var(--rd-spacing-md) 0;
	border-top: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
	border-bottom: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
}

.rd-experiments-filter label {
	display: block;
	margin-bottom: var(--rd-spacing-xx-sm);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-experiments-filter input {
	min-height: 40px;
	padding: 0 var(--rd-spacing-sm);
	border: var(--rd-borderwidth-border-default) solid var(--rd-gray-300);
	border-radius: var(--rd-borderradius-border-md);
}

.rd-experiments-error {
	margin-top: var(--rd-spacing-md);
	padding: var(--rd-spacing-sm);
	background: var(--rd-error-inactive);
	color: var(--rd-error-pressed);
}

.rd-experiments-readiness {
	margin-top: var(--rd-spacing-x-big);
	padding: var(--rd-spacing-md);
	border: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
	border-radius: var(--rd-borderradius-border-md);
}

.rd-experiments-readiness h2,
.rd-experiments-readiness dl {
	margin: 0;
}

.rd-experiments-readiness > div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--rd-spacing-md);
}

.rd-experiments-readiness dl {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--rd-spacing-md);
	margin-top: var(--rd-spacing-md);
}

.rd-experiments-readiness dt,
.rd-experiments-confidence {
	color: var(--rd-gray-500);
}

.rd-experiments-readiness dd {
	margin: var(--rd-spacing-xx-sm) 0 0;
}

.rd-experiments-metrics {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--rd-spacing-md);
	margin: var(--rd-spacing-x-big) 0 var(--rd-spacing-lg);
}

.rd-experiments-metric {
	padding: var(--rd-spacing-big);
	background: var(--rd-list-default-light);
	border: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
	border-radius: var(--rd-borderradius-border-md);
}

.rd-experiments-metric h2 {
	margin: 0 0 var(--rd-spacing-md);
	font-size: var(--rd-fontsize-6);
}

.rd-experiments-metric h3 {
	margin: var(--rd-spacing-md) 0 var(--rd-spacing-x-sm);
	font-size: var(--rd-fontsize-3);
}

.rd-experiments-metric h2 + h3 {
	margin-top: 0;
}

.rd-experiments-metric dl {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--rd-spacing-md);
	margin: 0;
}

.rd-experiments-metric dt {
	color: var(--rd-gray-500);
}

.rd-experiments-metric dd {
	margin: var(--rd-spacing-xx-sm) 0 0;
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-0);
	font-variant-numeric: tabular-nums;
}

.rd-experiments-metric .rd-experiments-funnel-metrics {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rd-experiments-confidence {
	min-height: 44px;
	margin: var(--rd-spacing-sm) 0;
}

.rd-experiments-funnel-metrics span {
	color: var(--rd-gray-500);
}

.rd-experiments-table-heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin: var(--rd-spacing-x-big) 0 var(--rd-spacing-sm);
}

.rd-experiments-table-heading h2 {
	margin: 0;
}

.rd-experiments-table-heading span {
	color: var(--rd-gray-500);
}

body[data-pagekey="experiments"] #crm-quick-note-fab,
body[data-pagekey="experiments"] pc-support-chat-button {
	display: none;
}

@media (max-width: 767px) {
	.rd-experiments-page {
		padding: var(--rd-spacing-md);
	}

	.rd-experiments-header,
	.rd-experiments-filter {
		align-items: stretch;
		flex-direction: column;
	}

	.rd-experiments-identity {
		align-items: flex-start;
	}

	.rd-experiments-readiness dl {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rd-experiments-readiness > div {
		align-items: flex-start;
		flex-direction: column;
	}

	.rd-experiments-metrics {
		grid-template-columns: 1fr;
	}

	.rd-experiments-metric .rd-experiments-funnel-metrics {
		grid-template-columns: 1fr;
	}

}