/* Glossary container */
.nxt-glossary-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
	/* Default CSS variable values */
	--nxt-glossary-term-min-width: 300px;
}

/* Search input */
.nxt-glossary-search {
	margin-bottom: 20px;
}

.nxt-glossary-search-input {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

/* Terms grid layout */
.nxt-glossary-terms {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(var(--nxt-glossary-term-min-width), 1fr));
	gap: 20px;
	margin-bottom: 20px;
}

/* Individual term styling */
.nxt-glossary-term {
	background: #fff;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.nxt-glossary-term-title {
	margin-top: 0;
	color: #333;
}

.nxt-glossary-term-content {
	color: #666;
}

/* Details/summary styling */
.nxt-glossary-term details {
	border: none;
}

.nxt-glossary-term summary {
	cursor: pointer;
	list-style: none;
}

.nxt-glossary-term summary::-webkit-details-marker {
	display: none;
}

/* Pagination and load more */
.nxt-glossary-pagination {
	margin-top: 20px;
	text-align: center;
}

.nxt-glossary-load-more {
	background: #2271b1;
	color: white;
	border: none;
	padding: 10px 20px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 16px;
}

.nxt-glossary-load-more:hover {
	background: #135e96;
}