/* Finder components intentionally override shared controls. */
/* stylelint-disable no-descending-specificity */
.bbn-finder {
	--bbn-navy: #08152f;
	--bbn-panel: #102345;
	--bbn-panel-soft: #172a4c;
	--bbn-white: #fff;
	--bbn-ink: #0a1730;
	--bbn-muted-dark: #bdc8de;
	--bbn-muted: #61708d;
	--bbn-cyan: #67e3db;
	--bbn-teal: #1fc5ba;
	--bbn-blue: #4b67f2;
	--bbn-border-dark: rgb(190 208 239 / 22%);
	--bbn-border: #d8deea;
	--bbn-amber: #fff2d8;
	position: relative;
	box-sizing: border-box;
	max-width: 1220px;
	margin-inline: auto;
	padding: clamp(1.25rem, 4vw, 3.5rem);
	overflow: hidden;
	border: 1px solid var(--bbn-border-dark);
	border-radius: 28px;
	background:
		radial-gradient(circle at 90% 4%, rgb(38 200 192 / 18%), transparent 23rem),
		var(--bbn-navy);
	color: var(--bbn-white);
}

.bbn-finder *,
.bbn-finder *::before,
.bbn-finder *::after {
	box-sizing: border-box;
}

.bbn-finder [hidden] {
	display: none !important;
}

.bbn-finder__header {
	max-width: 760px;
}

.bbn-finder__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0 0 1rem;
	padding: 0.42rem 0.72rem;
	border: 1px solid rgb(103 227 219 / 35%);
	border-radius: 999px;
	background: rgb(103 227 219 / 9%);
	color: var(--bbn-cyan);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.bbn-finder__eyebrow::before {
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: var(--bbn-teal);
	box-shadow: 0 0 0 0.25rem rgb(31 197 186 / 12%);
	content: "";
}

.bbn-finder h2,
.bbn-finder h3,
.bbn-finder h4,
.bbn-finder label,
.bbn-finder dt {
	color: inherit;
}

.bbn-finder__header h2 {
	margin: 0;
	font-size: clamp(2.1rem, 5vw, 4.5rem);
	line-height: 0.98;
	letter-spacing: -0.045em;
}

.bbn-finder__header > p:last-child {
	max-width: 690px;
	margin: 1rem 0 0;
	color: var(--bbn-muted-dark);
	font-size: clamp(1rem, 2vw, 1.2rem);
	line-height: 1.7;
}

.bbn-finder__form {
	position: relative;
	margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

.bbn-finder__suggestions {
	position: absolute;
	z-index: 20;
	top: calc(100% - 1.4rem);
	left: 0;
	width: min(100%, 1000px);
	max-height: min(430px, 60vh);
	overflow-y: auto;
	padding: 0.55rem;
	border: 1px solid var(--bbn-border);
	border-radius: 14px;
	background: var(--bbn-white);
	box-shadow: 0 20px 45px rgb(1 11 29 / 28%);
	color: var(--bbn-ink);
}

.bbn-finder__suggestion-group + .bbn-finder__suggestion-group {
	margin-top: 0.4rem;
	padding-top: 0.4rem;
	border-top: 1px solid #edf0f5;
}

.bbn-finder__suggestion-heading {
	margin: 0;
	padding: 0.35rem 0.7rem;
	color: var(--bbn-muted);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.bbn-finder button.bbn-finder__suggestion {
	display: grid;
	grid-template-columns: minmax(9rem, 0.7fr) minmax(12rem, 1.3fr);
	gap: 0.8rem;
	width: 100%;
	padding: 0.65rem 0.7rem;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--bbn-ink);
	text-align: left;
	cursor: pointer;
}

.bbn-finder button.bbn-finder__suggestion:hover,
.bbn-finder button.bbn-finder__suggestion:focus-visible,
.bbn-finder button.bbn-finder__suggestion[aria-selected="true"] {
	outline: none;
	background: #eef2ff;
}

.bbn-finder__suggestion span {
	color: var(--bbn-muted);
	font-size: 0.84rem;
}

.bbn-finder__selected-needs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	max-width: 1000px;
	margin-top: 0.75rem;
}

.bbn-finder__need-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.4rem 0.5rem 0.4rem 0.75rem;
	border: 1px solid rgb(103 227 219 / 42%);
	border-radius: 999px;
	background: rgb(103 227 219 / 10%);
	color: var(--bbn-white);
	font-size: 0.86rem;
	font-weight: 650;
}

.bbn-finder button.bbn-finder__need-strength,
.bbn-finder button.bbn-finder__need-remove {
	min-height: 1.7rem;
	padding: 0.2rem 0.45rem;
	border: 0;
	border-radius: 999px;
	background: rgb(255 255 255 / 12%);
	color: inherit;
	font-size: 0.72rem;
	cursor: pointer;
}

.bbn-finder__relax-options {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.55rem;
	margin: 1rem 0;
}

.bbn-finder__relax-options > strong {
	flex-basis: 100%;
}

.bbn-finder__relax-options button {
	padding: 0.55rem 0.8rem;
	border: 1px solid #b9c6f9;
	border-radius: 999px;
	background: #f4f6ff;
	color: #20399a;
	font-weight: 700;
	cursor: pointer;
}

.bbn-finder button.bbn-finder__need-remove {
	width: 1.7rem;
	font-size: 1rem;
	line-height: 1;
}

/* ── Unified search bar ── */
.bbn-finder__unified-search {
	display: flex;
	align-items: center;
	max-width: 1000px;
	min-height: 64px;
	padding: 6px;
	border: 1px solid var(--bbn-border-dark);
	border-radius: 14px;
	background: var(--bbn-white);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14);
}

