/* Directory content styling within the Indigo Tree main area.
 * The parent theme owns the shared header and footer.
 */

/* March 2026 brand guide: exact primary swatches and locally hosted Satoshi. */
@font-face {
	font-family: Satoshi;
	src: url(Satoshi-Variable.woff2) format("woff2");
	font-weight: 300 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Satoshi;
	src: url(Satoshi-VariableItalic.woff2) format("woff2");
	font-weight: 300 900;
	font-style: italic;
	font-display: swap;
}

.hcbt-profile-jumps a {
	border: 0;
	border-radius: 0;
	padding: 8px 0;
	text-decoration: underline;
	background: none;
}

.hcbt-compact-body p {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
}

.hcbt-directory-target #site-main .hcbt-search-options p {
	color: #1d1d1b;
}

.hcbt-compact-card .hcbt-editor-portrait img {
	aspect-ratio: 4/3;
	object-fit: contain;
	background: #fff;
}

.hcbt-directory-target #site-main .hcbt-guide > p:last-child {
	margin-top: auto;
	padding-top: 16px;
}

.hcbt-directory-target #site-main .hcbt-profile-nav a {
	padding: 8px 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	text-decoration: underline;
}

.hcbt-compact-body .hcbt-verified {
	align-self: flex-start;
}

.hcbt-directory-target.hcbt-guidance #site-main .wp-block-cover p {
	color: #1d1d1b !important;
	font-size: 18px !important;
}

.hcbt-directory-target #site-main .hcbt-guide a,
.hcbt-directory-target #site-main .page__text > p a {
	color: #2e317d;
	text-decoration: underline;
}

.hcbt-directory-target #site-main .hp-listing__description {
	line-height: 1.8;
	overflow-wrap: anywhere;
}

.hcbt-directory-target #site-main .hcbt-editor-profile .hp-listing__description {
	padding: 0;
}

.hcbt-directory-target #site-main .hcbt-editor-profile .hp-listing__description,
.hcbt-directory-target #site-main .hcbt-editor-profile .hp-listing__description p {
	font-size: 1.05rem;
	line-height: 1.875;
}

.hcbt-directory-target #site-main .hcbt-editor-profile .hp-listing__description p {
	margin: 0 0 16px;
}

.hcbt-directory-target #site-main .hcbt-editor-profile .hp-listing__description p:last-child {
	margin-bottom: 0;
}

.hcbt-directory-target #site-main .hcbt-profile-portrait img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4/5;
	object-fit: cover;
	border-radius: 22px;
}

.hcbt-directory-target #site-main {
	--hcbt-ink: #1d1d1b;
	--hcbt-blue: #0088db;
	--hcbt-purple: #2e317d;
	--hcbt-pink: #e10160;
	--hcbt-orange: #d95c20;
	--hcbt-pale: #edf7fd;
	--hcbt-border: #cbdce8;
	font-family: Satoshi, Arial, sans-serif;
	color: #1d1d1b;
	accent-color: #2e317d;
}

/* Directory-only text and action blue, approved by Olya. */
.hcbt-directory-target #site-main :is(h1,h2,h3,h4,h5,h6,a,button,.wp-block-button,input[type="submit"],input[type="button"]) {
	--wp--preset--color--primary: #0078c2;
	--wp--preset--color--sky-blue: #0078c2;
	--wp--preset--color--cta: #0078c2;
	--wp--preset--color--hcbt-blue: #0078c2;
	--hcbt-blue: #0078c2;
}

.hcbt-directory-target #site-main :is(.hcbt-home,h1,h2,h3,h4,h5,h6,p,a,input,button,select,textarea,summary,label) {
	font-family: inherit;
}

.hcbt-directory-target #site-main :is(h1,h2,h3) {
	font-weight: 700;
	letter-spacing: -0.025em;
	color: #2e317d;
}

/* Banner headings stay white when the banner text is white. */
.hcbt-directory-target #site-main :is(.wp-block-cover, .wp-block-media-text):is(
.has-white-color,
:has(.has-white-color)
) :is(h1, h2, h3) {
	color: #fff;
}

