/* B"H
 * The Awtsmoos gives lane cards, recent searches, and tips their own focused discovery vessel.
 */
.library-lane-directory,
.library-recent-searches {
	display: grid;
	gap: .36rem;
}

.library-lane-card,
.library-recent-search {
	display: grid;
	align-items: center;
	gap: .58rem;
	width: 100%;
	min-height: 3.35rem;
	padding: .58rem;
	border: 1px solid rgba(151, 178, 205, .1);
	border-radius: .68rem;
	background: #070d16;
	color: #f4f1e8;
	font: inherit;
	text-align: start;
	cursor: pointer;
}

.library-lane-card {
	grid-template-columns: 1.8rem minmax(0, 1fr) auto;
}

.library-lane-card:is(:hover, :focus-visible),
.library-recent-search:is(:hover, :focus-visible) {
	border-color: rgba(85, 208, 231, .24);
	background: #101b28;
	outline: 0;
}

.library-lane-index {
	color: #d8b96d;
	font-family: Georgia, serif;
	font-size: .92rem;
}

.library-lane-copy,
.library-recent-search {
	min-width: 0;
}

.library-lane-copy strong,
.library-recent-search strong {
	display: block;
	overflow-wrap: anywhere;
}

.library-lane-copy small,
.library-recent-search small {
	display: block;
	margin-top: .12rem;
	color: #899aaf;
	font-size: .7rem;
}

.library-lane-arrow {
	color: #5ed4e9;
}

.library-recent-search {
	grid-template-columns: 1fr;
}

.library-rail-message {
	margin: 0;
	color: #8fa0b4;
	font-size: .82rem;
	line-height: 1.5;
}

.library-tip-card ul {
	display: grid;
	gap: .4rem;
	margin: 0;
	padding-inline-start: 1.1rem;
	color: #a9b7c7;
	font-size: .82rem;
	line-height: 1.45;
}