/*
 * Landing Pad Asia: glossary index and term styles
 * Matches design/glossary-index-mockup.html and design/glossary-term-mockup.html.
 * Reuses .lpa-prose (market.css), .lpa-cross/.lpa-where (product.css) and
 * .lpa-empty-note (category.css); the inline a.lpa-term style lives in global.css.
 */

/* ---- Main content spacing ---- */

.lpa-glossary-page { padding-bottom: 64px; }

/* ---- Page head (index and term) ---- */

.lpa-page-head { padding-top: 24px; }
.lpa-page-head h1 { margin-bottom: 12px; }
.lpa-page-head .lpa-lede { max-width: 66ch; }

/* ---- A-Z nav ---- */

.lpa-az-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 16px;
}

.lpa-az-nav a {
	min-height: 36px;
	min-width: 36px;
	padding: 0 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid oklch(0.94 0.01 248.12);
	border-radius: 8px;
	font-weight: 700;
	font-size: 0.85rem;
}

/* ---- Term list (index) ---- */

.lpa-terms {
	list-style: none;
	margin: 24px 0 0;
	padding: 0;
	display: grid;
	gap: 12px;
}

.lpa-terms li {
	border: 1px solid oklch(0.94 0.01 248.12);
	border-radius: 8px;
	padding: 24px;
	background: #ffffff;
}

.lpa-terms a.lpa-term-link { font-weight: 800; color: oklch(0.25 0.04 245.54); }
.lpa-terms a.lpa-term-link:hover { color: oklch(0.5 0.15 251.66); }

.lpa-terms .lpa-def {
	margin: 2px 0 0;
	color: oklch(0.52 0.03 245.11);
	font-size: 0.95rem;
}