.hcbt-directory-target #site-main :is(p,.hcbt-editor-card,.hcbt-editor-qualifications,.hcbt-editor-location,.hcbt-editor-excerpt,.hcbt-biography-excerpt) {
	color: #1d1d1b;
}

.hcbt-directory-target #site-main .hcbt-home {
	font-family: Satoshi, Arial, sans-serif;
}

.hcbt-directory-target #site-main .hcbt-hero {
	background: linear-gradient(90deg, #0088db 0%, #2e317d 100%);
	padding: 48px 40px;
	border-radius: 0 0 28px 28px;
	color: #fff;
}

.hcbt-directory-target #site-main .hcbt-hero :is(h1,.hcbt-eyebrow,.hcbt-lead,.hcbt-join-top a) {
	color: #fff;
}

.hcbt-directory-target #site-main .hcbt-hero .hcbt-eyebrow,
.hcbt-directory-target #site-main .hcbt-hero .hcbt-join-top a {
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0;
}

.hcbt-directory-target #site-main .hcbt-hero .hcbt-lead {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.5;
}

.hcbt-directory-target #site-main .hcbt-hero-art {
	background: transparent;
}

.hcbt-directory-target #site-main .hcbt-hero-portrait {
	background: #fff;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 10px;
	transform: none;
	margin-top: 0;
}

.hcbt-directory-target #site-main .hcbt-hero-portrait span {
	color: #2e317d;
	font-size: 16px;
}

.hcbt-directory-target #site-main .hcbt-search-options,
.hcbt-directory-target #site-main .hcbt-native-search {
	background: #fff;
	color: #1d1d1b;
}

.hcbt-directory-target #site-main .hcbt-steps .wp-block-column > p:first-child {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	background: #0088db;
	color: #fff;
	border-radius: 50%;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 24px;
}

.hcbt-directory-target #site-main .hcbt-guide {
	height: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	border-top: 4px solid #0088db;
}

.hcbt-directory-target #site-main .hcbt-issues-question {
	font-size: 21px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: #2e317d;
}

.hcbt-section-heading {
	display: flex;
	gap: 24px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 28px;
}

.hcbt-directory-target #site-main .hcbt-section-heading h2 {
	margin: 0;
}

.hcbt-section-heading .wp-block-buttons {
	margin: 0;
	flex-shrink: 0;
}

.hcbt-directory-target #site-main :is(.wp-block-button__link,.button,.hcbt-button,.hcbt-view-link,.hp-form__button,.hcbt-enquiry>summary) {
	background: #2e317d;
	color: #fff;
	border: 1px solid #2e317d;
	border-radius: 8px;
	box-shadow: none;
	text-align: center;
	font-weight: 700;
	line-height: 1.4;
	min-height: 46px;
	justify-content: center;
}

.hcbt-directory-target #site-main .hcbt-issues .wp-block-button__link {
	background: #0078c2;
	border-color: #0078c2;
	font-size: 19px;
}

.hcbt-directory-target #site-main :is(.hp-form__button,.hcbt-enquiry>summary)::before,
.hcbt-directory-target #site-main :is(.hp-form__button,.hcbt-enquiry>summary)::after {
	display: none;
}

.hcbt-directory-target #site-main .hcbt-enquiry > summary {
	display: block;
	list-style: none;
	padding: 14px 20px;
	cursor: pointer;
}

.hcbt-enquiry > summary::-webkit-details-marker {
	display: none;
}

.hcbt-directory-target #site-main .hp-form--listing-filter .hp-form__button i {
	display: none;
}

.hcbt-directory-target #site-main .hcbt-verified {
	letter-spacing: 0 !important;
	color: #1d1d1b !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	border-color: #cbdce8;
	background: #fff;
}

.hcbt-directory-target #site-main .hcbt-verified-tick {
	color: #0088db;
	border-color: #0088db;
}

