/*
 * BuyerDesk Homepage + editorial hubs (Part 3). Loaded only on the static
 * front page and the four mapped hub pages (see inc/assets.php).
 */

/* =========================================================
 * Hero (shared)
 * ======================================================= */
.bdt-hero { position: relative; }
.bdt-hero__inner { display: grid; gap: var(--bd-space-4); }
.bdt-hero__title,
body.bdt .bdt-hero__title { margin: 0; font-size: var(--bd-fs-display); line-height: 1.06; letter-spacing: -0.03em; }
.bdt-hero__text { margin: var(--bd-space-3) 0 0 !important; font-size: 1.0625rem; line-height: 1.5; color: var(--bd-ink); max-width: 36rem; }
.bdt-hero__media { position: relative; overflow: hidden; }
.bdt-hero__img,
body.bdt img.bdt-hero__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bdt-hero__hls { display: grid; gap: var(--bd-space-3); margin: 0; padding: 0; list-style: none; }
.bdt-hero__hl { display: flex; align-items: center; gap: var(--bd-space-3); margin: 0; }
.bdt-hero__hl .bd-icon { flex: none; color: var(--bd-blue-600); }
.bdt-hero__hl > span { display: grid; line-height: 1.3; }
.bdt-hero__hl-title { font-weight: var(--bd-fw-semibold); color: var(--bd-navy-900); font-size: var(--bd-fs-sm); }
.bdt-hero__hl-text { color: var(--bd-muted); font-size: var(--bd-fs-xs); }
.bdt-hero__cta { margin: 0 !important; }

