/* The embedded list stays on Driftport; only its surrounding UI is styled here. */
.nd-inner .entry-content .nd-participants-widget {
	min-width: 0;
	margin-block: 1.5rem 3rem;
	overflow: hidden;
	border: 1px solid var(--nd-content-rule, #deded9);
	border-radius: 12px;
	background: #fff;
}
.nd-participants-widget iframe {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 500px;
	border: 0;
	background: #fff;
}
.nd-participants-widget iframe:focus-visible {
	outline: 2px solid var(--nd-red);
	outline-offset: -2px;
}
.nd-inner .entry-content .nd-participants-widget__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.25rem;
	border-top: 1px solid var(--nd-content-rule, #deded9);
	background: var(--nd-content-paper, #f5f5f2);
	font-size: .75rem;
	line-height: 1.5;
}
.nd-participants-widget__footer span { color: #62625d; }
.nd-inner .entry-content .nd-participants-widget__footer a {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	flex: 0 0 auto;
	font-weight: 700;
	text-decoration: none;
}
.nd-participants-widget__footer a:hover { text-decoration: underline; }
.nd-participants-widget__footer svg {
	width: 1rem;
	height: 1rem;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
}
@media (max-width: 600px) {
	.nd-inner .entry-content .nd-participants-widget { margin-block: 1rem 2rem; }
	.nd-participants-widget iframe { height: 420px; height: min(500px, 65svh); }
	.nd-inner .entry-content .nd-participants-widget__footer {
		flex-direction: column;
		align-items: flex-start;
		gap: .5rem;
		padding: .875rem 1rem;
	}
}