.hcbt-profile-jumps {
	margin: 0 0 28px;
	border: 0;
	border-bottom: 1px solid #cbdce8;
	padding: 0 0 14px;
	gap: 12px;
}

.hcbt-directory-target #site-main .hcbt-contact-panel {
	background: #edf7fd;
	padding: 24px;
	border-top: 4px solid #0088db;
	border-radius: 20px;
}

.hcbt-directory-target #site-main .hcbt-compact-card {
	display: flex;
	flex-direction: column;
	padding: 20px;
	gap: 18px;
}

.hcbt-compact-card .hcbt-editor-portrait {
	display: block;
	margin: 0;
}

.hcbt-compact-body {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 10px;
	min-width: 0;
}

.hcbt-directory-target #site-main .hcbt-compact-body .hcbt-editor-name {
	font-size: 22px !important;
	line-height: 1.25;
	overflow-wrap: break-word;
}

.hcbt-compact-specialties {
	min-height: 3em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.hcbt-compact-body .hcbt-editor-fee {
	float: none;
	margin: 4px 0 0;
	text-align: left;
	font-size: 18px;
}

.hcbt-compact-body .hcbt-card-actions {
	margin-top: auto;
	padding-top: 18px;
	justify-content: flex-start;
}

.hcbt-compact-body .hcbt-view-link {
	width: 100%;
}

.hcbt-directory-target #site-main .hp-form--listing-search {
	position: static;
	transform: none;
	top: auto;
	margin: 24px 0;
	box-shadow: none;
}

.hcbt-directory-target #site-main .hp-page__header:has(.hp-form--listing-search) {
	margin-top: 0;
	padding-top: 24px;
}

.hcbt-directory-target #site-main .hp-form--listing-search input {
	background: #fff;
	border: 1px solid #2e317d;
	border-radius: 8px;
	min-height: 48px;
	box-sizing: border-box;
}

.hcbt-directory-target #site-main .ui-slider-range {
	background: linear-gradient(90deg, #0088db, #2e317d);
}

.hcbt-directory-target #site-main .ui-slider-handle {
	background: #2e317d;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px #2e317d;
}

.hcbt-directory-target #site-main .hcbt-guidance h2,
.hcbt-directory-target.hcbt-guidance #site-main .page__text h2 {
	font-weight: 500;
	font-size: 30px;
}

.hcbt-directory-target.hcbt-guidance #site-main .wp-block-image img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 4/5;
	object-fit: contain;
	max-height: none;
	background: #fff;
	border-radius: 16px !important;
}

.hcbt-directory-target.hcbt-guidance #site-main .wp-block-cover:nth-of-type(odd) > .wp-block-cover__background {
	background: #edf7fd !important;
}

.hcbt-issue-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin-block: 32px;
}

.hcbt-issue-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	min-height: 220px;
	padding: 28px;
	background: linear-gradient(90deg, #0088db, #2e317d);
	border: 1px solid #0088db;
	border-radius: 16px;
	text-align: center;
	text-decoration: none !important;
	color: #fff !important;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.5;
	box-sizing: border-box;
}

.hcbt-issue-tile svg {
	width: 36px;
	height: 36px;
}

.hcbt-issue-tile:hover {
	text-decoration: underline !important;
}

.hcbt-directory-target #site-main :is(a,button,input,select,textarea,summary):focus-visible {
	outline: 3px solid #e10160;
	outline-offset: 4px;
}

@media (max-width: 767px) {

	.hcbt-directory-target #site-main .hcbt-hero {
		padding: 32px 20px;
	}

	.hcbt-directory-target #site-main .hcbt-hero .hcbt-lead {
		font-size: 24px;
	}

	.hcbt-section-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
	}

	.hcbt-issue-grid {
		grid-template-columns: 1fr;
	}

	.hcbt-directory-target #site-main .hcbt-compact-body .hcbt-editor-name {
		font-size: 24px !important;
	}
}

