/* ── Mount container ───────────────────────────────────────────────────── */
#tgg-is-mount {
	/* Sits inside #wi-main — no extra margin needed at the top */
}

/* ── Divider between posts ─────────────────────────────────────────────── */
.tgg-is-divider {
	border: none;
	border-top: 1px solid #e0e0e0;
	margin: 48px 0 0;
}

/* ── "Next: Post Title" label ─────────────────────────────────────────── */
.tgg-is-heading {
	padding: 10px 0 28px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #aaa;
	text-align: center;
}

.tgg-is-heading a {
	color: inherit;
	text-decoration: none;
	font-weight: 700;
}

.tgg-is-heading a:hover {
	color: #555;
}

/* ── Injected article ─────────────────────────────────────────────────── */
.tgg-is-post {
	/* Inherits all #wi-main styles — no overrides needed for text/headings */
}

/* ── Loading indicator ─────────────────────────────────────────────────── */
.tgg-is-loader {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 40px 0;
	color: #bbb;
	font-size: 12px;
}

.tgg-is-spinner {
	width: 18px;
	height: 18px;
	border: 2px solid #e8e8e8;
	border-top-color: #bbb;
	border-radius: 50%;
	animation: tgg-spin .75s linear infinite;
	flex-shrink: 0;
}

@keyframes tgg-spin {
	to { transform: rotate(360deg); }
}

/* ── Sentinel (invisible trigger element) ──────────────────────────────── */
.tgg-is-sentinel {
	height: 1px;
	visibility: hidden;
	pointer-events: none;
}

/* ── End-of-category cap ───────────────────────────────────────────────── */
.tgg-is-end {
	padding: 40px 0 20px;
	text-align: center;
	font-size: 12px;
	color: #ccc;
	letter-spacing: .04em;
}