.bbn-finder__category-field {
	position: relative;
	flex: 0 0 auto;
	width: 190px;
}

.bbn-finder__category-field select {
	width: 100%;
	height: 52px;
	min-height: 52px;
	padding: 0 2.2rem 0 1rem;
	border: none;
	border-radius: 10px 0 0 10px;
	background: transparent;
	color: var(--bbn-ink);
	font: inherit;
	font-size: 0.95rem;
	font-weight: 500;
	appearance: none;
	cursor: pointer;
	box-shadow: none;
}

.bbn-finder__category-field select:focus-visible {
	outline: none;
	box-shadow: inset 0 0 0 2px var(--bbn-blue);
	border-radius: 8px;
}

.bbn-finder__category-chevron {
	position: absolute;
	top: 50%;
	right: 0.85rem;
	transform: translateY(-50%);
	color: var(--bbn-muted);
	font-size: 0.7rem;
	pointer-events: none;
}

.bbn-finder__divider {
	flex: 0 0 1px;
	width: 1px;
	height: 32px;
	margin: 0 0.25rem;
	background-color: var(--bbn-border);
}

.bbn-finder__query-field {
	position: relative;
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	min-width: 0;
	height: 52px;
}

.bbn-finder__search-icon {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	margin: 0 0.65rem;
	color: var(--bbn-muted);
}

.bbn-finder__search-icon svg {
	display: block;
}

.bbn-finder textarea,
.bbn-finder select,
.bbn-finder input {
	width: 100%;
	min-height: 44px;
	border: 1px solid var(--bbn-border);
	border-radius: 9px;
	background: var(--bbn-white);
	color: var(--bbn-ink);
	font: inherit;
}

.bbn-finder__query-field input[type="text"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 100%;
	min-height: 52px;
	padding: 0 0.5rem 0 0;
	border: none;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font-size: 1rem;
	line-height: 1.4;
}

.bbn-finder__query-field input[type="text"]:focus-visible {
	outline: none;
}

.bbn-finder__unified-search:focus-within {
	outline: 2px solid var(--bbn-blue);
	outline-offset: 2px;
}

.bbn-finder__query-field input[type="text"]::placeholder {
	color: #8892a8;
}