@media (forced-colors: active) {

	.hcbt-hero,
	.hcbt-issue-tile {
		background: Canvas !important;
		color: CanvasText !important;
		border: 1px solid CanvasText;
	}

	.hcbt-directory-target #site-main .hcbt-hero :is(h1,p,a) {
		color: CanvasText !important;
	}

	.hcbt-directory-target #site-main :is(.wp-block-cover, .wp-block-media-text):is(
	.has-white-color,
	:has(.has-white-color)
) :is(h1, h2, h3) {
		color: CanvasText !important;
	}
}

/* Visual review corrections, 0.6.1. */
.hcbt-directory-target #site-main .hcbt-hero > .hcbt-hero-inner,
.hcbt-directory-target #site-main .hcbt-hero > .hcbt-search-options {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}

.hcbt-issue-grid > .wp-block-group__inner-container,
.hcbt-section-heading > .wp-block-group__inner-container {
	display: contents;
}

.hcbt-directory-target #site-main .hcbt-hero .hcbt-hero-inner,
.hcbt-directory-target #site-main .hcbt-hero .hcbt-search-options {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}

.hcbt-directory-target #site-main .hcbt-footer :is(p,h2,h3,a,.hcbt-footer-brand) {
	color: #fff;
}

/* Directory profile geometry within the main content area. */
.hcbt-directory-target #site-main > .content-area {
	max-width: 1140px;
	margin-inline: auto;
	padding: 32px 24px;
	box-sizing: border-box;
}

.hcbt-directory-target #site-main .hcbt-profile-columns {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 330px);
	gap: 34px;
	margin: 0;
}

.hcbt-directory-target #site-main .hcbt-profile-columns > .hp-page__sidebar,
.hcbt-directory-target #site-main .hcbt-profile-columns > .hp-page__content {
	width: auto;
	max-width: none;
	padding: 0;
	min-width: 0;
}

.hcbt-directory-target #site-main .hcbt-profile-portrait {
	width: 185px;
	flex: 0 0 185px;
}

.hcbt-directory-target #site-main .hcbt-profile-heading {
	min-width: 0;
	overflow-wrap: anywhere;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.hcbt-directory-target #site-main .hcbt-profile-heading h1 {
	font-size: clamp(32px, 3vw, 42px);
	line-height: 1.15;
	margin: 0 0 20px;
	padding: 0;
}

.hcbt-directory-target #site-main .hcbt-profile-heading > .hp-listing__details {
	padding: 0;
	margin: 0;
}


@media (max-width: 1000px) {

	.hcbt-directory-target #site-main .hcbt-profile-columns {
		gap: 24px;
		grid-template-columns: minmax(0, 1fr) 280px;
	}
}

@media (max-width: 767px) {

	.hcbt-directory-target #site-main .hcbt-profile-columns {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.hcbt-directory-target #site-main .hcbt-profile-portrait {
		width: 140px;
		flex-basis: auto;
	}

	.hcbt-directory-target #site-main > .content-area {
		padding: 24px 16px;
	}
}

/* Keep tablet results and sorting controls readable beside the filters. */
@media (min-width: 768px) and (max-width: 1023px) {

	.hcbt-directory-target #site-main .hp-listings > .hp-row > .hp-grid__item:has(> .hcbt-editor-card) {
		flex-basis: 100%;
		max-width: 100%;
	}

	.hcbt-directory-target #site-main .hp-listings .hcbt-editor-card .hcbt-editor-portrait {
		display: block;
		max-width: 185px;
	}

	.hcbt-directory-target #site-main .hp-page__topbar:has(.hp-form--listing-sort) {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.hcbt-directory-target #site-main .hp-form--listing-sort .select2-container {
		max-width: 100%;
	}
}

/* Keep open enquiry fields within the narrow profile column. */
@media (max-width: 767px) {

	.hcbt-directory-target #site-main .hcbt-profile-columns > .hp-page__sidebar {
		max-width: 100%;
	}
}

