/* BRICSCompass direct layout overrides. Loaded outside ResourceLoader cache. */

.bc-tags {
	margin-bottom: clamp(28px, 4vw, 56px) !important;
}

.bc-search {
	grid-template-columns: auto minmax(0, 1fr) !important;
}

.bc-search .bc-arrow {
	display: none !important;
}

.bc-product-layer .bc-task-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
	gap: 22px !important;
	max-width: 1120px !important;
	margin: 28px auto 0 !important;
}

.bc-product-layer .bc-task-grid > p {
	display: contents !important;
	margin: 0 !important;
}

.bc-product-layer .bc-task-cell {
	display: flex !important;
	min-width: 0 !important;
}

.bc-product-layer .bc-task-cell > a {
	display: flex !important;
	width: 100% !important;
	height: 100% !important;
	color: inherit !important;
	text-decoration: none !important;
}

.bc-product-layer .bc-task-cell .bc-task,
.bc-product-layer .bc-task-grid > p > a .bc-task {
	width: 100% !important;
	height: 100% !important;
	min-height: 178px !important;
	flex: 1 1 auto !important;
	background-color: rgba(18, 31, 42, 0.92) !important;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.055)) !important;
	color: #f5f8fb !important;
}

.bc-product-layer .bc-task strong,
.bc-product-layer .bc-flow-card strong {
	color: #ffffff !important;
}

.bc-product-layer .bc-task em,
.bc-product-layer .bc-flow-card span {
	color: rgba(235, 243, 250, 0.78) !important;
}

.bc-product-layer .bc-task-num {
	background: rgba(126, 194, 232, 0.18) !important;
	color: #9ed8ff !important;
}

.bc-decision-strip {
	max-width: 1120px !important;
	margin: 30px auto 44px !important;
	overflow: hidden !important;
}

.mw-parser-output .bc-decision-strip a,
.mw-parser-output .bc-decision-strip a:hover,
.mw-parser-output .bc-decision-strip a:visited {
	color: #101b24 !important;
	text-decoration: none !important;
}

.mw-parser-output .bc-decision-strip a > .bc-strip-link,
.mw-parser-output .bc-decision-strip .bc-strip-link {
	color: #101b24 !important;
	background: #ffffff !important;
}

.skin-citizen .mw-parser-output table.wikitable,
.skin-citizen .mw-parser-output .wikitable.sortable,
.skin-citizen .mw-parser-output .mw-datatable {
	display: table !important;
	width: 100% !important;
	table-layout: fixed !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	overflow: visible !important;
}

.skin-citizen .mw-parser-output table.wikitable thead,
.skin-citizen .mw-parser-output .wikitable.sortable thead,
.skin-citizen .mw-parser-output .mw-datatable thead {
	display: table-header-group !important;
	width: auto !important;
}

.skin-citizen .mw-parser-output table.wikitable tbody,
.skin-citizen .mw-parser-output .wikitable.sortable tbody,
.skin-citizen .mw-parser-output .mw-datatable tbody {
	display: table-row-group !important;
	width: auto !important;
	min-width: 0 !important;
}

.skin-citizen .mw-parser-output table.wikitable tr,
.skin-citizen .mw-parser-output .wikitable.sortable tr,
.skin-citizen .mw-parser-output .mw-datatable tr {
	display: table-row !important;
}

.skin-citizen .mw-parser-output table.wikitable th,
.skin-citizen .mw-parser-output table.wikitable td,
.skin-citizen .mw-parser-output .wikitable.sortable th,
.skin-citizen .mw-parser-output .wikitable.sortable td,
.skin-citizen .mw-parser-output .mw-datatable th,
.skin-citizen .mw-parser-output .mw-datatable td {
	display: table-cell !important;
	box-sizing: border-box !important;
	vertical-align: middle !important;
}

.skin-citizen .mw-parser-output table.wikitable th:nth-child(1),
.skin-citizen .mw-parser-output table.wikitable td:nth-child(1) {
	width: 32% !important;
}

.skin-citizen .mw-parser-output table.wikitable th:nth-child(2),
.skin-citizen .mw-parser-output table.wikitable td:nth-child(2) {
	width: 24% !important;
}

.skin-citizen .mw-parser-output table.wikitable th:nth-child(3),
.skin-citizen .mw-parser-output table.wikitable td:nth-child(3) {
	width: 34% !important;
}

.skin-citizen .mw-parser-output table.wikitable th:nth-child(4),
.skin-citizen .mw-parser-output table.wikitable td:nth-child(4) {
	width: 10% !important;
	text-align: left !important;
}

.bc-navigator-lead {
	max-width: 1120px !important;
	margin: 0 auto 44px !important;
	padding: clamp(26px, 4vw, 46px) !important;
	border: 1px solid rgba(122, 143, 165, 0.18) !important;
	border-radius: 28px !important;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(240, 246, 250, 0.9)) !important;
	box-shadow: 0 30px 80px rgba(23, 35, 48, 0.11) !important;
}

.bc-navigator-lead .bc-task-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 20px !important;
}

.bc-navigator-lead .bc-task-grid > p {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 20px !important;
	margin: 30px 0 0 !important;
}

.bc-navigator-lead .bc-task-grid > p > a {
	display: flex !important;
	min-width: 0 !important;
	text-decoration: none !important;
}

.bc-navigator-lead .bc-task {
	min-height: 190px !important;
	padding: 26px 28px !important;
	border-radius: 22px !important;
	border: 1px solid rgba(158, 216, 255, 0.18) !important;
}

@media (max-width: 1120px) and (min-width: 561px) {
	.bc-product-layer .bc-task-grid {
		grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
	}
}

@media (max-width: 760px) {
	.bc-navigator-lead .bc-task-grid,
	.bc-navigator-lead .bc-task-grid > p {
		grid-template-columns: 1fr !important;
		gap: 14px !important;
	}

	.bc-navigator-lead {
		padding: 24px 18px !important;
		border-radius: 22px !important;
	}
}

@media (max-width: 560px) {
	.bc-product-layer .bc-task-grid {
		grid-template-columns: 1fr !important;
		gap: 14px !important;
	}

	.bc-product-layer .bc-task-cell .bc-task,
	.bc-product-layer .bc-task-grid > p > a .bc-task {
		min-height: 0 !important;
	}

	.bc-decision-strip {
		align-items: stretch !important;
	}
}