/* ==========================================================================
   NFCR page finder  [nfcr_finder]  (0.9.18)
   ========================================================================== */

.nfcr-finder { margin: 34px 0 0; font-family: var(--nfcr-font); }

.nfcr-finder .nfcr-finder__form {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
	padding: 8px 8px 8px 26px;
	background: var(--nfcr-white);
	border: 1.5px solid var(--nfcr-line-soft);
	border-radius: var(--nfcr-r-bar);
}
.nfcr-finder .nfcr-finder__form:focus-within { outline: var(--nfcr-focus); outline-offset: 2px; }
.nfcr-finder .nfcr-finder__icon { display: inline-flex; flex: none; color: var(--nfcr-heading-muted); }
.nfcr-finder .nfcr-finder__input,
.nfcr-finder .nfcr-finder__input:focus {
	flex: 1;
	min-width: 0;
	height: auto;
	margin: 0;
	padding: 12px 0;
	border: 0;
	border-radius: 0;
	outline: 0;
	box-shadow: none;
	background: transparent;
	font-family: var(--nfcr-font);
	font-size: var(--nfcr-fs-title-sm);
	line-height: 1.4;
	color: var(--nfcr-navy);
	-webkit-appearance: none;
	appearance: none;
}
.nfcr-finder .nfcr-finder__input::placeholder { color: var(--nfcr-text-2); opacity: 1; }
.nfcr-finder .nfcr-finder__input::-webkit-search-cancel-button { -webkit-appearance: none; }
.nfcr-finder .nfcr-finder__button { flex: none; border: 0; font-family: var(--nfcr-font); cursor: pointer; }

/* Results */
.nfcr-finder .nfcr-finder__results { margin: 14px 0 0; }
.nfcr-finder .nfcr-finder__results[hidden] { display: none; }
.nfcr-finder .nfcr-finder__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.nfcr-finder .nfcr-finder__list li { margin: 0; padding: 0; list-style: none; }
.nfcr-finder .nfcr-finder__item {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	height: 100%;
	padding: 16px 18px 16px 22px;
	background: var(--nfcr-surface-hover);
	border-radius: var(--nfcr-r-chip);
	color: var(--nfcr-navy);
	text-decoration: none !important;
	transition: background-color .15s ease;
}
.nfcr-finder .nfcr-finder__item:hover,
.nfcr-finder .nfcr-finder__item:focus-visible { background: var(--nfcr-surface); }
.nfcr-finder .nfcr-finder__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.nfcr-finder .nfcr-finder__title { font-size: var(--nfcr-fs-title-sm); font-weight: 600; line-height: 1.35; color: var(--nfcr-navy); }
.nfcr-finder .nfcr-finder__text { font-size: var(--nfcr-fs-meta); line-height: 1.55; color: var(--nfcr-text-2); }
.nfcr-finder .nfcr-finder__item:hover .nfcr-finder__title { color: var(--nfcr-orange); }
.nfcr-finder .nfcr-finder__circle {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--nfcr-navy);
	color: #fff;
}
.nfcr-finder .nfcr-finder__none { margin: 0; padding: 16px 22px; background: var(--nfcr-surface-hover); border-radius: var(--nfcr-r-chip); font-size: var(--nfcr-fs-body); line-height: 1.6; color: var(--nfcr-text-2); }
.nfcr-finder .nfcr-finder__none[hidden] { display: none; }
.nfcr-finder .nfcr-finder__none strong { color: var(--nfcr-navy); }
.nfcr-finder .nfcr-finder__none a { font-weight: 600; color: var(--nfcr-orange); }
.nfcr-finder .nfcr-finder__none a:hover { color: var(--nfcr-navy); }

@media (max-width: 767px) {
	.nfcr-finder { margin-top: 26px; }
	.nfcr-finder .nfcr-finder__form { padding-left: 18px; gap: 10px; }
	.nfcr-finder .nfcr-finder__list { grid-template-columns: minmax(0, 1fr); }
}
