.glossary-page {
	max-width: var(--container-faq);
}

.glossary-hero {
	padding-block-end: var(--head-gap);
	border-bottom: 1px solid hsl(var(--border));
}

.glossary-hero h1 {
	max-width: var(--measure-headline);
	margin: var(--space-8) 0 var(--space-4);
	font-size: var(--text-h1);
	line-height: 1.05;
	letter-spacing: -0.03em;
}

.glossary-hero__lede,
.glossary-definition > div {
	max-width: var(--measure-prose);
}

.glossary-hero__lede {
	margin: 0;
	color: hsl(var(--muted-foreground));
	font-size: var(--text-lg);
	line-height: 1.5;
}

.glossary-filter {
	margin-block-start: var(--space-8);
}

.glossary-filter label {
	display: block;
	margin-block-end: var(--space-2);
	font-size: var(--text-sm);
	font-weight: 600;
}

.glossary-filter input {
	width: 100%;
	min-height: 3rem;
	padding: var(--space-3) var(--space-4);
	background: hsl(var(--muted));
	border: 1px solid hsl(var(--border-strong));
	border-radius: var(--radius-tile);
	color: hsl(var(--foreground));
	font-size: var(--text-base);
}

.glossary-filter input:focus {
	border-color: hsl(var(--accent-conversion));
}

.glossary-jump {
	position: sticky;
	top: var(--space-24);
	z-index: var(--z-sticky);
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-1);
	margin-block: var(--space-8) var(--space-12);
	padding: var(--space-3);
	background: hsl(var(--background));
	border: 1px solid hsl(var(--border));
	border-radius: var(--radius-card);
	box-shadow: var(--shadow-header);
}

.glossary-jump a,
.glossary-jump span {
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	min-inline-size: 44px;
	min-block-size: 44px;
	border-radius: var(--radius-pill);
	font-size: var(--text-sm);
	font-weight: 600;
	text-decoration: none;
}

.glossary-jump a:hover {
	background: hsl(var(--muted));
}

.glossary-jump span {
	color: hsl(var(--muted-foreground));
	opacity: 0.55;
}

.glossary-group {
	display: grid;
	grid-template-columns: 3rem minmax(0, 1fr);
	gap: var(--space-5);
	padding-block: var(--space-10);
	scroll-margin-top: var(--space-32);
	border-top: 1px solid hsl(var(--border));
}

.glossary-group h2 {
	margin: 0;
	color: hsl(var(--accent-conversion));
	font-size: var(--text-2xl);
}

@media (min-width: 640px) {
	.glossary-group h2 {
		align-self: baseline;
	}
}

.glossary-card {
	padding-block: var(--space-5);
	scroll-margin-top: var(--space-32);
}

.glossary-card + .glossary-card {
	border-top: 1px solid hsl(var(--border));
}

.glossary-card h3,
.glossary-card p {
	margin: 0;
}

.glossary-card h3 {
	font-size: var(--text-xl);
}

.glossary-card h3 a {
	color: hsl(var(--foreground));
	text-decoration-color: hsl(var(--border-strong));
}

.glossary-card h3 a:hover {
	color: hsl(var(--accent-conversion));
}

.glossary-card p {
	margin-block-start: var(--space-2);
	max-width: var(--measure-prose);
	color: hsl(var(--muted-foreground));
	line-height: 1.6;
}

.glossary-empty {
	padding: var(--space-8);
	background: hsl(var(--muted));
	border-radius: var(--radius-card);
	text-align: center;
}

.glossary-definition,
.glossary-example,
.glossary-related {
	padding-block: var(--section-y);
}

.glossary-definition__lead {
	margin-block-start: 0;
	font-size: var(--text-lg);
	font-weight: 600;
	line-height: 1.5;
}

.glossary-example,
.glossary-related {
	border-top: 1px solid hsl(var(--border));
}

.glossary-example h2,
.glossary-related h2 {
	margin: 0 0 var(--space-6);
	font-size: var(--text-3xl);
}

.glossary-related h3 {
	margin: var(--space-8) 0 var(--space-3);
	font-size: var(--text-lg);
}

.glossary-chips {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	padding: 0;
	list-style: none;
}

.glossary-chips a {
	display: inline-flex;
	padding: var(--space-2) var(--space-4);
	background: hsl(var(--muted));
	border: 1px solid hsl(var(--border));
	border-radius: var(--radius-pill);
	font-size: var(--text-sm);
	font-weight: 600;
	text-decoration: none;
}

@media (max-width: 639px) {
	.glossary-group {
		grid-template-columns: 1fr;
	}

	.glossary-jump {
		position: static;
		flex-wrap: nowrap;
		overflow-x: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
/* v2 full-bleed glossary canvas with bounded content rail. */
.glossary-page{width:100%;max-width:none;padding-inline:0;overflow:clip}
.glossary-hero,.glossary-groups,.glossary-definition,.glossary-example,.glossary-related,.glossary-jump,.glossary-empty{width:min(calc(100% - (2 * var(--shell-pad))),var(--container-faq));margin-inline:auto}
.glossary-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,min(100%,var(--container-faq))) minmax(0,1fr);padding-block-start:var(--section-y)}
.glossary-hero,.glossary-groups,.glossary-definition,.glossary-example,.glossary-related{width:100vw;margin-inline:var(--full-bleed-inline);padding-inline:var(--shell-pad)}
.glossary-hero>*{grid-column:2}
.glossary-hero>:where(*:not(.glossary-filter)),.glossary-groups>*,.glossary-definition>div,.glossary-example>*,.glossary-related>*{width:min(100%,var(--container-faq));margin-inline:auto}
.glossary-filter{width:min(100%,var(--container-faq));margin-inline:auto}
.glossary-hero h1,.glossary-hero__lede{margin-inline:0}