.bbn-finder button.bbn-finder__voice {
	position: relative;
	display: inline-flex;
	width: 44px;
	min-width: 44px;
	height: 44px;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	margin-right: 0.25rem;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 999px;
	background: transparent;
	color: var(--bbn-muted-dark);
	cursor: pointer;
	transition: color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.bbn-finder button.bbn-finder__voice[hidden] {
	display: none;
}

.bbn-finder button.bbn-finder__voice:hover,
.bbn-finder button.bbn-finder__voice:focus-visible {
	background: #edf1ff;
	color: var(--bbn-blue);
}

.bbn-finder__query-field[data-voice-state="requesting-permission"] .bbn-finder__voice,
.bbn-finder__query-field[data-voice-state="listening"] .bbn-finder__voice {
	background: var(--bbn-blue);
	color: #fff;
	box-shadow: 0 0 0 4px rgb(75 103 242 / 18%);
}

.bbn-finder__query-field[data-voice-state="listening"] .bbn-finder__voice::after {
	position: absolute;
	inset: -5px;
	border: 2px solid rgb(75 103 242 / 45%);
	border-radius: inherit;
	content: "";
	animation: bbn-voice-pulse 1.35s ease-out infinite;
}

.bbn-finder__voice-status,
.bbn-finder__voice-help {
	position: absolute;
	z-index: 40;
	right: 0;
	width: max-content;
	max-width: min(360px, calc(100vw - 2rem));
	padding: 0.55rem 0.7rem;
	border: 1px solid var(--bbn-border);
	border-radius: 9px;
	background: #fff;
	box-shadow: 0 10px 26px rgb(8 21 47 / 14%);
	color: var(--bbn-ink);
	font-size: 0.78rem;
	line-height: 1.45;
}

.bbn-finder__voice-status {
	top: calc(100% + 0.55rem);
}

.bbn-finder__query-field[data-voice-state="permission-denied"] .bbn-finder__voice-status,
.bbn-finder__query-field[data-voice-state="recognition-error"] .bbn-finder__voice-status,
.bbn-finder__query-field[data-voice-state="no-speech-detected"] .bbn-finder__voice-status {
	border-color: #e7b4ad;
	background: #fff6f4;
	color: #8f2f23;
}

.bbn-finder__voice-help {
	bottom: calc(100% + 0.55rem);
	opacity: 0;
	pointer-events: none;
	transform: translateY(4px);
	transition: opacity 150ms ease, transform 150ms ease;
}

.bbn-finder__voice:hover ~ .bbn-finder__voice-help,
.bbn-finder__voice:focus-visible ~ .bbn-finder__voice-help {
	opacity: 1;
	transform: translateY(0);
}

@keyframes bbn-voice-pulse {

	from {
		opacity: 0.8;
		transform: scale(0.9);
	}

	to {
		opacity: 0;
		transform: scale(1.18);
	}
}

.bbn-finder__trust-statement {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0.75rem 0 0;
	color: var(--bbn-teal);
	font-size: 0.875rem;
	font-weight: 500;
}

.bbn-finder button,
.bbn-finder a {
	-webkit-tap-highlight-color: transparent;
}

.bbn-finder button,
.bbn-result-card__affiliate,
.bbn-result-card__details {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	padding: 0.68rem 1rem;
	font: inherit;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.bbn-finder button {
	border: 1px solid rgb(103 227 219 / 35%);
	background: transparent;
	color: var(--bbn-cyan);
}

.bbn-finder__submit,
.bbn-result-card__affiliate {
	border: 1px solid var(--bbn-blue) !important;
	background: var(--bbn-blue) !important;
	color: var(--bbn-white) !important;
}

.bbn-finder__submit {
	flex: 0 0 auto;
	min-height: 52px !important;
	padding-inline: 1.3rem !important;
}

.bbn-finder button:hover,
.bbn-finder a:hover {
	filter: brightness(1.08);
}

.bbn-finder button:focus-visible,
.bbn-finder a:focus-visible,
.bbn-finder textarea:focus-visible,
.bbn-finder select:focus-visible,
.bbn-finder input:focus-visible,
.bbn-finder summary:focus-visible {
	outline: 3px solid var(--bbn-cyan);
	outline-offset: 3px;
}

.bbn-finder button:disabled {
	cursor: wait;
	opacity: 0.65;
}

.bbn-finder__examples {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-top: 1rem;
	color: var(--bbn-muted-dark);
	font-size: 0.875rem;
}

.bbn-finder__examples > span {
	font-weight: 700;
}

.bbn-finder__examples button {
	min-height: 44px;
	padding: 0.45rem 0.75rem;
	border-color: var(--bbn-border-dark);
	border-radius: 999px;
	color: var(--bbn-muted-dark);
	font-size: 0.82rem;
}

.bbn-finder__help,
.bbn-finder__disclosure,
.bbn-finder__status,
.bbn-result-card__disclosure {
	color: var(--bbn-muted-dark);
	font-size: 0.875rem;
}

.bbn-finder__disclosure {
	max-width: 860px;
	margin: 1rem 0 0;
}

.bbn-finder__status {
	min-height: 1.5em;
	margin-top: 1rem;
}

.bbn-finder.is-loading .bbn-finder__status::before {
	display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	margin-right: 0.5rem;
	border: 2px solid rgb(103 227 219 / 28%);
	border-top-color: var(--bbn-cyan);
	border-radius: 50%;
	animation: bbn-spin 0.8s linear infinite;
	content: "";
}

@keyframes bbn-spin {

	to {
		transform: rotate(360deg);
	}
}

.bbn-finder__refine,
.bbn-finder__intent,
.bbn-finder__empty,
.bbn-finder__error {
	margin-top: 1.25rem;
	padding: 1rem;
	border: 1px solid var(--bbn-border-dark);
	border-radius: 16px;
	background: rgb(255 255 255 / 6%);
}

.bbn-finder__refine summary {
	min-height: 44px;
	cursor: pointer;
	color: var(--bbn-white);
	font-weight: 800;
	line-height: 44px;
}

.bbn-finder__filters {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1rem;
}

.bbn-finder__filter label {
	display: block;
	margin-bottom: 0.35rem;
	font-weight: 700;
}

.bbn-finder__filter input,
.bbn-finder__filter select {
	padding: 0.65rem;
}

.bbn-finder__refine-apply {
	margin-top: 1rem;
	border-color: var(--bbn-blue) !important;
	background: var(--bbn-blue) !important;
	color: var(--bbn-white) !important;
}

.bbn-finder__result-heading {
	margin: 2.25rem 0 0.35rem;
	font-size: clamp(1.55rem, 3vw, 2.25rem);
}

.bbn-finder__count {
	margin: 0;
	color: var(--bbn-muted-dark);
}

.bbn-finder__intent-heading {
	margin: 0 0 0.75rem;
	font-size: 1rem;
}

.bbn-finder__category-pill,
.bbn-finder__requirement-pill {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	margin: 0.2rem 0.25rem 0.2rem 0;
	padding: 0.34rem 0.62rem;
	border: 1px solid rgb(103 227 219 / 30%);
	border-radius: 999px;
	background: rgb(103 227 219 / 9%);
	color: var(--bbn-cyan);
	font-size: 0.82rem;
	font-weight: 700;
}

.bbn-finder__category-alternatives {
	margin: 0.75rem 0 0;
	color: var(--bbn-muted-dark);
}

.bbn-finder__category-suggestions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-top: 1rem;
}

.bbn-finder .bbn-finder__cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1.25rem;
}

.bbn-result-card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid rgb(255 255 255 / 65%);
	border-radius: 22px;
	background: var(--bbn-white);
	box-shadow: 0 18px 50px rgb(0 0 0 / 18%);
	color: var(--bbn-ink);
}

.bbn-result-card__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.1rem 0;
}

