/*
 * Load more — the busy state while the next page is being fetched. The button
 * keeps each block's own look; only the wait is styled here.
 */
[aria-busy="true"] [data-anps-more-link] {
	opacity: 0.6;
	pointer-events: none;
}

[aria-busy="true"] [data-anps-more-link] svg {
	animation: anps-load-more-spin 0.9s linear infinite;
}

@keyframes anps-load-more-spin {
	to {
		transform: rotate( 360deg );
	}
}

@media ( prefers-reduced-motion: reduce ) {
	[aria-busy="true"] [data-anps-more-link] svg {
		animation: none;
	}
}

/* A pager whose archive is exhausted is REMOVED, button and count together —
   hiding the button alone left the progress line behind in a bordered box of
   its own. `[hidden]` still covers markup that carries a link but no pager
   container, and every block sets its own `display` on the link, which beats
   the UA's [hidden]. */
[data-anps-more-link][hidden] {
	display: none !important;
}

/* What replaces the pager: the removal, announced. Read out, never seen, and
   laid out as nothing so no block gains a stray box at the end of its list. */
.anps-load-more__end {
	position: absolute;
	overflow: hidden;
	clip-path: inset( 50% );
	inline-size: 1px;
	block-size: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	white-space: nowrap;
}