/* TMPLT V2 empty-space opportunity shells. Hosts are invisible until the
 * active IC's one-time OP library supplies compatible premade blocks. */
.rdc-opportunity-slot {
	display: none;
	box-sizing: border-box;
	max-width: 100%;
	font-size: 1rem;
	text-align: left;
	vertical-align: top;
}
.rdc-opportunity-slot.is-active { display: inline-block; }
body.rdc-opportunity-debug-borders .rdc-opportunity-slot {
	outline: 1px solid rgba(20, 125, 111, .82);
	outline-offset: -1px;
}
.rdc-opportunity-region-owner { position: relative; }
.rdc-opportunity-auto-region {
	position: static;
	margin: 0;
	padding: var(--rdc-opportunity-gutter, 0);
	overflow: hidden;
}
body.rdc-opportunity-debug-borders .rdc-opportunity-auto-region:not(.is-active) {
	display: block;
	pointer-events: none;
	background: rgba(20, 125, 111, .035);
}
.rdc-opportunity-stage {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
}
.rdc-opportunity-stage > [data-rdc-opportunity-center] {
	display: inline-block;
	box-sizing: border-box;
	max-width: 100%;
	font-size: 1rem;
	text-align: left;
	vertical-align: top;
}
.rdc-opportunity-side {
	max-height: 100%;
	padding: var(--rdc-opportunity-gutter, 0);
	overflow: auto;
}
.rdc-opportunity-below.is-active {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: var(--rdc-opportunity-gutter, 0);
	overflow: auto;
}
.rdc-opportunity-title-frame { position: relative; }
.rdc-opportunity-title-frame > :not(.rdc-opportunity-title-gap) { position: relative; z-index: 1; }
.rdc-opportunity-title-gap {
	position: absolute;
	z-index: 0;
	max-width: none;
	padding: var(--rdc-opportunity-gutter, 0);
	overflow: hidden;
}
.rdc-opportunity-title-gap.is-active { display: block; }
.rdc-header-opportunity {
	min-width: 0;
	margin: 0;
	padding: var(--rdc-opportunity-gutter, 0);
	overflow: hidden;
	color: inherit;
}
.rdc-header-opportunity.is-active { display: inline-block; }
.rdc-opportunity-card {
	box-sizing: border-box;
	height: auto;
	min-height: 0;
	max-height: 100%;
	padding: 10px 12px;
	border: 0;
	border-radius: 0;
	overflow: auto;
	background: transparent;
	box-shadow: none;
	color: var(--rdc-index-text, #18212b);
}
.rdc-opportunity-fill {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-width: 0;
	min-height: 0;
	max-height: 100%;
	font-size: 0;
}
.rdc-opportunity-fill-item {
	display: inline-block;
	box-sizing: border-box;
	width: calc(100% / var(--rdc-opportunity-columns, 1));
	height: auto;
	min-width: 0;
	min-height: 0;
	max-height: 100%;
	padding: 5px;
	overflow: hidden;
	font-size: 1rem;
	vertical-align: top;
}
.rdc-opportunity-fill-item > :first-child { width: 100%; height: auto; max-height: 100%; }
.rdc-opportunity-card--compact {
	display:block;
	padding: 7px 10px;
	font-size: .78rem;
}
.rdc-opportunity-card--compact > * { display: inline-block; max-width: 72%; vertical-align: middle; }
.rdc-opportunity-card--compact > :last-child { float: right; max-width: 26%; text-align: right; }
.rdc-opportunity-card--compact::after { display: block; clear: both; content: ""; }
.rdc-opportunity-card--compact strong,
.rdc-opportunity-card--compact span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rdc-opportunity-eyebrow {
	margin: 0 0 8px;
	color: var(--rdc-index-accent, #245f8f);
	font-size: .72rem;
	font-weight: 750;
	letter-spacing: .09em;
	text-transform: uppercase;
}
.rdc-opportunity-card > :first-child { margin-top: 0; }
.rdc-opportunity-card > :last-child { margin-bottom: 0; }
@media (max-width: 720px) {
	.rdc-header-opportunity { display: none !important; }
	.rdc-opportunity-fill-item { width: 100%; height: auto; }
}

.rdc-layout-debug-tab {
	position: fixed;
	top: 46%;
	right: 0;
	z-index: 2147481700;
	width: 6px;
	min-width: 6px;
	max-width: 6px;
	height: 58px;
	min-height: 58px;
	max-height: 58px;
	padding: 0;
	border: 1px solid #3f756f;
	border-right: 0;
	border-radius: 4px 0 0 4px;
	background: #0f625b;
	color: transparent;
	cursor: pointer;
	font-size: 0;
}
.rdc-layout-debug-panel {
	position: fixed;
	top: 70px;
	right: 14px;
	z-index: 2147481701;
	box-sizing: border-box;
	width: min(520px, calc(100vw - 28px));
	max-height: calc(100vh - 94px);
	padding: 12px;
	border: 1px solid #78928f;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 12px 36px rgba(0,0,0,.28);
	color: #18212b;
	overflow: auto;
	font: 13px/1.4 Arial, sans-serif;
}
.rdc-layout-debug-panel[hidden] { display: none; }
.rdc-layout-debug-panel > header {
	position: static;
	inset: auto;
	display: block;
	box-sizing: border-box;
	width: 100%;
	min-height: 0;
	margin: 0 0 10px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: inherit;
	font-size: 0;
}
.rdc-layout-debug-panel header > * { display: inline-block; box-sizing: border-box; vertical-align: middle; font-size: 14px; }
.rdc-layout-debug-panel header strong { width: calc(100% - 36px); }
.rdc-layout-debug-panel header button { width: 32px; min-height: 28px; }
.rdc-layout-debug-toggle { display: block; margin-bottom: 8px; }
.rdc-layout-debug-facts dt,
.rdc-layout-debug-facts dd { display: inline-block; box-sizing: border-box; margin: 3px 0; vertical-align: top; }
.rdc-layout-debug-facts dt { width: 34%; color: #4c625f; font-weight: 700; }
.rdc-layout-debug-facts dd { width: 66%; }
.rdc-layout-debug-slot { display: inline-block; box-sizing: border-box; width: min(100%, 460px); margin: 4px 6px 4px 0; padding: 7px; border: 1px solid #d3dfdd; vertical-align: top; }
.rdc-layout-debug-slot[data-active='1'] { border-color: #2a8c7e; background: #eef9f6; }
.rdc-layout-debug-slot > * { display: block; }
.rdc-layout-debug-slot small { color: #586c69; overflow-wrap: anywhere; }
