/* «جديد»: the newest course + free book card (includes/spotlight). */
.lwnsp-section { margin: 0 0 40px; }
.lwnsp-section__title { margin: 0 0 14px; font-size: 22px; color: #143447; }
.lwnsp {
	display: grid;
	grid-template-columns: 170px 1fr;
	gap: 28px;
	align-items: center;
	padding: 26px;
	border: 1px solid #f4c6cd;
	border-radius: 20px;
	background: linear-gradient(135deg, #fff5f6 0%, #ffffff 60%);
	box-shadow: 0 10px 30px -18px rgba(20, 52, 71, 0.35);
}
.lwnsp__cover a { display: block; }
.lwnsp > p:empty { display: none; }
.lwnsp__cover img, .lwnsp__cover .lwnlib-cover { display: block; width: 100%; height: auto; border-radius: 10px; box-shadow: 0 12px 24px -12px rgba(20, 52, 71, 0.5); }
.lwnsp__eyebrow { margin: 0 0 8px; font-size: 14px; font-weight: 600; color: #475467; display: flex; align-items: center; gap: 8px; }
.lwnsp__new { display: inline-block; padding: 2px 10px; border-radius: 999px; background: #e8475f; color: #fff; font-size: 13px; font-weight: 700; }
.lwnsp__title { margin: 0 0 8px; font-size: 24px; line-height: 1.4; }
.lwnsp__title a { color: #143447; text-decoration: none; }
.lwnsp__title a:hover { text-decoration: underline; text-underline-offset: 4px; }
.lwnsp__lead { margin: 0 0 14px; color: #475467; font-size: 15px; line-height: 1.8; }
.lwnsp__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; padding: 0; list-style: none; }
.lwnsp__chips li { padding: 4px 12px; border-radius: 999px; background: #eef2f6; color: #143447; font-size: 13px; font-weight: 600; }
.lwnsp__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.lwnsp__actions form { margin: 0; display: flex; }
.lwnsp-btn {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 50px; padding: 12px 30px; align-self: center; box-sizing: border-box; border: 1px solid #e8475f; border-radius: 10px;
	background: #e8475f; color: #fff !important; font: inherit; font-size: 16px; font-weight: 700; box-shadow: 0 8px 18px -8px rgba(232, 71, 95, 0.7); transition: transform .15s ease, box-shadow .15s ease;
	text-decoration: none !important; cursor: pointer; white-space: nowrap; line-height: 1.4;
}
.lwnsp-btn:hover { filter: brightness(0.95); transform: translateY(-1px); box-shadow: 0 12px 22px -10px rgba(232, 71, 95, 0.8); }
.lwnsp-btn:focus-visible { outline: 3px solid rgba(232, 71, 95, 0.35); outline-offset: 2px; }
.lwnsp-btn.is-ghost { box-shadow: none; background: #fff; color: #143447 !important; border-color: #d0d5dd; }
@media (max-width: 640px) {
	.lwnsp { grid-template-columns: 1fr; gap: 18px; padding: 20px; text-align: center; }
	.lwnsp__cover { width: 140px; margin: 0 auto; }
	.lwnsp__eyebrow, .lwnsp__chips, .lwnsp__actions { justify-content: center; }
	.lwnsp__actions > * { flex: 1 1 100%; }
	.lwnsp__actions .lwnsp-btn { width: 100%; }
	.lwnsp__title { font-size: 21px; }
}