/* Root product documentation (docs/): thinner header bar than connector sites. */
.md-header {
	border-bottom: 5px solid #0033A1;
}

/* Landing page tiles */
.md-typeset .grid.cards.type-cards > ul > li {
	background-color: #fff;
	border: 1px solid #dae1e9;
	border-top: 4px solid #0033a1;
	border-radius: 4px;
}

.md-typeset .grid.cards.type-cards > ul > li > hr {
	border-bottom-color: #dae1e9;
}

/* Landing page tiles */
.md-typeset .grid.cards.type-cards > ul > li {
	transition: background-color 0.25s, border-top-color 0.25s, box-shadow 0.25s;
}

.md-typeset .grid.cards.type-cards > ul > li:focus-within,
.md-typeset .grid.cards.type-cards > ul > li:hover {
	background-color: #f2f5f7;
	border-color: #dae1e9;
	border-top-color: #0071ce;
	box-shadow: 0 2px 8px #0033a126;
}

.md-typeset .grid.cards.type-cards > ul > li > p:first-child {
	color: #0033a1;
}

.md-typeset .grid.cards.type-cards > ul > li > ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.md-typeset .grid.cards.type-cards > ul > li > ul > li > a {
	font-weight: 700;
}

.md-typeset .grid.cards.type-cards > ul > li > ul > li > a::before {
	content: "";
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	margin-right: 0.3em;
	vertical-align: -0.2em;
	background-color: currentColor;
	-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>');
	mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

/* Connector list tiles: light blue outline, default text */
.md-typeset .grid.cards.connector-cards {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.md-typeset .grid.cards.connector-cards > ul > li {
	background-color: #fff;
	border: 1px solid #0033a140;
	border-radius: 4px;
	transition: background-color 0.25s, border-color 0.25s;
}

.md-typeset .grid.cards.connector-cards > ul > li > hr {
	border-bottom-color: #dae1e9;
}

.md-typeset .grid.cards.connector-cards > ul > li:focus-within,
.md-typeset .grid.cards.connector-cards > ul > li:hover {
	background-color: #f2f5f7;
	border-color: #0033a159;
}

@media screen and (max-width: 59.9375em) {
	.md-typeset .grid.cards.connector-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 29.9375em) {
	.md-typeset .grid.cards.connector-cards {
		grid-template-columns: 1fr;
	}
}

/* * Express Setup badge on landing page cards */
.grid.cards > ul > li > p:has(.express-setup-badge),
.grid.cards > ul > li > p:has(.nhi-badge) {
	display: flex;
	align-items: center;
}

.grid.cards .express-setup-badge {
	margin-left: auto;
	font-size: 1.2em;
	font-weight: 700;
	text-shadow: 0 0 0.5px currentColor, 0 0 0.5px currentColor;
}

/* Non-human identity (NHI) discovery badge on landing page cards */
.grid.cards .nhi-badge {
	margin-left: auto;
	font-size: 1.2em;
}

/* When both badges are present, the second one sits beside the first */
.grid.cards .express-setup-badge ~ .nhi-badge,
.grid.cards .nhi-badge ~ .express-setup-badge {
	margin-left: 0.35em;
}

.grid.cards .connector-info-icon {
	margin-left: 0.15em;
	font-size: 0.95em;
	font-weight: 700;
	opacity: 1;
	text-shadow: 0 0 0.5px currentColor, 0 0 0.5px currentColor;
	cursor: help;
	vertical-align: middle;
}