/* Keep keyboard focus visible against the Directory hero. */
.hcbt-directory-target #site-main .hcbt-hero-inner :is(a, button):focus-visible {
	outline-color: #fff;
}

/* Restore the original one-full-card-per-row rule, including desktop. */
.hcbt-directory-target #site-main .hp-listings > .hp-row > .hp-grid__item:has(> .hcbt-editor-card) {
	flex-basis: 100%;
	max-width: 100%;
}

/* Theme section spacing must not become padding inside these component groups.
 * Explicit inline Gutenberg spacing still wins over these component defaults.
 */
.hcbt-directory-target #site-main .hcbt-editor-card .hcbt-card-name-line,
.hcbt-directory-target #site-main .hcbt-editor-profile > .hcbt-editor-identity,
.hcbt-directory-target #site-main .hcbt-editor-profile > .hcbt-editor-alternatives {
	padding-block: 0;
}

/* A full profile is a page layout, not a generic HivePress card. */
.hcbt-directory-target #site-main .hcbt-editor-profile,
.hcbt-directory-target #site-main .hp-page.hp-listing--view-page:has(.hcbt-editor-profile) {
	border: 0;
	border-radius: 0;
	background: transparent;
	overflow: visible;
	transform: none;
	box-shadow: none;
	margin-inline: 0;
}

/* Keep search controls together without inherited flex growth on phones. */
.hcbt-directory-target #site-main .hp-form--listing-search .hp-form__fields {
	flex-direction: row;
	gap: 16px;
	margin: 0;
}

.hcbt-directory-target #site-main .hp-form--listing-search .hp-form__field {
	min-width: 0;
	margin: 0;
}

@media (max-width: 767px) {

	.hcbt-directory-target #site-main .hp-form--listing-search,
	.hcbt-directory-target #site-main .hp-form--listing-search .hp-form__fields {
		flex-direction: column;
		align-items: stretch;
	}

	.hcbt-directory-target #site-main .hp-form--listing-search .hp-form__fields,
	.hcbt-directory-target #site-main .hp-form--listing-search .hp-form__field,
	.hcbt-directory-target #site-main .hp-form--listing-search .hp-form__footer {
		flex: 0 0 auto;
		width: 100%;
		margin: 0;
	}
}

/* Match the original profile width within the shared site shell. */
.hcbt-directory-target #site-main .hcbt-related {
	margin-top: 48px;
	padding-top: 32px;
	border-top: 1px solid #cbdce8;
}

.hcbt-directory-target #site-main .hcbt-related .hcbt-button {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 11px 22px;
	text-decoration: none;
}

/* Preserve the original profile section scale and related-card spacing. */
.hcbt-directory-target #site-main .hcbt-editor-profile .hcbt-editor-section > h2,
.hcbt-directory-target #site-main .hcbt-related .hcbt-section-heading h2 {
	font-size: 30px;
	line-height: 1.25;
}

.hcbt-directory-target #site-main .hcbt-related .hcbt-studio-featured {
	margin-bottom: 24px;
}

@media (max-width: 991px) {

	.hcbt-directory-target #site-main .hcbt-related .hcbt-studio-featured {
		grid-template-columns: 1fr;
	}
}

.hcbt-directory-target #site-main .hcbt-related .hcbt-editor-card {
	border: 1px solid #dce3eb;
	border-radius: 20px;
}

.hcbt-directory-target #site-main .hcbt-related .hcbt-editor-card:focus-within {
	border-color: #9295bd;
}

.hcbt-directory-target #site-main .hcbt-related .hcbt-editor-fee .hp-listing__attributes--primary {
	padding: 20px 24px;
}

.hcbt-directory-target #site-main .content-area:has(.hcbt-editor-profile) {
	width: calc(100% - 64px);
	max-width: 1140px;
	padding-inline: 0;
}

.hcbt-directory-target #site-main .site-main > .wp-block-group:has(> .hcbt-editor-profile) {
	padding-inline: 0;
}

/* Preserve the original identity hierarchy without changing member data. */

