/* ---------- Template grid (mirrors card/chip aesthetic) ---------- */
.template-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	margin-left: 50px;
	padding-top: 1.5rem;
}

.template-category {
	background: white;
	padding: 1.25rem;
	border: 1px solid var(--ink);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	cursor: pointer;
}

.template-category:hover {
	transform: translateY(-4px);
	box-shadow: 0 4px 0 var(--ink);
}

.category-title {
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 0.75rem 0;
	padding-bottom: 0.5rem;
}

.template-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.template-list li {
	padding: 0.3rem 0;
	border-bottom: 1px solid rgba(0,0,0,0.06);
	font-weight: 300;
	font-size: 14px;
}

.template-list li:last-child {
	border-bottom: none;
}

/* ---------- Driftfile showcase ---------- */
.yaml-window {
	background-color: #1e1e1e;
	color: #dadada;
	font-family: 'Courier New', monospace;
	font-size: 13px;
	padding: 1.5rem;
	border: 1px solid var(--ink);
	overflow-x: auto;
	line-height: 1.6;
}

.yaml-window .key { color: #9CDCFE; }
.yaml-window .str { color: #CE9178; }
.yaml-window .comment { color: #6A9955; }
.yaml-window .punct { color: #dadada; }