/* Two-card chapter grid */

.chapter-grid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:18px 26px;
	margin-top:28px;
}

.chapter-card{
	min-height:96px;
	padding:18px 20px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	text-decoration:none;
	color:#ffe8ac;
	background:
		linear-gradient(180deg, rgba(68, 24, 32, .76), rgba(32, 10, 17, .82));
	border:1px solid rgba(190, 140, 74, .48);
	border-radius:14px;
	box-shadow:0 10px 24px rgba(0,0,0,.18);
	transition:
		transform .16s ease,
		border-color .16s ease,
		box-shadow .16s ease,
		background .16s ease;
}

.chapter-card:hover{
	transform:translateY(-3px);
	border-color:rgba(255, 226, 157, .86);
	box-shadow:0 16px 34px rgba(0,0,0,.28), 0 0 18px rgba(255, 216, 133, .12);
	background:
		linear-gradient(180deg, rgba(95, 30, 42, .82), rgba(42, 12, 21, .88));
}

.chapter-number{
	display:block;
	font-size:18px;
	font-weight:bold;
	letter-spacing:.04em;
	margin-bottom:8px;
	color:#fff1bd;
}

.chapter-name{
	display:block;
	font-size:18px;
	line-height:1.35;
	color:#ffe0a1;
}

@media(max-width:760px){
	.chapter-grid{
		grid-template-columns:1fr;
		gap:14px;
	}

	.chapter-card{
		min-height:84px;
	}

	.chapter-number,
	.chapter-name{
		font-size:17px;
	}
}