.hcbt-directory-target #site-main .hcbt-profile-heading .hp-listing__attributes--secondary {
	order: 1;
	margin-bottom: 12px;
}

.hcbt-directory-target #site-main .hcbt-profile-heading .hp-listing__attributes--secondary > .hp-row {
	display: block;
	margin: 0;
}

.hcbt-directory-target #site-main .hcbt-profile-heading .hp-listing__attributes--secondary > .hp-row > div {
	width: 100%;
	max-width: 100%;
	padding: 0;
}

.hcbt-directory-target #site-main .hcbt-profile-heading .hp-listing__attribute--post-nominals {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 650;
}

.hcbt-directory-target #site-main .hcbt-profile-heading .hp-listing__details--primary {
	order: 2;
}

.hcbt-directory-target #site-main .hcbt-profile-heading .hcbt-quick-facts {
	order: 3;
}

.hcbt-directory-target #site-main .hcbt-profile-heading .hp-listing__attribute--professional-role {
	font-size: 22px;
	line-height: 1.4;
	font-weight: 750;
	color: var(--hcbt-purple);
}

/* Restore the original fee and report panels within the shared theme. */
.hcbt-directory-target #site-main .hcbt-editor-section-fee .hp-widget,
.hcbt-directory-target #site-main .hcbt-editor-section-report .hp-widget {
	border: 1px solid #dce3eb;
	border-radius: 16px;
	padding: 24px;
}

.hcbt-directory-target #site-main .hcbt-editor-section-fee .hp-listing__attribute {
	background: transparent;
	padding: 0;
}

.hcbt-directory-target #site-main .hcbt-related .hcbt-editor-fee .hp-listing__attribute {
	font-size: 20px;
	line-height: 1.5;
	background: transparent;
}

.hcbt-directory-target #site-main .hcbt-editor-section-report .hp-listing__actions--primary {
	flex-flow: row wrap;
	justify-content: center;
	background: #f2f2f3;
}

@media (max-width: 767px) {

	.hcbt-directory-target #site-main .hcbt-profile-heading .hp-listing__attribute--professional-role {
		font-size: 21px;
	}

	.hcbt-directory-target #site-main .hcbt-profile-back {
		display: block;
		margin-bottom: 24px;
	}
}

.hcbt-directory-target #site-main .hcbt-profile-heading :is(.hp-listing__categories, .hp-listing__created-date) {
	display: none;
}

/* Dark text links on light panels retain the Directory purple. */
.hcbt-directory-target #site-main .hcbt-editor-profile .hp-listing__action,
.hcbt-directory-target #site-main .hcbt-editor-profile .hcbt-practical-field a {
	color: #2e317d;
}

.hcbt-directory-target #site-main .hcbt-profile-identity {
	flex-wrap: wrap;
}

.hcbt-directory-target #site-main .hcbt-profile-back {
	flex-basis: 100%;
	color: #2e317d;
	font-size: 1rem;
}

/* Explicit integration overrides follow the original component rules. */
/* stylelint-disable no-descending-specificity, no-duplicate-selectors */

/* Restore homepage geometry lost when moving from the original theme. */
.hcbt-directory-target.home #site-main .wp-block-post-content {
	max-width: none;
	padding-inline: 0;
}

.hcbt-directory-target.home #site-main .hcbt-hero {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 48px max(24px, calc((100% - 1140px) / 2));
	box-sizing: border-box;
}

.hcbt-directory-target #site-main .hcbt-hero-inner,
.hcbt-directory-target #site-main .hcbt-hero-inner > .wp-block-columns {
	padding: 0;
	margin-block: 0;
}

.hcbt-directory-target #site-main .hcbt-hero-inner > .wp-block-columns {
	gap: 48px;
	align-items: center;
}

.hcbt-directory-target #site-main .hcbt-hero h1 {
	font-size: clamp(36px, 3.8vw, 48px);
	line-height: 1.15;
	margin: 18px 0 26px;
}