.bbn-result-card__label {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0.35rem 0.7rem;
	border-radius: 999px;
	background: #dff8f5;
	color: #087c73;
	font-size: 0.75rem;
	font-weight: 850;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.bbn-result-card .bbn-result-card__match {
	display: grid;
	flex: 0 0 72px;
	width: 72px;
	height: 72px;
	place-content: center;
	border-radius: 50%;
	background:
		radial-gradient(circle, var(--bbn-white) 56%, transparent 58%),
		conic-gradient(var(--bbn-blue) calc(var(--bbn-match, 0) * 1%), #e7ebf3 0);
	text-align: center;
}

.bbn-result-card .bbn-result-card__match strong {
	display: block;
	font-size: 1.05rem;
	line-height: 1;
}

.bbn-result-card__match span {
	color: var(--bbn-muted);
	font-size: 0.58rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.bbn-result-card__match--requirements {
	flex-basis: 110px;
	width: 110px;
	border: 1px solid #cfd7ef;
	border-radius: 14px;
	background: #f5f7ff;
}

.bbn-result-card__match--requirements strong {
	font-size: 1rem;
}

.bbn-result-card__match--requirements span {
	max-width: none;
	margin-top: 0.25rem;
	font-size: 0.52rem;
	letter-spacing: 0.04em;
	line-height: 1.2;
	white-space: nowrap;
}

.bbn-result-card__body {
	display: grid;
	grid-template-columns: minmax(140px, 185px) minmax(0, 1fr);
	gap: 1rem;
	padding: 0.7rem 1.1rem 0.85rem;
}

.bbn-result-card__media {
	display: flex;
	min-height: 170px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 1px solid #e2e6ef;
	border-radius: 14px;
	background: #fff;
}

.bbn-result-card__image {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 200px;
	padding: 0.35rem;
	object-fit: contain;
}

.bbn-result-card__media:not(:has(img))::before {
	display: grid;
	width: 72px;
	height: 72px;
	place-content: center;
	border-radius: 18px;
	background: #e7ebf3;
	color: #71809b;
	font-size: 2rem;
	content: "◇";
}

.bbn-result-card__content h3 {
	margin: 0;
	color: var(--bbn-ink);
	font-size: clamp(1.08rem, 1.7vw, 1.4rem);
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.bbn-result-card__metadata,
.bbn-result-card__explanation {
	color: var(--bbn-muted);
}

.bbn-result-card__metadata {
	margin: 0.3rem 0 0;
	font-size: 0.86rem;
}

.bbn-result-card__explanation {
	margin: 0.65rem 0;
	line-height: 1.6;
}

.bbn-result-card__matches {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.38rem;
	margin: 0.55rem 0 0;
	padding: 0;
	list-style: none;
}

.bbn-result-card__matches li {
	position: relative;
	padding-left: 1.35rem;
	font-size: 0.9rem;
	font-weight: 650;
}

.bbn-result-card__matches li::before {
	position: absolute;
	left: 0;
	color: #099b83;
	font-weight: 900;
	content: "✓";
}

.bbn-result-card__tradeoff,
.bbn-result-card__warning {
	margin: 0.65rem 0;
	padding: 0.75rem 0.9rem;
	border-radius: 10px;
	font-size: 0.88rem;
}

.bbn-result-card__tradeoff {
	display: grid;
	gap: 0.18rem;
	border: 1px solid #efd39c;
	background: var(--bbn-amber);
	color: #6d4b0c;
}

.bbn-result-card__warning {
	border: 1px solid #e9c4bc;
	background: #fff5f2;
	color: #843d30;
}

.bbn-result-card__evidence {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 0.65rem;
	padding: 0.7rem 0;
	border-top: 1px solid #e7ebf2;
	border-bottom: 1px solid #e7ebf2;
	color: #415170;
	font-size: 0.82rem;
	font-weight: 750;
}

.bbn-result-card__evidence p {
	display: flex;
	gap: 0.45rem;
	margin: 0;
}

.bbn-result-card__segments {
	display: flex;
	gap: 0.3rem;
}

.bbn-result-card__segments span,
.bbn-result-card__segments i {
	display: block;
	width: 24px;
	height: 5px;
	border-radius: 99px;
	background: #e3e8f0;
}

.bbn-result-card__segments span[data-active="true"],
.bbn-result-card__segments i[data-active="true"] {
	background: var(--bbn-teal);
}

.bbn-result-card__score-details {
	margin: 0 1.1rem 1rem;
	border-top: 1px solid #e7ebf2;
}

.bbn-result-card__score-details summary {
	min-height: 44px;
	cursor: pointer;
	color: #344360;
	font-weight: 700;
	line-height: 44px;
}

.bbn-result-card__scores {
	display: grid;
	gap: 0.35rem;
	margin: 0;
}

.bbn-result-card__scores div {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding-block: 0.25rem;
	border-bottom: 1px solid #e7ebf2;
}

.bbn-result-card__scores dd {
	margin: 0;
	font-weight: 750;
}

.bbn-result-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin: 0.8rem 1.1rem;
}

.bbn-result-card > .bbn-result-card__tradeoff,
.bbn-result-card > .bbn-result-card__warning,
.bbn-result-card > .bbn-result-card__evidence {
	margin-inline: 1.1rem;
}

.bbn-result-card__details {
	border: 1px solid var(--bbn-blue);
	color: var(--bbn-blue);
}

.bbn-result-card__actions button {
	border-color: #cfd6e4;
	color: #344360;
}

.bbn-result-card__disclosure {
	width: 100%;
	margin: 0;
	color: var(--bbn-muted);
}

.bbn-finder__empty,
.bbn-finder__error {
	color: var(--bbn-white);
}

.bbn-finder__error {
	border-color: rgb(255 154 136 / 55%);
	background: rgb(129 37 31 / 25%);
}

.bbn-finder__edit {
	margin-top: 1rem;
}

.bbn-finder__noscript {
	margin-top: 1rem;
	color: var(--bbn-muted-dark);
}

.bbn-finder__editor-input {
	min-height: 52px;
	margin-block: 0.5rem;
	padding: 0.75rem;
	border: 1px solid #949494;
	color: #666;
}

@media (max-width: 1080px) {

	.bbn-finder__cards {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 720px) {

	.bbn-finder {
		padding: 1.25rem;
		border-radius: 20px;
	}

	.bbn-finder__unified-search {
		flex-wrap: wrap;
		padding: 8px;
		border-radius: 12px;
	}

	.bbn-finder__category-field {
		width: 100%;
	}

	.bbn-finder__category-field select {
		border-radius: 8px;
	}

	.bbn-finder__divider {
		display: none;
	}

	.bbn-finder__query-field {
		width: 100%;
	}

	.bbn-finder__submit {
		width: 100%;
	}

	.bbn-finder__filters,
	.bbn-result-card__body,
	.bbn-result-card__matches {
		grid-template-columns: minmax(0, 1fr);
	}

	.bbn-result-card__body {
		padding-top: 1rem;
	}

	.bbn-result-card__media {
		min-height: 150px;
	}

	.bbn-result-card__top,
	.bbn-result-card__evidence {
		align-items: flex-start;
	}

	.bbn-result-card__top {
		gap: 0.65rem;
	}

	.bbn-result-card__match {
		flex-basis: auto;
		width: auto;
		height: auto;
		min-height: 44px;
		padding: 0.45rem 0.7rem;
		border: 1px solid #cfd7ef;
		border-radius: 999px;
		background: #f5f7ff;
	}

	.bbn-result-card__match strong,
	.bbn-result-card__match span {
		display: inline;
	}

	.bbn-result-card__match span {
		margin-left: 0.3rem;
	}

	.bbn-result-card__evidence {
		flex-direction: column;
	}

	.bbn-result-card__score-details {
		width: 100%;
		margin-inline: 0;
		padding-inline: 1.1rem;
	}

	.bbn-result-card__actions > * {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {

	.bbn-finder__query-field[data-voice-state="listening"] .bbn-finder__voice::after {
		animation: none;
	}

	.bbn-finder__voice,
	.bbn-finder__voice-help {
		transition: none;
	}

	.bbn-finder *,
	.bbn-finder *::before,
	.bbn-finder *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* stylelint-disable no-duplicate-selectors */

/* Finder visual refinement: dark task entry, light decision workspace. */
.bbn-finder {
	width: calc(100% - 48px);
	max-width: 1180px;
	padding: 0;
	overflow: visible;
	border: 0;
	border-radius: 20px;
	background: #f7f9fc;
	box-shadow: 0 1px 0 rgb(11 23 48 / 6%);
	color: var(--bbn-ink);
}

.bbn-finder__hero {
	padding: 48px;
	border-radius: 20px 20px 0 0;
	background:
		radial-gradient(circle at 92% 4%, rgb(38 200 192 / 13%), transparent 22rem),
		var(--bbn-navy);
	color: var(--bbn-white);
}

.bbn-finder__workspace {
	padding: 24px 32px 32px;
	border: 1px solid #e5eaf1;
	border-top: 0;
	border-radius: 0 0 20px 20px;
	background: #f7f9fc;
	color: var(--bbn-ink);
}

.bbn-finder__header {
	max-width: 720px;
}

.bbn-finder__header h1,
.bbn-finder__header h2 {
	max-width: 680px;
	font-size: clamp(36px, 3vw, 44px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.02em;
	margin: 0 !important;
}

.bbn-finder__header > p:not(.bbn-finder__eyebrow, .bbn-finder__promise) {
	max-width: 680px;
	font-size: 15px;
	line-height: 1.55;
}

.bbn-finder__form {
	margin-top: 24px;
}

.bbn-finder__submit {
	min-height: 42px;
	padding-inline: 18px;
	border-radius: 8px;
	font-size: 14px;
}

.bbn-finder__help {
	margin-top: 6px;
	font-size: 13px;
}

.bbn-finder__examples {
	gap: 6px;
	margin-top: 12px;
}

.bbn-finder .bbn-finder__examples button {
	min-height: 32px;
	padding: 4px 10px;
	font-size: 12.5px;
	font-weight: 600;
}

.bbn-finder__disclosure {
	margin: 18px 0 0;
	font-size: 13px;
	opacity: 0.82;
}

.bbn-finder__workspace .bbn-finder__status {
	min-height: 20px;
	margin: 0 0 8px;
	color: #60708b;
	font-size: 14px;
}

.bbn-finder__workspace .bbn-finder__status::before {
	border-color: #b5c1d3;
	border-top-color: #526bea;
}

.bbn-finder__workspace .bbn-finder__refine {
	margin-top: 8px;
	padding: 0 14px;
	border: 1px solid #e1e6ee;
	border-radius: 10px;
	background: #fff;
}

.bbn-finder__workspace .bbn-finder__refine summary {
	min-height: 46px;
	color: #263550;
	font-size: 14px;
	line-height: 46px;
}

.bbn-finder__workspace .bbn-finder__result-heading {
	margin: 22px 0 12px;
}

.bbn-finder__result-heading h3 {
	margin: 0;
	color: var(--bbn-ink);
	font-size: clamp(24px, 2.3vw, 28px);
	letter-spacing: -0.02em;
}

.bbn-finder__workspace .bbn-finder__count {
	margin-top: 3px;
	color: #60708b;
	font-size: 15px;
}

.bbn-finder__workspace .bbn-finder__intent {
	position: relative;
	margin-top: 12px;
	padding: 16px 18px;
	border: 0;
	border-radius: 12px;
	background: #eef2f7;
}

.bbn-finder__intent-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
}

.bbn-finder__intent-heading h3 {
	margin: 0;
	color: var(--bbn-ink);
	font-size: 18px;
}

.bbn-finder__workspace .bbn-finder__category-pill,
.bbn-finder__workspace .bbn-finder__requirement-pill {
	min-height: 26px;
	margin: 2px 4px 2px 0;
	padding: 3px 8px;
	border: 0;
	background: #dff4f0;
	color: #176e66;
	font-size: 12px;
}

.bbn-finder__intent-groups {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 32px;
	margin-top: 10px;
}

.bbn-finder__intent-groups > div {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 8px;
	padding: 0;
	border: 0;
}

.bbn-finder__intent-groups > div > strong {
	color: #384762;
	font-size: 13px;
}

.bbn-finder__workspace .bbn-finder__edit {
	min-height: 36px;
	margin-top: 10px;
	padding: 4px 0;
	border: 0;
	background: transparent;
	color: #3152c7;
	font-size: 13px;
	font-weight: 700;
}

.bbn-finder .bbn-finder__cards {
	gap: 18px;
	margin-top: 16px;
}

.bbn-finder__workspace .bbn-result-card {
	border: 1px solid #e0e5ed;
	border-radius: 12px;
	box-shadow: 0 4px 16px rgb(11 23 48 / 5%);
}

.bbn-result-card--hero {
	border-color: #cbd5fa !important;
	box-shadow: 0 6px 22px rgb(28 54 130 / 8%) !important;
}

.bbn-result-card__top {
	padding: 14px 16px 0;
}

.bbn-result-card__label {
	min-height: 26px;
	padding: 3px 8px;
	font-size: 11px;
}

.bbn-finder .bbn-result-card__match {
	display: flex;
	width: auto;
	height: auto;
	min-height: 32px;
	flex: 0 0 auto;
	align-items: baseline;
	gap: 4px;
	padding: 4px 8px;
	border: 0;
	border-radius: 8px;
	background: #eef1ff;
	text-align: left;
}

.bbn-finder .bbn-result-card__match::before {
	display: none;
}

.bbn-finder .bbn-result-card__match strong {
	font-size: 16px;
}

.bbn-finder .bbn-result-card__match span {
	font-size: 10px;
	letter-spacing: 0;
	text-transform: none;
}

.bbn-result-card--hero .bbn-result-card__match {
	padding: 7px 11px;
}

.bbn-result-card--hero .bbn-result-card__match strong {
	font-size: 20px;
}

.bbn-result-card__body,
.bbn-result-card--hero .bbn-result-card__body {
	grid-template-columns: minmax(112px, 150px) minmax(0, 1fr);
	gap: 14px;
	padding: 10px 16px 12px;
}

.bbn-result-card--hero .bbn-result-card__body {
	grid-template-columns: minmax(150px, 190px) minmax(0, 1fr);
}

.bbn-result-card__media {
	min-height: 132px;
	padding: 8px;
	border: 0;
	border-radius: 10px;
	background: #f7f8fa;
}

.bbn-result-card--hero .bbn-result-card__media {
	min-height: 156px;
}

.bbn-result-card__content h3 {
	margin-bottom: 2px;
	font-size: 18px;
	line-height: 1.28;
}

.bbn-result-card__metadata {
	font-size: 13px;
}

.bbn-result-card__content h4 {
	margin: 10px 0 4px;
	font-size: 14px;
}

.bbn-result-card__matches {
	gap: 3px;
	font-size: 14px;
}

.bbn-result-card > .bbn-result-card__tradeoff,
.bbn-result-card > .bbn-result-card__warning {
	margin: 0 16px 8px;
	padding: 8px 10px;
	border-radius: 8px;
	font-size: 13px;
}

.bbn-result-card > .bbn-result-card__evidence {
	margin: 0 16px;
	padding: 7px 0;
	border-top: 1px solid #edf0f4;
}

.bbn-result-card__evidence p {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
}

.bbn-result-card__segments {
	display: none;
}

.bbn-result-card__actions {
	align-items: center;
	gap: 8px;
	margin: 8px 16px 10px;
}

.bbn-result-card__affiliate,
.bbn-result-card__details {
	min-height: 42px;
	padding: 8px 12px;
	border-radius: 8px;
	font-size: 13px;
}

.bbn-finder .bbn-result-card__details {
	border: 0;
	background: #eef1f7;
	color: #31445f;
}

.bbn-finder .bbn-result-card__compare {
	min-height: 36px;
	padding: 4px 2px;
	border: 0;
	background: transparent;
	color: #3152c7;
	font-size: 13px;
}

.bbn-finder .bbn-result-card__compare::before {
	content: "+ ";
}

.bbn-finder .bbn-result-card__compare[aria-pressed="true"] {
	background: transparent;
	color: #8b3540;
}

.bbn-finder .bbn-result-card__compare[aria-pressed="true"]::before {
	content: "− ";
}

.bbn-result-card__score-details {
	margin: 0 16px 10px;
	border-top: 0;
}

.bbn-result-card__score-details summary {
	min-height: 36px;
	color: #405271;
	font-size: 13px;
	line-height: 36px;
}

.bbn-result-card__score-details summary::after {
	content: " →";
}

.bbn-result-card--compact .bbn-result-card__explanation,
.bbn-result-card--compact .bbn-result-card__tradeoff,
.bbn-result-card--compact .bbn-result-card__warning {
	display: none;
}

.bbn-result-card--compact .bbn-result-card__body {
	padding-bottom: 8px;
}

.bbn-result-card--compact .bbn-result-card__actions {
	margin-top: 4px;
}

.bbn-finder__workspace .bbn-finder__empty,
.bbn-finder__workspace .bbn-finder__error {
	border-color: #e3e7ee;
	background: #fff;
	color: var(--bbn-ink);
}

@media (max-width: 720px) {

	.bbn-finder {
		width: calc(100% - 32px);
	}

	.bbn-finder__hero {
		padding: 32px 20px 28px;
	}

	.bbn-finder__workspace {
		padding: 18px 16px 24px;
	}

	.bbn-finder__header h1,
	.bbn-finder__header h2 {
		font-size: clamp(30px, 8vw, 32px);
	}

	.bbn-finder__category-field {
		max-width: none;
	}

	.bbn-finder__intent-heading,
	.bbn-finder__intent-groups,
	.bbn-finder__intent-groups > div {
		align-items: flex-start;
		flex-direction: column;
	}

	.bbn-result-card__body,
	.bbn-result-card--hero .bbn-result-card__body {
		grid-template-columns: minmax(96px, 118px) minmax(0, 1fr);
	}

	.bbn-result-card__media,
	.bbn-result-card--hero .bbn-result-card__media {
		min-height: 116px;
	}

	.bbn-result-card__actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.bbn-result-card__actions .bbn-result-card__compare {
		grid-column: 1 / -1;
		justify-self: start;
	}
}

@media (max-width: 430px) {

	.bbn-finder {
		width: calc(100% - 24px);
	}

	.bbn-finder__hero {
		padding-inline: 16px;
	}

	.bbn-finder__workspace {
		padding-inline: 12px;
	}

	.bbn-result-card__body,
	.bbn-result-card--hero .bbn-result-card__body {
		grid-template-columns: 92px minmax(0, 1fr);
		gap: 10px;
		padding-inline: 12px;
	}

	.bbn-result-card__top,
	.bbn-result-card__actions {
		margin-inline: 12px;
		padding-inline: 0;
	}

	.bbn-result-card__content h3 {
		font-size: 16px;
	}
}

/* Decision-first Finder refinements. */
.bbn-finder__header h1,
.bbn-finder__header h2 {
	max-width: 820px;
	color: var(--bbn-white);
	font-size: clamp(2rem, 4vw, 3.75rem);
	line-height: 1.02;
}

.bbn-finder__loading {
	margin-top: 1.5rem;
	padding: 1.25rem;
	border-radius: 18px;
	background: #f8faff;
	color: var(--bbn-ink);
}

.bbn-finder__loading p {
	margin: 0 0 1rem;
	font-weight: 750;
}

.bbn-finder__skeleton-intent,
.bbn-finder__skeleton-cards i {
	display: block;
	border-radius: 12px;
	background: linear-gradient(90deg, #e8edf6 25%, #f7f9fc 50%, #e8edf6 75%);
	background-size: 200% 100%;
	animation: bbn-skeleton 1.2s linear infinite;
}

.bbn-finder__skeleton-intent {
	width: 70%;
	height: 64px;
	margin-bottom: 1rem;
}

.bbn-finder__skeleton-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.bbn-finder__skeleton-cards i {
	height: 190px;
}

.bbn-finder__skeleton-cards i:first-child {
	grid-column: 1 / -1;
	height: 250px;
}

@keyframes bbn-skeleton {

	to {
		background-position: -200% 0;
	}
}

.bbn-finder__intent-groups {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1rem;
}

.bbn-finder__intent-groups > div {
	padding: 0.9rem;
	border: 1px solid #dce3ef;
	border-radius: 12px;
}

.bbn-finder__requirement-empty {
	color: var(--bbn-muted);
	font-size: 0.9rem;
}

.bbn-finder__cards {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bbn-result-card--hero {
	grid-column: 1 / -1;
	border: 2px solid #4b67f2;
	box-shadow: 0 20px 50px rgb(8 21 47 / 14%);
}

.bbn-result-card--hero .bbn-result-card__body {
	grid-template-columns: minmax(150px, 0.65fr) minmax(0, 2fr);
}

.bbn-result-card--compact .bbn-result-card__explanation {
	display: none;
}

.bbn-result-card__match {
	width: auto;
	height: auto;
	min-width: 100px;
	padding: 0.5rem 0.7rem;
	border: 0;
	border-radius: 10px;
	background: #eef1ff;
}

.bbn-result-card__match::before {
	display: none;
}

.bbn-result-card__match strong {
	font-size: 1.15rem;
}

.bbn-result-card__compare {
	min-height: 42px;
	padding: 0.55rem 0.85rem;
	border: 1px solid #4b67f2;
	border-radius: 8px;
	background: transparent;
	color: #314fd9;
	font-weight: 750;
	cursor: pointer;
}

.bbn-result-card__compare[aria-pressed="true"] {
	background: #e9edff;
}

.bbn-compare-tray {
	position: sticky;
	z-index: 20;
	bottom: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: 1.5rem auto 0;
	padding: 0.85rem 1rem;
	border: 1px solid rgb(103 227 219 / 45%);
	border-radius: 14px;
	background: rgb(8 21 47 / 96%);
	box-shadow: 0 16px 45px rgb(0 0 0 / 35%);
}

.bbn-compare-tray p {
	display: grid;
	margin: 0;
}

.bbn-compare-tray p span {
	color: var(--bbn-muted-dark);
	font-size: 0.82rem;
}

.bbn-compare-tray > div {
	display: flex;
	gap: 0.6rem;
}

.bbn-compare-tray button {
	min-height: 42px;
	padding: 0.55rem 0.9rem;
	border: 1px solid #8292b2;
	border-radius: 8px;
	background: transparent;
	color: #fff;
	font-weight: 750;
}

.bbn-compare-tray__open {
	border-color: #4b67f2 !important;
	background: #4b67f2 !important;
}

.bbn-compare-tray__open:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

.bbn-compare-panel {
	margin-top: 1.5rem;
	padding: clamp(1rem, 3vw, 2rem);
	overflow-x: auto;
	border-radius: 20px;
	background: #fff;
	color: var(--bbn-ink);
}

.bbn-compare-panel:focus {
	outline: 3px solid var(--bbn-cyan);
	outline-offset: 3px;
}

.bbn-compare-panel__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

.bbn-compare-panel__head h3 {
	margin: 0;
	color: var(--bbn-ink);
}

.bbn-compare-panel__head button {
	width: 44px;
	height: 44px;
	border: 1px solid #d8deea;
	border-radius: 50%;
	background: #fff;
	color: var(--bbn-ink);
	font-size: 1.6rem;
}

.bbn-compare-table {
	width: 100%;
	min-width: 680px;
	margin-top: 1.25rem;
	border-collapse: collapse;
}

.bbn-compare-table th,
.bbn-compare-table td {
	padding: 0.9rem;
	border: 1px solid #dce3ef;
	vertical-align: top;
	text-align: left;
}

.bbn-compare-table thead th {
	background: #eef2ff;
}

.bbn-compare-table tbody th {
	width: 180px;
	background: #f8faff;
}

.bbn-compare-panel__note {
	color: var(--bbn-muted);
	font-size: 0.88rem;
}

.bbn-compare-panel__shortlist {
	display: grid;
	gap: 0.75rem;
	margin: 1.25rem 0;
	padding: 0;
	list-style: none;
}

.bbn-compare-panel__shortlist li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.9rem 1rem;
	border: 1px solid #dce3ef;
	border-radius: 12px;
	background: #f8faff;
}

.bbn-compare-panel__shortlist span {
	color: var(--bbn-muted);
}

.bbn-compare-panel__continue {
	min-height: 48px;
	padding: 0.75rem 1rem;
	border: 0;
	border-radius: 10px;
	background: var(--bbn-primary);
	color: #fff;
	font-weight: 700;
}

.bbn-compare-panel__continue:disabled {
	cursor: wait;
	opacity: 0.68;
}

.bbn-compare-panel__status {
	min-height: 1.5em;
	color: var(--bbn-muted);
	font-size: 0.88rem;
}

@media (max-width: 700px) {

	.bbn-finder button,
	.bbn-finder .bbn-finder__examples button,
	.bbn-result-card__affiliate,
	.bbn-result-card__details {
		min-height: 60px;
	}

	.bbn-finder__category-field,
	.bbn-finder__intent-groups,
	.bbn-finder__skeleton-cards {
		grid-template-columns: minmax(0, 1fr);
	}

	.bbn-finder__category-field p {
		grid-column: 1;
		grid-row: auto;
	}

	.bbn-finder__skeleton-cards i:first-child {
		grid-column: auto;
	}

	.bbn-finder .bbn-finder__cards {
		grid-template-columns: minmax(0, 1fr);
	}

	.bbn-result-card--hero {
		grid-column: auto;
	}

	.bbn-result-card--hero .bbn-result-card__body {
		grid-template-columns: minmax(0, 1fr);
	}

	.bbn-compare-tray {
		align-items: stretch;
		flex-direction: column;
		bottom: 0.5rem;
	}

	.bbn-compare-tray > div {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {

	.bbn-finder__skeleton-intent,
	.bbn-finder__skeleton-cards i {
		animation: none;
	}
}

/* Final specificity boundary against legacy component declarations above. */
.bbn-finder .bbn-finder__header h1,
.bbn-finder .bbn-finder__header h2 {
	max-width: 680px;
	color: var(--bbn-white);
	font-size: clamp(36px, 3vw, 44px);
	line-height: 1.1;
	letter-spacing: -0.02em;
}

.bbn-finder .bbn-finder__intent-groups {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 32px;
	margin-top: 10px;
}

.bbn-finder .bbn-finder__intent-groups > div {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0;
	border: 0;
}

.bbn-finder .bbn-result-card__segments {
	display: none;
}

/* Keep every interactive Finder control large enough for touch and keyboard
 * use. */
.bbn-finder button,
.bbn-finder .bbn-finder__examples button,
.bbn-finder .bbn-result-card__affiliate,
.bbn-finder .bbn-result-card__details,
.bbn-finder .bbn-result-card__compare,
.bbn-finder .bbn-finder__edit-priorities {
	min-height: 44px !important;
}

@media (max-width: 720px) {

	.bbn-finder__suggestions {
		top: calc(100% - 1rem);
		max-height: 52vh;
	}

	.bbn-finder button.bbn-finder__suggestion {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.2rem;
	}

	.bbn-finder .bbn-finder__header h1,
	.bbn-finder .bbn-finder__header h2 {
		font-size: clamp(30px, 8vw, 32px);
	}

	.bbn-finder .bbn-finder__category-field {
		max-width: none;
	}

	.bbn-finder .bbn-finder__intent-groups,
	.bbn-finder .bbn-finder__intent-groups > div {
		align-items: flex-start;
		flex-direction: column;
	}

	.bbn-finder .bbn-result-card__body,
	.bbn-finder .bbn-result-card--hero .bbn-result-card__body {
		grid-template-columns: minmax(96px, 118px) minmax(0, 1fr);
	}
}

@media (max-width: 430px) {

	.bbn-finder .bbn-result-card__body,
	.bbn-finder .bbn-result-card--hero .bbn-result-card__body {
		grid-template-columns: 92px minmax(0, 1fr);
	}
}
.bbn-finder__share{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px 0}.bbn-finder__share button{background:#10203c;border:1px solid #10203c;border-radius:9px;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:10px 16px}.bbn-finder__share button:disabled{cursor:wait;opacity:.65}.bbn-finder__share [role=status]{font-size:.9rem}.bbn-finder__share a{font-weight:700}