/* ---------- Homepage hero ---------- */
.bdt-hero--home { background: var(--bd-tint); }
.bdt-hero--home .bdt-hero__inner {
	grid-template-areas: "copy" "media" "search" "hls" "cta";
	max-width: calc(var(--bd-container) + 2 * var(--bd-gutter));
	margin-inline: auto;
	padding: var(--bd-space-6) var(--bd-gutter) var(--bd-space-6);
	box-sizing: border-box;
}
.bdt-hero--home .bdt-hero__copy { grid-area: copy; }
.bdt-hero--home .bdt-hero__media { grid-area: media; aspect-ratio: 16 / 10; border-radius: var(--bd-radius); margin-inline: calc(-1 * var(--bd-gutter)); border-radius: 0; }
.bdt-hero--home .bdt-hero__search { grid-area: search; margin-top: calc(-1 * var(--bd-space-10)); position: relative; z-index: 1; }
.bdt-hero--home .bdt-hero__hls { grid-area: hls; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bdt-hero--home .bdt-hero__hl { flex-direction: column; align-items: flex-start; gap: var(--bd-space-1); }
.bdt-hero--home .bdt-hero__cta { grid-area: cta; }
.bdt-search--hero .bdt-search__input,
body.bdt .bdt-search--hero input.bdt-search__input { min-height: 52px; font-size: var(--bd-fs-base); border-radius: var(--bd-radius-sm); border-right: 1px solid var(--bd-border-strong); box-shadow: var(--bd-shadow); }
.bdt-search--hero .bdt-search__submit { display: none; }
@media (min-width: 480px) {
	.bdt-hero--home .bdt-hero__hl { flex-direction: row; align-items: center; }
}
@media (min-width: 768px) {
	.bdt-search--hero .bdt-search__submit { display: inline-flex; min-height: 52px; }
	.bdt-search--hero .bdt-search__input,
	body.bdt .bdt-search--hero input.bdt-search__input { border-right: 0; border-radius: var(--bd-radius-sm) 0 0 var(--bd-radius-sm); }
}
@media (min-width: 1024px) {
	.bdt-hero--home { min-height: 360px; overflow: hidden; }
	.bdt-hero--home .bdt-hero__inner {
		grid-template-columns: minmax(0, 520px) 1fr;
		grid-template-areas: "copy ." "search ." "hls ." "cta .";
		align-content: center;
		row-gap: var(--bd-space-5);
		padding-block: var(--bd-space-10);
	}
	.bdt-hero--home .bdt-hero__media {
		position: absolute;
		inset: 0 0 0 auto;
		width: 52%;
		margin: 0;
		aspect-ratio: auto;
		-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22%);
		mask-image: linear-gradient(90deg, transparent 0, #000 22%);
	}
	.bdt-hero--home .bdt-hero__search { margin-top: 0; }
	.bdt-hero--home .bdt-hero__hls { gap: var(--bd-space-2); }
	.bdt-hero--home .bdt-hero__hl + .bdt-hero__hl { border-left: 1px solid var(--bd-border); padding-left: var(--bd-space-3); }
	.bdt-hero--home.no-image .bdt-hero__inner { grid-template-columns: minmax(0, 720px); }
}

/* 1.0.1: smaller homepage hero title on phones (approved; tablet/desktop unchanged). */
@media (max-width: 767px) {
	.bdt-hero--home .bdt-hero__title,
	body.bdt .bdt-hero--home .bdt-hero__title { font-size: clamp(1.625rem, 1.25rem + 2vw, 2rem); }
}

/* 1.0.2: tighter homepage hero bottom spacing on desktop (approved: 40px → 24px; top, tablet, mobile unchanged). */
@media (min-width: 1024px) {
	.bdt-hero--home .bdt-hero__inner { padding-bottom: var(--bd-space-6); }
}

/* ---------- Hub hero (inside the main column) ---------- */
.bdt-hero--hub {
	margin-top: var(--bd-space-4);
	border-radius: var(--bd-radius-lg);
	background: linear-gradient(100deg, var(--bd-tint) 0%, #f7fbff 60%);
	overflow: hidden;
}
.bdt-hero--hub .bdt-hero__inner {
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
	grid-template-areas: "copy media" "hls hls" "after after";
	gap: 0;
}
.bdt-hero--hub.no-image .bdt-hero__inner { grid-template-columns: minmax(0, 1fr); grid-template-areas: "copy" "hls" "after"; }
.bdt-hero--hub .bdt-hero__copy { grid-area: copy; padding: var(--bd-space-5) var(--bd-space-3) var(--bd-space-4) var(--bd-space-4); align-self: center; }
.bdt-hero--hub .bdt-hero__title { font-size: clamp(1.75rem, 1.2rem + 2.6vw, 3rem); }
.bdt-hero--hub .bdt-hero__text { font-size: var(--bd-fs-sm); }
.bdt-hero--hub .bdt-hero__media { grid-area: media; min-height: 150px; }
.bdt-hero--hub .bdt-hero__hls {
	grid-area: hls;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--bd-space-2);
	padding: var(--bd-space-3) var(--bd-space-3) var(--bd-space-4);
}
.bdt-hero--hub .bdt-hero__hl { flex-direction: column; align-items: center; text-align: center; gap: var(--bd-space-1); }
.bdt-hero--hub .bdt-hero__hl-title { font-size: var(--bd-fs-xs); }
.bdt-hero--hub .bdt-hero__hl-text { font-size: 0.75rem; }
.bdt-hero--hub > .bdt-hero__inner > :last-child:not(.bdt-hero__hls):not(.bdt-hero__media):not(.bdt-hero__copy) { grid-area: after; }
@media (min-width: 768px) {
	.bdt-hero--hub .bdt-hero__copy { padding: var(--bd-space-8) var(--bd-space-6) var(--bd-space-6) var(--bd-space-8); }
	.bdt-hero--hub .bdt-hero__text { font-size: var(--bd-fs-lg); }
	.bdt-hero--hub .bdt-hero__media { min-height: 240px; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 18%); mask-image: linear-gradient(90deg, transparent 0, #000 18%); }
	.bdt-hero--hub .bdt-hero__hls {
		margin: 0 var(--bd-space-6) var(--bd-space-6);
		padding: var(--bd-space-4);
		border-radius: var(--bd-radius);
		background: rgba(255, 255, 255, 0.85);
		box-shadow: var(--bd-shadow-sm);
	}
	.bdt-hero--hub .bdt-hero__hl { flex-direction: row; text-align: left; gap: var(--bd-space-3); }
	.bdt-hero--hub .bdt-hero__hl-title { font-size: var(--bd-fs-sm); }
	.bdt-hero--hub .bdt-hero__hl-text { font-size: var(--bd-fs-xs); }
}

/* =========================================================
 * Hub layout + sidebar behaviour
 * ======================================================= */
.bdt-hub__layout { margin-top: var(--bd-space-2); }
.bdt-hub .bdt-layout__main > .bdt-section { margin-block: var(--bd-space-5); }
.bdt-hub .bdt-layout__main > .bdt-section:first-of-type { margin-top: var(--bd-space-5); }
.bdt-hub .bdt-layout__aside { margin-top: var(--bd-space-4); }
.bdt-hub .bdt-section--panel { padding: var(--bd-space-4); }
@media (min-width: 768px) { .bdt-hub .bdt-section--panel { padding: var(--bd-space-5); } }
@media (max-width: 1023px) {
	/* Sidebar boxes that duplicate main-column navigation are desktop-only. */
	.bdt-desktop-only { display: none; }
	.bdt-hub-why .bdt-hl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bd-space-3); }
}
@media (min-width: 1024px) {
	.bdt-hub .bdt-layout__aside { margin-top: var(--bd-space-4); }
}
.bdt-toc { margin: 0; padding-left: 1.4rem; display: grid; gap: 0.15rem; }
.bdt-toc li { margin: 0; color: var(--bd-muted); }
body.bdt .bdt-toc a.bdt-jumpnav__link { min-height: 32px; padding: 0; border: 0; font-size: var(--bd-fs-sm); color: var(--bd-ink); white-space: normal; }
body.bdt .bdt-toc a.bdt-jumpnav__link[aria-current="true"] { color: var(--bd-blue-600); font-weight: var(--bd-fw-semibold); }