.hcbt-directory-target #site-main .hcbt-hero-art {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	padding: 0;
	min-height: 0;
	margin: 0;
}

.hcbt-directory-target #site-main .hcbt-hero-portrait {
	display: block;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	text-decoration: none;
}

.hcbt-directory-target #site-main .hcbt-hero-portrait img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: contain;
	border-radius: 14px;
}

.hcbt-directory-target #site-main .hcbt-hero-portrait span {
	display: block;
	padding: 10px 0 2px;
	text-align: center;
	line-height: 1.4;
}

.hcbt-directory-target #site-main .hcbt-search-options {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 18px 24px;
	margin-top: 32px;
	padding: 24px;
	border: 1px solid #cbdce8;
	border-radius: 18px;
	align-items: center;
	box-sizing: border-box;
}

.hcbt-directory-target #site-main .hcbt-search-description {
	grid-column: 1 / -1;
	margin: 0;
	font-size: 18px;
}

.hcbt-directory-target #site-main .hcbt-search-options :is(.hcbt-native-search, .hcbt-search-hint, .hp-form--listing-search, .wp-block-buttons) {
	margin: 0;
	padding: 0;
	min-width: 0;
}

.hcbt-directory-target #site-main .hcbt-search-hint .wp-block-button__link {
	white-space: nowrap;
}

.hcbt-directory-target #site-main .hcbt-section {
	max-width: 1140px;
	margin: 0 auto;
	padding: 64px 0;
	box-sizing: border-box;
}

.hcbt-directory-target #site-main .hcbt-section :is(h2, h3) {
	line-height: 1.25;
	margin: 0 0 24px;
}

.hcbt-directory-target #site-main .hcbt-section h2 {
	font-size: clamp(28px, 3vw, 40px);
}

.hcbt-directory-target #site-main .hcbt-section h3 {
	font-size: 24px;
}

.hcbt-directory-target #site-main .hcbt-section p {
	margin: 0 0 20px;
	line-height: 1.65;
}

.hcbt-directory-target #site-main .hcbt-section .wp-block-columns {
	gap: 32px;
	margin: 0;
}

.hcbt-directory-target #site-main .hcbt-section .wp-block-column {
	min-width: 0;
}

.hcbt-directory-target #site-main .hcbt-three {
	margin-top: 32px;
}

.hcbt-directory-target #site-main :is(.hcbt-pale, .hcbt-tint, .hcbt-two-way) {
	background: #edf7fd;
	padding: 48px 32px;
	border-radius: 24px;
	margin-block: 16px;
}

.hcbt-directory-target #site-main .hcbt-guide {
	background: #fff;
	border: 1px solid #cbdce8;
	border-top: 4px solid #0088db;
	border-radius: 18px;
	padding: 28px;
}

.hcbt-directory-target #site-main .hcbt-home-examples {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0 24px;
	align-items: center;
}

.hcbt-directory-target #site-main .hcbt-home-examples > :is(.hcbt-eyebrow, .hcbt-studio-featured, .hcbt-section-heading) {
	grid-column: 1 / -1;
}

.hcbt-directory-target #site-main .hcbt-home-examples > .wp-block-buttons {
	justify-self: end;
	margin: 0 0 24px;
}

.hcbt-directory-target #site-main .hcbt-two-way .wp-block-column {
	padding: 8px 24px;
	display: flex;
	flex-direction: column;
}

.hcbt-directory-target #site-main .hcbt-two-way .wp-block-column + .wp-block-column {
	border-left: 1px solid #bbcddc;
}

.hcbt-directory-target #site-main .hcbt-two-way h2 {
	font-size: 28px;
}

.hcbt-directory-target #site-main .hcbt-two-way .wp-block-buttons {
	margin-top: auto;
}

.hcbt-directory-target #site-main :is(.hcbt-issues, .hcbt-home-examples) .wp-block-button__link {
	background: #0078c2;
	border-color: #0078c2;
	color: #fff;
}

