/* ---------------------------------------------------------------------------
 * Archive treatment — Dense (Monsoon Dark)
 * Compact, dark briefing list with square thumbs and mono index.
 * ------------------------------------------------------------------------- */

body.np-system-monsoon-dark .np-arch {
	max-width: 1000px;
	margin-inline: auto;
	padding-inline: 1.5rem;
}

body.np-system-monsoon-dark .np-arch__head--dense {
	padding: 2.5rem 0 1.5rem;
}

body.np-system-monsoon-dark .np-arch__head--dense .np-eyebrow {
	color: var(--np-color-primary, #38bdf8);
	text-shadow: 0 0 14px color-mix(in srgb, var(--np-color-primary) 60%, transparent);
}

body.np-system-monsoon-dark .np-arch__title {
	color: var(--np-color-neutral-4, #e9edf3);
	font-size: clamp(1.8rem, 4vw, 2.6rem);
	margin: 0.25rem 0 0;
}

body.np-system-monsoon-dark .np-arch__desc {
	color: color-mix(in srgb, var(--np-color-neutral-4, #e9edf3) 70%, transparent);
}

body.np-system-monsoon-dark .np-arch-dense {
	border-top: 1px solid color-mix(in srgb, var(--np-color-neutral-4, #e9edf3) 16%, transparent);
	padding-bottom: 3rem;
}

body.np-system-monsoon-dark .np-arch-dense__row {
	display: grid;
	grid-template-columns: 44px 84px 1fr 140px;
	gap: 1.25rem;
	align-items: center;
	padding: 1rem 0;
	border-bottom: 1px solid color-mix(in srgb, var(--np-color-neutral-4, #e9edf3) 12%, transparent);
}

body.np-system-monsoon-dark .np-arch-dense__row:hover {
	background: color-mix(in srgb, var(--np-color-neutral-4, #e9edf3) 4%, transparent);
}

body.np-system-monsoon-dark .np-arch-dense__index {
	font-family: var(--np-font-mono, monospace);
	font-size: var(--np-size-xs, 0.75rem);
	color: var(--np-color-primary, #38bdf8);
}

body.np-system-monsoon-dark .np-arch-dense__thumb {
	display: block;
	width: 84px;
	height: 84px;
	overflow: hidden;
	border-radius: 4px;
}

body.np-system-monsoon-dark .np-arch-dense__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(0.8);
}

body.np-system-monsoon-dark .np-arch-dense__title {
	font-size: var(--np-size-md, 1.05rem);
	line-height: 1.3;
	margin: 0 0 0.25rem;
}

body.np-system-monsoon-dark .np-arch-dense__title a {
	color: var(--np-color-neutral-4, #e9edf3);
}

body.np-system-monsoon-dark .np-arch-dense__excerpt {
	font-size: var(--np-size-sm, 0.85rem);
	color: color-mix(in srgb, var(--np-color-neutral-4, #e9edf3) 62%, transparent);
	margin: 0;
}

body.np-system-monsoon-dark .np-arch-dense__meta {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	text-align: right;
	font-family: var(--np-font-mono, monospace);
	font-size: var(--np-size-xs, 0.72rem);
	color: color-mix(in srgb, var(--np-color-neutral-4, #e9edf3) 55%, transparent);
}

body.np-system-monsoon-dark .np-arch__empty {
	padding: 3rem 0;
	color: color-mix(in srgb, var(--np-color-neutral-4, #e9edf3) 60%, transparent);
}

@media (max-width: 760px) {
	body.np-system-monsoon-dark .np-arch-dense__row {
		grid-template-columns: 36px 64px 1fr;
		gap: 0.75rem;
	}

	body.np-system-monsoon-dark .np-arch-dense__thumb {
		width: 64px;
		height: 64px;
	}

	body.np-system-monsoon-dark .np-arch-dense__meta {
		grid-column: 3;
		flex-direction: row;
		text-align: left;
	}
}