/* Category rows in hubs: 6 across desktop, peeking scroll on mobile. */
.bdt-cat-row .bdt-card--cat-card .bdt-card__title { font-size: var(--bd-fs-sm); }
.bdt-cat-row .bdt-card--cat-card .bdt-card__summary { font-size: var(--bd-fs-xs); }
.bdt-cat-row .bdt-card--cat-card .bdt-card__body { padding: var(--bd-space-3); }
.bdt-cat-row .bdt-card--cat-card .bdt-card__chev { margin-right: var(--bd-space-2); }
@media (max-width: 767px) {
	.bdt-cat-row.bdt-grid--m-scroll > .bdt-grid__item { flex-basis: 40%; }
}
@media (min-width: 1024px) {
	.bdt-hub .bdt-cat-row { grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); }
}

/* =========================================================
 * Homepage modules
 * ======================================================= */
.bdt-home .bdt-section { margin-block: var(--bd-space-10); }
@media (max-width: 767px) { .bdt-home .bdt-section { margin-block: var(--bd-space-8); } }
.bdt-home-tiles .bdt-card--tile { gap: var(--bd-space-3); }
.bdt-home-tiles .bdt-card--tile .bdt-card__media { width: 40%; max-width: 120px; }
.bdt-home-tiles .bdt-card--tile .bdt-card__title { font-size: 0.9375rem; -webkit-line-clamp: 2; }
.bdt-home-tiles .bdt-card--tile .bdt-card__summary { font-size: var(--bd-fs-xs); }
@media (max-width: 767px) {
	/* Popular/Latest tiles: image-on-top peeking cards on phones (as approved). */
	.bdt-home-tiles.bdt-grid--m-scroll > .bdt-grid__item { flex-basis: 46%; }
	.bdt-home-tiles .bdt-card--tile { flex-direction: column; align-items: stretch; }
	.bdt-home-tiles .bdt-card--tile .bdt-card__media { width: 100%; max-width: none; }
	.bdt-home-tiles .bdt-card--tile .bdt-card__chev { align-self: flex-end; }
}
/* Explore by Category: 3 across on phones (as approved), 4 on tablets, up to 8 on desktop. */
.bdt-home-cats.bdt-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--bd-space-2); }
@media (min-width: 768px) { .bdt-home-cats.bdt-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--bd-space-3); } }
@media (min-width: 1024px) { .bdt-home-cats.bdt-grid { grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); } }
.bdt-home-cats .bdt-card--cat-tile .bdt-card__media { padding: var(--bd-space-2) var(--bd-space-3) 0; }
@media (max-width: 479px) { .bdt-home-cats .bdt-card--cat-tile .bdt-card__title { font-size: 0.8125rem; } }