/* Keep results controls proportionate and aligned within the main theme. */
.hcbt-directory-target #site-main .hp-form--listing-filter {
	box-shadow: none;
	border: 1px solid #dce3eb;
	border-radius: 16px;
	padding: 24px;
	box-sizing: border-box;
}

.hcbt-directory-target #site-main .hp-form--listing-filter :is(.select2-container, .hp-form__button, .hp-form__footer) {
	width: 100% !important;
	max-width: 100%;
}

.hcbt-directory-target #site-main .hp-form--listing-filter .hp-field--radio ul {
	padding-left: 12px;
}

.hcbt-directory-target #site-main .hp-form--listing-filter .hp-field--radio label {
	font-size: 15px;
}

.hcbt-directory-target #site-main .hp-page__topbar:has(.hp-form--listing-sort) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-direction: row;
	flex-wrap: wrap;
}

.hcbt-directory-target #site-main .hp-result-count {
	font-size: 14px;
	line-height: 1.4;
	flex: 1 1 auto;
}

.hcbt-directory-target #site-main .hp-form--listing-sort {
	width: auto;
	flex: 0 0 auto;
	margin: 0 0 0 auto;
}

.hcbt-directory-target #site-main .hp-form--listing-sort :is(.hp-form__fields, .hp-form__field) {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
}

.hcbt-directory-target #site-main .hp-form--listing-sort .hp-field__label {
	margin: 0;
	font-size: 14px;
	white-space: nowrap;
}

.hcbt-directory-target #site-main .hp-form--listing-sort .select2-container {
	width: 180px !important;
	max-width: 100%;
}

.hcbt-directory-target #site-main .hcbt-card-name-line {
	align-items: center;
}

.hcbt-directory-target #site-main .hcbt-card-name-line :is(.hcbt-editor-name, .hcbt-verified) {
	margin-block: 0;
	align-self: center;
}

@media (max-width: 1204px) {

	.hcbt-directory-target #site-main .hcbt-section {
		margin-inline: 32px;
	}
}

@media (max-width: 991px) {

	.hcbt-directory-target #site-main .hcbt-search-options {
		grid-template-columns: 1fr;
	}

	.hcbt-directory-target #site-main .hcbt-search-hint .wp-block-button__link {
		white-space: normal;
	}
}

@media (max-width: 781px) {

	.hcbt-directory-target #site-main .hcbt-section {
		padding-block: 40px;
		margin-inline: 20px;
	}

	.hcbt-directory-target #site-main :is(.hcbt-pale, .hcbt-tint, .hcbt-two-way) {
		padding: 32px 20px;
	}

	.hcbt-directory-target #site-main .hcbt-hero-art {
		max-width: 520px;
		margin-inline: auto;
		gap: 16px;
	}

	.hcbt-directory-target #site-main .hcbt-home-examples {
		grid-template-columns: 1fr;
	}

	.hcbt-directory-target #site-main .hcbt-home-examples > .wp-block-buttons {
		justify-self: start;
	}

	.hcbt-directory-target #site-main .hcbt-two-way .wp-block-column {
		padding: 8px 0;
	}

	.hcbt-directory-target #site-main .hcbt-two-way .wp-block-column + .wp-block-column {
		border-left: 0;
		border-top: 1px solid #bbcddc;
		padding-top: 32px;
	}
}

.hcbt-directory-target #site-main .hp-widget--listing-filter .hp-modal {
	padding: 0;
	box-shadow: none;
	background: transparent;
}

.hcbt-directory-target #site-main .hp-form--listing-filter .hp-field--radio > ul {
	padding-left: 0;
	margin-left: 0;
}

.hcbt-directory-target #site-main .hp-form--listing-filter .hp-field--radio ul ul {
	margin-left: 0;
}

/* stylelint-enable no-descending-specificity, no-duplicate-selectors */

/* Preserve the opaque filter surface when opened as a mobile dialog. */
.hcbt-directory-target #site-main .hp-widget--listing-filter :is(.hp-modal) {
	background: #fff;
}
