/* Main-column navigation shared by daily and weekly AI-news detail pages. */

.dm-ai-next--main {
	width: 100%;
	margin: 26px 0 0;
}

.dm-ai-next--main.dm-ai-next--top {
	margin-top: 26px;
}

.dm-ai-next--main.dm-ai-next--bottom {
	margin-top: 32px;
	padding-top: 20px;
	border-top: 1px solid #dde3e9;
}

.dm-ai-next--main > .dm-widget__h {
	margin: 0 0 4px;
	padding: 0 0 3px;
	border-bottom: 2px solid #0d141b;
	color: #0071c8;
	font-family: var(--dm-mono, monospace);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: .08em;
	text-transform: none;
}

.dm-ai-next--main .dm-ai-next__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.dm-ai-next--main.dm-ai-next--count-1 .dm-ai-next__list {
	grid-template-columns: minmax(0, 1fr);
}

.dm-ai-next--main.dm-ai-next--count-2 .dm-ai-next__list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dm-ai-next--main .dm-ai-next__card {
	min-width: 0;
	min-height: 118px;
	align-content: start;
	padding: 15px 16px 16px;
}

.dm-ai-next--main .dm-ai-next__title {
	font-size: 14px;
	line-height: 1.65;
	-webkit-line-clamp: 3;
}

.dm-ai-next--daily-layout .dm-ai-next__daily-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 4px;
}

