:root {
	--dhp-space-section: 80px;
	--dhp-space-section-tablet: 56px;
	--dhp-space-section-mobile: 40px;
	--dhp-space-1: 8px;
	--dhp-space-2: 16px;
	--dhp-space-3: 24px;
	--dhp-space-4: 32px;
	--dhp-space-5: 40px;
	--dhp-line: #e8dfd1;
	--dhp-line-strong: #d9ccb5;
	--dhp-surface: #fff;
	--dhp-surface-soft: #f8f4ec;
	--dhp-text-soft: #5b5448;
	--dhp-text-muted: #8a7b62;
	--dhp-accent: #c9a55c;
	--dhp-sidebar-width: 280px;
	--dhp-layout-gap: 32px;
	--dhp-toolbar-height: 42px;
	--dhp-shadow-soft: 0 14px 34px rgba(16, 16, 16, 0.04);
	--dhp-drawer-width: 400px;
	--dhp-drawer-offset: calc(var(--dhp-header-height, 0px) + 18px);
}

.dhp-discovery-page__body,
.dhp-archive-layout__body,
.dhp-taxonomy-directory__section,
.dhp-collection-archive__grid {
	padding-block: 36px var(--dhp-space-section);
}

.dhp-discovery-page__hero {
	background: var(--dhp-surface-soft);
	border-bottom: 1px solid var(--dhp-line);
	padding-block: var(--dhp-space-section-tablet) var(--dhp-space-5);
}

.dhp-discovery-page__hero-inner {
	display: grid;
	gap: var(--dhp-space-2);
}

.dhp-discovery-page__hero-logo {
	width: 88px;
	height: auto;
}

.dhp-discovery-page__hero h1 {
	margin: 0;
	font-size: clamp(2.25rem, 4vw, 3.5rem);
	line-height: 0.96;
	color: #171717;
}

.dhp-discovery-page__hero-count {
	margin: 0;
	font-size: 0.78rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--dhp-text-muted);
}

.dhp-discovery-page__hero-description {
	max-width: 760px;
	color: var(--dhp-text-soft);
}

.dhp-discovery-page__hero-description > *:last-child {
	margin-bottom: 0;
}

.dhp-discovery-page__hero-chips,
.dhp-discovery-page__active {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.dhp-discovery-page__hero-chip,
.dhp-discovery-active__chip,
.dhp-discovery-active__clear {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 0 14px;
	border: 1px solid var(--dhp-line);
	background: var(--dhp-surface);
	color: #222;
	font-size: 0.8rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
}

.dhp-discovery-active__chip:hover,
.dhp-discovery-active__chip:focus-visible,
.dhp-discovery-active__clear:hover,
.dhp-discovery-active__clear:focus-visible,
.dhp-discovery-page__hero-chip:hover,
.dhp-discovery-page__hero-chip:focus-visible {
	border-color: var(--dhp-accent);
	color: #171717;
}

.dhp-discovery-page__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--dhp-layout-gap);
	align-items: start;
}

.dhp-discovery-page__content {
	display: grid;
	gap: var(--dhp-space-3);
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.dhp-discovery-toolbar,
.dhp-discovery-page__active,
.dhp-discovery-page__results {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.dhp-discovery-sidebar {
	position: fixed;
	inset: 0;
	z-index: 9998;
	pointer-events: none;
}

body.dhp-discovery-drawer-open {
	overflow: hidden;
}

body.dhp-discovery-drawer-open .dhp-site-content {
	z-index: 1000;
}

.dhp-discovery-sidebar__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 15, 15, 0.38);
	opacity: 0;
	transition: opacity 180ms ease;
}