/* Glossary index and term pages. Shared colour tokens come from style.css. */

.az-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin: 0.4rem 0 0.2rem;
}
.az-nav a,
.az-nav span {
	min-width: 2.2rem;
	min-height: 2.2rem;
	display: inline-grid;
	place-items: center;
	border-radius: 0.45rem;
	font-weight: 700;
	text-decoration: none;
}
.az-nav a {
	background: var(--card);
	border: 1px solid var(--line);
}
.az-empty { color: var(--line); }
.term-meta { color: var(--muted); }
.term-meta a { font-weight: 650; }
.glossary-letter { margin: 1.6rem 0 0.4rem; }
.glossary-letter h2 {
	font-size: 1.4rem;
	margin-bottom: 0.7rem;
}
.glossary-term .entry-body p:last-child { margin-bottom: 0; }
.term-example {
	margin: 1rem 0 1rem;
	padding: 0.9rem 1rem 0.2rem;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 1rem;
}
.term-example h3 { margin: 0 0 0.4rem; font-size: 1.15rem; }
.glossary-letter .entry-card h3 {
	font-family: Newsreader, Georgia, serif;
	font-size: 1.45rem;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.15;
	margin: 0 0 0.35rem;
}
.glossary-letter .entry-card h3 a { color: inherit; text-decoration: none; }

@media (max-width: 720px) {
	.az-nav a,
	.az-nav span {
		min-width: 2.5rem;
		min-height: 2.5rem;
	}
	.glossary-letter .card-grid { grid-template-columns: 1fr; }
}