.bdt-home-row { display: grid; gap: var(--bd-space-8); margin-block: var(--bd-space-10); }
.bdt-home-row > .bdt-section { margin: 0 !important; min-width: 0; }
@media (min-width: 1024px) {
	.bdt-home-row--split { grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); gap: var(--bd-space-8); }
	.bdt-home-row--wide-left { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); }
}
.bdt-home-guides { display: grid; gap: var(--bd-space-4); }
@media (min-width: 768px) {
	.bdt-home-guides { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; }
}
.bdt-home-guides__list { gap: var(--bd-space-2); }
.bdt-home-guides__list .bdt-card--row { border: 0; padding: var(--bd-space-2) 0; }
.bdt-home-compare { border: 1px solid var(--bd-border); border-radius: var(--bd-radius); overflow: hidden; background: #fff; }
.bdt-home-compare > .bdt-card--vs { border: 0; border-radius: 0; }
.bdt-home-compare > .bdt-list { padding: 0 var(--bd-space-4); border-top: 1px solid var(--bd-border); }
.bdt-learn-list { border: 1px solid var(--bd-border); border-radius: var(--bd-radius); padding: 0 var(--bd-space-4); background: #fff; gap: 0; }
.bdt-learn-list > li + li { border-top: 1px solid var(--bd-border); }
.bdt-learn-list .bdt-card--row { border: 0; padding-inline: 0; }

/* Why Trust band */
.bdt-trust {
	display: grid;
	gap: var(--bd-space-6);
	margin-block: var(--bd-space-10);
	padding: var(--bd-space-6);
	border-radius: var(--bd-radius-lg);
	background: var(--bd-band);
}
.bdt-trust__title,
body.bdt .bdt-trust__title { margin: 0 0 var(--bd-space-2); }
.bdt-trust__text { color: var(--bd-ink); margin: 0 0 var(--bd-space-4) !important; }
.bdt-trust .bdt-btn { width: 100%; }
@media (min-width: 768px) {
	.bdt-trust .bdt-btn { width: auto; }
	.bdt-trust__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
	.bdt-trust { grid-template-columns: minmax(0, 1fr) minmax(0, 2.2fr); align-items: center; padding: var(--bd-space-8); }
	.bdt-trust__items { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }
	.bdt-trust__items .bdt-hl__item { flex-direction: column; align-items: center; text-align: center; padding: 0 var(--bd-space-4); border-left: 1px solid var(--bd-border); }
	.bdt-trust__items .bdt-hl__copy { justify-items: center; }
}

/* =========================================================
 * Hub-specific modules
 * ======================================================= */
/* Reviews: Tested vs Researched */
.bdt-eval-cards { display: grid; gap: var(--bd-space-3); }
@media (min-width: 640px) { .bdt-eval-cards { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } }
.bdt-eval-card { position: relative; display: flex; align-items: center; gap: var(--bd-space-4); padding: var(--bd-space-4) var(--bd-space-5); border: 1px solid var(--bd-border); border-radius: var(--bd-radius); background: #fff; }
.bdt-eval-card > .bd-icon:first-child { color: var(--bd-blue-600); flex: none; }
.bdt-eval-card--tested { border-color: var(--bd-blue-100); background: var(--bd-blue-50); }
.bdt-eval-card > div { flex: 1; min-width: 0; }
.bdt-eval-card__title,
body.bdt .bdt-eval-card__title { margin: 0 0 0.15rem; font-size: var(--bd-fs-md); }
.bdt-eval-card__text { margin: 0 !important; color: var(--bd-muted); font-size: var(--bd-fs-sm); }
.bdt-eval-card:has(.bdt-card__link:focus-visible) { outline: 2px solid var(--bd-blue-600); outline-offset: 2px; }

/* Best Picks: budget bands */
.bdt-band { margin-top: var(--bd-space-5); scroll-margin-top: 80px; }
.bdt-band__title,
body.bdt .bdt-band__title { font-size: var(--bd-fs-base); margin: 0 0 var(--bd-space-3); }
.bdt-note { margin: var(--bd-space-4) 0 0 !important; color: var(--bd-muted); font-size: var(--bd-fs-xs); }
.bdt-band .bdt-card--compact.bdt-card--product .bdt-card__media { padding-top: var(--bd-space-4); }

/* Compare: comparison types */
.bdt-type-links { margin: 0; padding: 0; list-style: none; }
.bdt-type-links li { margin: 0; }
.bdt-type-links li + li { border-top: 1px solid var(--bd-border); }
body.bdt a.bdt-type-link { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: var(--bd-space-2); padding: var(--bd-space-3) 0; color: var(--bd-navy-900); text-decoration: none; }
.bdt-type-link span:first-child { font-weight: var(--bd-fw-semibold); }
.bdt-type-link__n { grid-column: 1; color: var(--bd-muted); font-size: var(--bd-fs-xs); }
.bdt-type-link .bd-icon { grid-column: 2; grid-row: 1 / span 2; color: var(--bd-blue-600); }
body.bdt a.bdt-type-link:hover span:first-child { color: var(--bd-blue-600); }

/* Buying guides: use-case tiles */
.bdt-uc { flex-direction: row; align-items: center; gap: var(--bd-space-3); padding: var(--bd-space-3); }
.bdt-uc .bdt-card__body { padding: 0; }
.bdt-uc__icon { flex: none; color: var(--bd-blue-600); line-height: 0; }
.bdt-uc .bdt-card__title { font-size: var(--bd-fs-sm); }
@media (max-width: 479px) {
	.bdt-uc { flex-direction: column; align-items: flex-start; }
	.bdt-uc .bdt-card__chev { display: none; }
}

/* =========================================================
 * Filtered listing mode
 * ======================================================= */
.bdt-listing { padding-top: var(--bd-space-6); }
.bdt-listing__back { margin: 0 0 var(--bd-space-3) !important; }
.bdt-listing__title,
body.bdt .bdt-listing__title { margin: 0; }
.bdt-listing__count { margin: var(--bd-space-1) 0 var(--bd-space-4) !important; color: var(--bd-muted); font-size: var(--bd-fs-sm); }
.bdt-listing .bdt-chips { margin-bottom: var(--bd-space-5); }
.bdt-pagination { margin-top: var(--bd-space-8); }
.bdt-pagination ul { display: flex; flex-wrap: wrap; gap: var(--bd-space-2); margin: 0; padding: 0; list-style: none; }
.bdt-pagination li { margin: 0; }
.bdt-pagination .page-numbers { display: inline-grid; place-items: center; min-width: 44px; min-height: 44px; padding: 0 var(--bd-space-3); border: 1px solid var(--bd-border-strong); border-radius: var(--bd-radius-sm); text-decoration: none; color: var(--bd-navy-900); box-sizing: border-box; }
.bdt-pagination .page-numbers.current { background: var(--bd-blue-600); border-color: var(--bd-blue-600); color: #fff; }
.bdt-home-guides__list .bdt-card--row .bdt-card__title,
.bdt-learn-list .bdt-card--row .bdt-card__title,
.bdt-home-compare .bdt-card--vs-row .bdt-card__title { font-size: 0.9375rem; }

/* Hub typography scale: modules sit in a narrower main column than the homepage. */
.bdt-hub .bdt-section__title,
body.bdt .bdt-hub .bdt-section__title { font-size: clamp(1.1875rem, 1rem + 0.6vw, 1.375rem); }
.bdt-hub .bdt-section__icon .bd-icon { width: 24px; height: 24px; }
.bdt-hub .bdt-section__head.has-icon .bdt-section__subtitle { padding-left: calc(24px + var(--bd-space-3)); }
.bdt-hub .bdt-card--product .bdt-card__title { font-size: var(--bd-fs-base); }
.bdt-hub .bdt-card--product .bdt-checks li { font-size: 0.8125rem; }
.bdt-card__cta { white-space: nowrap; }
.bdt-hub .bdt-card--compact .bdt-card__title { font-size: 0.9375rem; }
.bdt-box .bdt-card--cat-row .bdt-card__title,
.bdt-box .bdt-card--compact .bdt-card__title { font-size: 0.9375rem; }
.bdt-box .bdt-card--cat-row { padding: var(--bd-space-2); }
.bdt-box .bdt-card--cat-row .bdt-card__media { width: 60px; }
/* Category row cards: chevron pinned bottom-right so labels get the full width. */
.bdt-cat-row .bdt-card--cat-card { display: flex; flex-direction: column; }
.bdt-cat-row .bdt-card--cat-card .bdt-card__body { padding-right: calc(var(--bd-space-3) + 18px); }
.bdt-cat-row .bdt-card--cat-card .bdt-card__chev { position: absolute; right: var(--bd-space-2); bottom: var(--bd-space-3); margin: 0; }
.bdt-cat-row .bdt-card__summary { overflow-wrap: normal; word-break: normal; font-size: 0.75rem; }
@media (min-width: 1024px) { .bdt-hub .bdt-cat-row { grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); } }
@media (max-width: 1023px) {
	/* If every sidebar box is desktop-only, drop the empty aside (and its grid gap) on mobile. */
	.bdt-layout__aside:not(:has(.bdt-box:not(.bdt-desktop-only))) { display: none; }
}

/* =========================================================
 * Part 4 — generic Category / Subcategory hubs
 * ======================================================= */
body.bdt a.bdt-hero__hl-link { color: var(--bd-navy-900); text-decoration: none; }
body.bdt a.bdt-hero__hl-link:hover { color: var(--bd-blue-600); text-decoration: underline; }

.bdt-term-intro { margin-top: var(--bd-space-5); padding: var(--bd-space-4) var(--bd-space-5); border-radius: var(--bd-radius); background: var(--bd-surface-alt); color: var(--bd-ink); }
.bdt-term-intro > :last-child { margin-bottom: 0 !important; }

/* Subcategory grid: 2 across on phones, 3–4 on larger screens. */
.bdt-sub-grid .bdt-card--cat-card .bdt-card__title { font-size: var(--bd-fs-base); }
.bdt-sub-grid .bdt-card--cat-card .bdt-card__summary { color: var(--bd-blue-600); font-weight: var(--bd-fw-semibold); font-size: var(--bd-fs-xs); }
.bdt-sub-grid .bdt-card--cat-card .bdt-card__body { padding: var(--bd-space-3); }
@media (max-width: 767px) { .bdt-sub-grid .bdt-card--cat-card .bdt-card__title { font-size: var(--bd-fs-sm); } }

/* Subcategory jump-nav (the approved "tabs"): sticky, scrolls horizontally on phones. */
.bdt-sub-jump { margin: var(--bd-space-3) 0 0; border-radius: var(--bd-radius) var(--bd-radius) 0 0; padding: 0 var(--bd-space-2); }

/* Start Here: primary guide + Specification Profile key specs. */
.bdt-start { display: grid; gap: var(--bd-space-4); }
@media (min-width: 768px) { .bdt-start--split { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); align-items: start; } }
.bdt-specguide { padding: var(--bd-space-4); border: 1px solid var(--bd-blue-100); border-radius: var(--bd-radius); background: var(--bd-blue-50); }
.bdt-specguide__title { margin: 0 0 var(--bd-space-3) !important; font-weight: var(--bd-fw-bold); color: var(--bd-navy-900); }
.bdt-specguide__list { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--bd-space-2); margin: 0; padding: 0; list-style: none; }
@media (min-width: 480px) and (max-width: 767px) { .bdt-specguide__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bdt-specguide__item { display: flex; align-items: center; gap: var(--bd-space-2); margin: 0; font-size: var(--bd-fs-sm); color: var(--bd-navy-900); font-weight: var(--bd-fw-medium); }
.bdt-specguide__item .bd-icon { flex: none; color: var(--bd-blue-600); }
.bdt-specguide__unit { color: var(--bd-muted); font-weight: var(--bd-fw-regular); }

.bdt-sub-more__label { margin: var(--bd-space-5) 0 var(--bd-space-3) !important; font-weight: var(--bd-fw-semibold); color: var(--bd-navy-900); font-size: var(--bd-fs-sm); }
.bdt-guide-rows .bdt-card--row .bdt-card__media { width: 96px; }
.bdt-guide-rows .bdt-card--row .bdt-card__title { font-size: 0.9375rem; }

/* Brand chips with Core counts; single scrolling row on phones. */
.bdt-brand-chip.has-count { flex-direction: column; gap: 2px; min-height: 64px; }
.bdt-brand-chip__count { font-size: var(--bd-fs-xs); color: var(--bd-muted); }
@media (max-width: 767px) {
	.bdt-brand-chips--row { display: flex; overflow-x: auto; margin-inline: calc(-1 * var(--bd-space-4)); padding: 2px var(--bd-space-4) var(--bd-space-2); scrollbar-width: thin; }
	.bdt-brand-chips--row li { flex: 0 0 38%; }
}
.bdt-box--brands .bdt-brand-chips { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 1023px) { .bdt-box--brands .bdt-brand-chips { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); } }

/* Long names in narrow hub heroes: never split words mid-letter; hyphenate if needed. */
.bdt-hero__title,
body.bdt .bdt-hero__title { overflow-wrap: normal; word-break: normal; -webkit-hyphens: auto; hyphens: auto; }
@media (max-width: 479px) {
	.bdt-hero--hub .bdt-hero__inner { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
	.bdt-hero--hub .bdt-hero__title,
	body.bdt .bdt-hero--hub .bdt-hero__title { font-size: clamp(1.375rem, 6.4vw, 1.75rem); }
	.bdt-hero--hub .bdt-hero__text { font-size: var(--bd-fs-xs); }
}
.bdt-brand-chips--row:focus-visible { outline: 2px solid var(--bd-blue-600); outline-offset: 2px; border-radius: var(--bd-radius-sm); }
/* Hero facts/highlights: 2 × 2 on the narrowest phones so labels never collide. */
@media (max-width: 379px) {
	.bdt-hero--hub .bdt-hero__hls { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--bd-space-3); }
}
.bdt-hero__hl > span { min-width: 0; }
.bdt-hero__hl-title, .bdt-hero__hl-text { overflow-wrap: break-word; }
.bdt-hero__hl { min-width: 0; }
@media (max-width: 479px) {
	.bdt-hero--hub .bdt-hero__hl-title { font-size: 0.75rem; }
	.bdt-hero--hub .bdt-hero__hl-text { font-size: 0.6875rem; }
}

/* =========================================================
 * Part 6 — Search, 404, All Categories
 * ======================================================= */
.bdt-search-page,
.bdt-404 { padding-bottom: var(--bd-space-8); }
.bdt-search-page__head { padding-top: var(--bd-space-6); margin-bottom: var(--bd-space-5); }
.bdt-search-page__q { overflow-wrap: anywhere; }
.bdt-search--page { max-width: 640px; margin-top: var(--bd-space-3); }
.bdt-search--page .bdt-search__input,
body.bdt .bdt-search--page input.bdt-search__input { min-height: 48px; font-size: var(--bd-fs-base); }
.bdt-results { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--bd-space-3); margin: 0; padding: 0; list-style: none; }
.bdt-results > li > .bdt-card { min-width: 0; }
.bdt-result .bdt-card__pills--inline { flex-wrap: wrap; }
.bdt-results > li { margin: 0; }
.bdt-result.bdt-card--row .bdt-card__title { font-size: var(--bd-fs-md); }
.bdt-result .bdt-card__kicker { margin: 0 0 2px !important; font-size: var(--bd-fs-xs); color: var(--bd-muted); font-weight: var(--bd-fw-semibold); text-transform: none; }
.bdt-result--page { padding: var(--bd-space-4); }
.bdt-noresults { margin: var(--bd-space-4) 0 var(--bd-space-2); }
.bdt-recovery-links { margin: var(--bd-space-6) 0; }
.bdt-404__head { padding: var(--bd-space-10) 0 var(--bd-space-4); text-align: left; }
.bdt-404__code { margin: 0 !important; font-size: clamp(3rem, 2rem + 5vw, 5rem); font-weight: var(--bd-fw-bold); line-height: 1; color: var(--bd-blue-600); letter-spacing: -0.04em; }
.bdt-404__title,
body.bdt .bdt-404__title { margin: var(--bd-space-2) 0; font-size: clamp(1.625rem, 1.2rem + 1.8vw, 2.25rem); }
.bdt-404__text { margin: 0 0 var(--bd-space-4) !important; color: var(--bd-ink); max-width: 36rem; }
.bdt-search-page .bdt-section,
.bdt-404 .bdt-section { margin-block: var(--bd-space-8); }

