/* External Link Notice popup */
html.eln-open { overflow: hidden; }

.eln-overlay {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(0, 0, 0, 0.55);
	animation: eln-fade 0.15s ease-out;
}
.eln-overlay[hidden] { display: none; }

.eln-dialog {
	box-sizing: border-box;
	width: 100%;
	max-width: 460px;
	padding: 28px 28px 22px;
	background: #fff;
	color: #1d2327;
	border-radius: 10px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
	font-family: inherit;
	text-align: left;
	animation: eln-pop 0.18s ease-out;
}

.eln-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin: 0 auto 14px;
	border-radius: 50%;
	color: var(--eln-yes-bg, #2271b1);
	background: rgba(34, 113, 177, 0.12); /* fallback */
	background: color-mix(in srgb, var(--eln-yes-bg, #2271b1) 14%, transparent);
}
.eln-icon svg { display: block; width: 28px; height: 28px; }

.eln-has-icon { text-align: center; }
.eln-has-icon .eln-actions { justify-content: center; }

.eln-title {
	margin: 0 0 10px;
	padding: 0;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 700;
	color: inherit;
}

.eln-msg {
	margin: 0 0 10px;
	padding: 0;
	font-size: 16px;
	line-height: 1.5;
}

.eln-url {
	margin: 0 0 22px;
	padding: 0;
	font-size: 13px;
	line-height: 1.4;
	color: #646970;
	word-break: break-all;
}

.eln-actions {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}

.eln-btn {
	min-width: 90px;
	margin: 0;
	padding: 10px 18px;
	border: 1px solid #c3c4c7;
	border-radius: 6px;
	background: var(--eln-no-bg, #fff);
	color: var(--eln-no-text, #1d2327);
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
}
.eln-btn:hover { filter: brightness(0.92); }
.eln-btn:focus-visible { outline: 2px solid var(--eln-yes-bg, #2271b1); outline-offset: 2px; }

.eln-yes {
	border-color: var(--eln-yes-bg, #2271b1);
	background: var(--eln-yes-bg, #2271b1);
	color: var(--eln-yes-text, #fff);
}

@keyframes eln-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes eln-pop  { from { transform: scale(0.96); opacity: 0; } to { transform: none; opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
	.eln-overlay, .eln-dialog { animation: none; }
}