.dm-ai-next--daily-layout .dm-ai-next__daily-card {
	display: grid;
	min-width: 0;
	min-height: 0;
	align-content: start;
	gap: 1px;
	padding: 5px 8px 6px;
	border: 1px solid #d7e0e7;
	background: #fff;
	color: #0d141b;
	text-decoration: none;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.dm-ai-next--daily-layout .dm-ai-next__daily-card:hover,
.dm-ai-next--daily-layout .dm-ai-next__daily-card:focus-visible,
.dm-ai-next--daily-layout .dm-ai-next__weekly-card:hover,
.dm-ai-next--daily-layout .dm-ai-next__weekly-card:focus-visible {
	border-color: #0071c8;
	box-shadow: 4px 4px 0 rgba(0, 113, 200, .12);
	color: #0d141b;
	transform: translate(-1px, -1px);
}

.dm-ai-next--daily-layout .dm-ai-next__direction {
	color: #0071c8;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
	white-space: nowrap;
}

.dm-ai-next--daily-layout .dm-ai-next__daily-card .dm-ai-next__title {
	overflow: hidden;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dm-ai-next--daily-layout .dm-ai-next__daily-card--next {
	text-align: right;
}

.dm-ai-next--daily-layout .dm-ai-next__daily-card--next .dm-ai-next__meta {
	justify-content: flex-end;
}

.dm-ai-next--daily-layout .dm-ai-next__weekly-card {
	display: flex;
	min-width: 0;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 4px;
	padding: 6px 8px;
	border: 1px solid #b9d7ec;
	border-left: 4px solid #0071c8;
	background: #f2f8fc;
	color: #0d141b;
	text-decoration: none;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.dm-ai-next--daily-layout .dm-ai-next__weekly-copy {
	display: grid;
	min-width: 0;
	gap: 1px;
}

.dm-ai-next--daily-layout .dm-ai-next__weekly-card .dm-ai-next__title {
	overflow: hidden;
	font-size: 14px;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dm-ai-next--daily-layout .dm-ai-next__weekly-cta {
	flex: 0 0 auto;
	color: #0071c8;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.dm-ai-next--bottom + .dm-ai-index-return {
	margin-top: 20px;
	padding-top: 0;
	border-top: 0;
}

/* Deliberately loud esports treatment for the daily archive navigator. */
.dm-ai-next--daily-layout {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 7px;
	border: 1px solid #29d9ff;
	background:
		radial-gradient(circle at 12% 0, rgba(255, 40, 180, .24), transparent 34%),
		radial-gradient(circle at 92% 100%, rgba(0, 229, 255, .22), transparent 38%),
		linear-gradient(135deg, #070b16 0%, #0a1423 52%, #120b22 100%);
	box-shadow:
		0 0 0 1px rgba(255, 38, 174, .4),
		0 0 18px rgba(0, 218, 255, .42),
		0 0 42px rgba(255, 38, 174, .2),
		inset 0 0 28px rgba(0, 0, 0, .72);
	clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 13px 100%, 0 calc(100% - 13px));
}

.dm-ai-next--daily-layout::before,
.dm-ai-next--daily-layout::after {
	position: absolute;
	z-index: -1;
	content: "";
	pointer-events: none;
}

.dm-ai-next--daily-layout::before {
	inset: 0;
	background-image:
		linear-gradient(rgba(53, 223, 255, .08) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 57, 184, .08) 1px, transparent 1px);
	background-size: 18px 18px;
	mask-image: linear-gradient(90deg, #000, transparent 48%, #000);
	animation: dm-ai-nav-grid 7s linear infinite;
}

.dm-ai-next--daily-layout::after {
	top: -45%;
	left: -25%;
	width: 25%;
	height: 190%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .34), transparent);
	filter: blur(3px);
	transform: rotate(17deg);
	animation: dm-ai-nav-sweep 4.2s ease-in-out infinite;
}

.dm-ai-next--daily-layout > .dm-widget__h {
	position: relative;
	z-index: 1;
	border-color: rgba(47, 220, 255, .55);
	color: #71efff;
	text-shadow:
		0 0 7px rgba(41, 217, 255, .9),
		2px 0 0 rgba(255, 42, 183, .55);
	letter-spacing: .18em;
}

.dm-ai-next--daily-layout > .dm-widget__h::after {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-left: 8px;
	border-radius: 50%;
	background: #ff35b6;
	box-shadow: 0 0 11px #ff35b6, 0 0 22px #ff35b6;
	content: "";
	animation: dm-ai-nav-pulse 1.05s steps(2, end) infinite;
}

.dm-ai-next--daily-layout .dm-ai-next__daily-grid,
.dm-ai-next--daily-layout .dm-ai-next__weekly-card {
	position: relative;
	z-index: 1;
}

.dm-ai-next--daily-layout .dm-ai-next__daily-card {
	position: relative;
	overflow: hidden;
	border-color: rgba(63, 220, 255, .55);
	background: linear-gradient(115deg, rgba(9, 20, 34, .96), rgba(15, 15, 35, .92));
	box-shadow: inset 0 0 15px rgba(0, 217, 255, .09);
	clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}

.dm-ai-next--daily-layout .dm-ai-next__daily-card--previous {
	border-color: rgba(255, 53, 182, .62);
	box-shadow: inset 0 0 16px rgba(255, 53, 182, .1);
}

.dm-ai-next--daily-layout .dm-ai-next__daily-card::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -45%;
	width: 30%;
	background: linear-gradient(90deg, transparent, rgba(103, 239, 255, .2), transparent);
	content: "";
	transform: skewX(-24deg);
	transition: left .34s ease;
}

.dm-ai-next--daily-layout .dm-ai-next__daily-card:hover::before,
.dm-ai-next--daily-layout .dm-ai-next__daily-card:focus-visible::before {
	left: 120%;
}

.dm-ai-next--daily-layout .dm-ai-next__direction {
	color: #70edff;
	text-shadow: 0 0 8px rgba(55, 219, 255, .82);
	letter-spacing: .14em;
}

.dm-ai-next--daily-layout .dm-ai-next__daily-card--previous .dm-ai-next__direction {
	color: #ff69c5;
	text-shadow: 0 0 8px rgba(255, 53, 182, .86);
}

.dm-ai-next--daily-layout .dm-ai-next__meta {
	color: #d7e7f4;
	font-variant-numeric: tabular-nums;
	letter-spacing: .12em;
}

.dm-ai-next--daily-layout .dm-ai-next__weekly-card {
	border-color: rgba(144, 102, 255, .7);
	border-left-color: #ff35b6;
	background: linear-gradient(100deg, rgba(28, 12, 46, .96), rgba(5, 30, 45, .94));
	box-shadow: inset 0 0 18px rgba(124, 89, 255, .18), 0 0 12px rgba(255, 53, 182, .12);
	color: #eef7ff;
}

.dm-ai-next--daily-layout .dm-ai-next__weekly-card .dm-ai-next__meta b {
	color: #ff69c5;
	text-shadow: 0 0 8px rgba(255, 53, 182, .72);
}

.dm-ai-next--daily-layout .dm-ai-next__weekly-cta {
	color: #70edff;
	text-shadow: 0 0 8px rgba(55, 219, 255, .8);
	letter-spacing: .14em;
}

@keyframes dm-ai-nav-grid {
	to { background-position: 18px 18px, -18px 18px; }
}

@keyframes dm-ai-nav-sweep {
	0%, 40% { left: -35%; opacity: 0; }
	52% { opacity: .8; }
	70%, 100% { left: 120%; opacity: 0; }
}

@keyframes dm-ai-nav-pulse {
	50% { opacity: .25; transform: scale(.72); }
}

@media (prefers-reduced-motion: reduce) {
	.dm-ai-next--daily-layout::before,
	.dm-ai-next--daily-layout::after,
	.dm-ai-next--daily-layout > .dm-widget__h::after {
		animation: none;
	}
}

@media (max-width: 700px) {
	.dm-ai-next--main,
	.dm-ai-next--main.dm-ai-next--top,
	.dm-ai-next--main.dm-ai-next--bottom {
		margin-top: 22px;
	}

	.dm-ai-next--main.dm-ai-next--bottom {
		padding-top: 18px;
	}

	.dm-ai-next--main .dm-ai-next__list,
	.dm-ai-next--daily-layout .dm-ai-next__daily-grid {
		grid-template-columns: 1fr;
		gap: 9px;
	}

	.dm-ai-next--main .dm-ai-next__card,
	.dm-ai-next--daily-layout .dm-ai-next__daily-card {
		min-height: 0;
	}

	.dm-ai-next--daily-layout .dm-ai-next__daily-slot--empty {
		display: none;
	}

	.dm-ai-next--daily-layout .dm-ai-next__weekly-card {
		display: grid;
		gap: 10px;
		margin-top: 9px;
	}

	.dm-ai-next--daily-layout .dm-ai-next__weekly-cta {
		justify-self: end;
	}
}