/* All Categories directory */
.bdt-dir__jump { margin: var(--bd-space-5) 0; }
.bdt-dir { display: grid; gap: var(--bd-space-4); margin-bottom: var(--bd-space-8); }
@media (min-width: 768px) { .bdt-dir { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .bdt-dir { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.bdt-dir__cat { padding: var(--bd-space-4); border: 1px solid var(--bd-border); border-radius: var(--bd-radius-lg); background: #fff; scroll-margin-top: 90px; min-width: 0; }
body.bdt a.bdt-dir__head { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: var(--bd-space-3); align-items: center; color: inherit; text-decoration: none; }
.bdt-dir__img { border-radius: var(--bd-radius); background: var(--bd-surface-alt); }
.bdt-dir__headcopy { display: grid; gap: 2px; min-width: 0; }
.bdt-dir__name,
body.bdt .bdt-dir__name { margin: 0; font-size: var(--bd-fs-lg); overflow-wrap: anywhere; }
.bdt-dir__count { font-size: var(--bd-fs-xs); color: var(--bd-muted); }
.bdt-dir__cta { display: inline-flex; align-items: center; gap: 4px; font-size: var(--bd-fs-sm); font-weight: var(--bd-fw-semibold); color: var(--bd-blue-600); }
body.bdt a.bdt-dir__head:hover .bdt-dir__name { color: var(--bd-blue-600); }
.bdt-dir__subs { display: grid; gap: 2px; margin: var(--bd-space-3) 0 0; padding: var(--bd-space-3) 0 0; border-top: 1px solid var(--bd-border); list-style: none; }
.bdt-dir__subs li { margin: 0; }
body.bdt a.bdt-dir__sub { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto 16px; align-items: center; gap: var(--bd-space-2); min-height: 48px; padding: 2px var(--bd-space-1); border-radius: var(--bd-radius-sm); color: var(--bd-navy-900); text-decoration: none; }
body.bdt a.bdt-dir__sub:hover { background: var(--bd-surface-alt); }
.bdt-dir__subimg { width: 40px; }
.bdt-dir__subname { font-weight: var(--bd-fw-semibold); font-size: var(--bd-fs-sm); overflow-wrap: anywhere; }
.bdt-dir__subcount { font-size: var(--bd-fs-xs); color: var(--bd-muted); white-space: nowrap; }
.bdt-dir__sub .bd-icon { color: var(--bd-blue-600); }