/* apiscrapy.com — "Key Takeaways" box ([apiscrapy_takeaways] / [key_takeaways]).
 *
 * Clean white card: hairline border, no heavy shadow. Title with a short brand accent
 * underline, simple purple dot bullets, and thin dividers between rows. Brand: #9b51e0 / #cf2e2e.
 * Loaded only where the shortcode is used; pure CSS, fixed layout => no CWV impact. */

.apx-kb {
	--apx-purple: #9b51e0;
	--apx-red: #cf2e2e;
	margin: 34px 0 !important;
	padding: 22px 26px;
	border: 1px solid #ebe8f2;
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 8px 26px -22px rgba(23, 18, 38, .18);
}

.apx-kb .apx-kb-title {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 27px !important;
	line-height: 1.2 !important;
	font-weight: 800 !important;
	letter-spacing: -.02em;
	color: #171226 !important;
}
.apx-kb .apx-kb-list {
	list-style: none !important;
	margin: 14px 0 0 !important;
	padding: 0 !important;
}
.apx-kb .apx-kb-list li {
	position: relative;
	margin: 0 !important;
	padding: 16px 4px 16px 30px !important;
	border-top: 1px solid #efedf5;
	font-size: 16px !important;
	line-height: 1.6 !important;
	color: #3a3550 !important;
	list-style: none !important;
}
.apx-kb .apx-kb-list li:last-child { padding-bottom: 4px !important; }

/* simple purple dot bullet, aligned with the first line */
.apx-kb .apx-kb-list li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 23px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--apx-purple);
}

.apx-kb .apx-kb-list li a {
	color: var(--apx-purple) !important;
	text-decoration: underline;
	font-weight: 600;
}
.apx-kb .apx-kb-list li strong {
	color: #171226 !important;
	font-weight: 700;
}

@media (max-width: 600px) {
	.apx-kb { padding: 28px 24px; }
	.apx-kb .apx-kb-title { font-size: 23px !important; }
	.apx-kb .apx-kb-list li { font-size: 15px !important; padding-left: 28px !important; }
}