/**
 * SeoCraft Connector v1.6.0 — Link Preview card + Wiki-style externals/citations.
 * Neutral light card, độc lập theme (không kế thừa font-size/line-height của theme).
 */

/* ── v1.6.0: external link icon ↗ kiểu Wikipedia (class gắn bởi JS) ───────── */
a.sc-ext::after {
	content: "";
	display: inline-block;
	width: 0.7em;
	height: 0.7em;
	margin-left: 0.28em;
	vertical-align: baseline;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23667' d='M6 1h5v5L9.2 4.2 5.1 8.3 3.7 6.9 7.8 2.8 6 1zM1 3h3.5v1.5H2.5v5h5V7.5H9V11H1V3z'/%3E%3C/svg%3E") no-repeat center / contain;
	opacity: 0.75;
}

/* ── v1.6.0: citation marker [n] + danh sách nguồn kiểu Wikipedia ─────────── */
sup.sc-cite {
	font-size: 0.72em;
	line-height: 0;
	vertical-align: super;
}

sup.sc-cite a {
	text-decoration: none;
	padding: 0 1px;
}

ol.sc-sources {
	font-size: 0.92em;
}

ol.sc-sources li {
	margin-bottom: 0.4em;
}

/* Nhấp [n] nhảy xuống nguồn → flash nền vàng nhạt như Wikipedia */
ol.sc-sources li:target {
	background: #fef6e7;
	outline: 2px solid #fde2a3;
}

/* Card variant cho popup citation: chỉ có body chữ */
.seocraft-lp-body.sc-cite-body {
	font-size: 13.5px;
	color: #202122;
}

.seocraft-lp-body.sc-cite-body a {
	color: #3366cc;
}
.seocraft-lp-card {
	position: absolute;
	z-index: 99999;
	display: none;
	width: 320px;
	max-width: calc(100vw - 24px);
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
	overflow: hidden;
	font-size: 14px;
	line-height: 1.45;
	text-align: left;
}

.seocraft-lp-card.is-visible {
	display: block;
}

.seocraft-lp-img {
	aspect-ratio: 16 / 9;
	background: #f0f0f0;
}

.seocraft-lp-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0;
	border-radius: 0;
}

.seocraft-lp-body {
	padding: 12px 14px 13px;
}

.seocraft-lp-title {
	display: block;
	margin: 0 0 6px;
	font-size: 15px;
	font-weight: 600;
	color: #202122;
	text-decoration: none;
}

.seocraft-lp-title:hover {
	color: #202122;
	text-decoration: underline;
}

.seocraft-lp-excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0;
	color: #54595d;
}