/* ---------------------------------------------------------------------------
 * Design System 8 — Frontier Pulse
 * Data-Rich · Modern Newsroom · High-Density
 *
 * Dashboard-like information architecture, live indicators, compact meta,
 * dense but scannable modules.
 * ------------------------------------------------------------------------- */

body.np-system-frontier-pulse .np-section__head {
	border-bottom: 1px solid var(--np-color-neutral-3);
	align-items: center;
}

body.np-system-frontier-pulse .np-section__title {
	font-family: var(--np-font-mono);
	font-size: var(--np-size-md);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--np-color-primary);
}

/* Cards become compact data tiles. */
body.np-system-frontier-pulse .np-latest__grid {
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 0.75rem;
}

body.np-system-frontier-pulse .np-card {
	border-radius: var(--np-radius-sm);
	box-shadow: none;
	border-color: var(--np-color-neutral-3);
}

body.np-system-frontier-pulse .np-card:hover {
	transform: none;
	border-color: var(--np-color-primary);
	box-shadow: none;
}

body.np-system-frontier-pulse .np-card__body {
	padding: 0.75rem;
}

body.np-system-frontier-pulse .np-card__title {
	font-size: var(--np-size-sm);
	font-weight: 600;
	line-height: 1.35;
}

body.np-system-frontier-pulse .np-card__excerpt {
	display: none;
}

/* Monospace meta with data-panel feel. */
body.np-system-frontier-pulse .np-meta,
body.np-system-frontier-pulse .np-card__meta {
	font-family: var(--np-font-mono);
	font-size: var(--np-size-xs);
	letter-spacing: 0.04em;
}

/* Live indicators are prominent signal chips. */
body.np-system-frontier-pulse .np-live__item {
	border-left: 0;
	border-radius: var(--np-radius-sm);
	background: var(--np-color-surface);
	box-shadow: none;
	border: 1px solid var(--np-color-neutral-3);
}

body.np-system-frontier-pulse .np-live__item-dot {
	background: var(--np-color-error);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--np-color-error) 18%, transparent);
}

/* Trending: rank as a monospace data column. */
body.np-system-frontier-pulse .np-trending__rank {
	font-family: var(--np-font-mono);
	font-size: var(--np-size-xl);
	color: var(--np-color-muted);
}

body.np-system-frontier-pulse .np-trending__item {
	border-bottom: 1px solid var(--np-color-neutral-3);
	padding-bottom: 0.75rem;
}

/* Hero rail: compact dossier rows. */
body.np-system-frontier-pulse .np-hero__item {
	border-bottom: 1px solid var(--np-color-neutral-3);
	padding-bottom: 0.5rem;
}

body.np-system-frontier-pulse .np-hero__item-media img {
	width: 100px;
	height: 66px;
}

/* Section dividers as thin data rules. */
body.np-system-frontier-pulse .np-section + .np-section {
	border-top: 1px dashed var(--np-color-neutral-3);
}

/* Article metadata gets the terminal treatment. */
body.np-system-frontier-pulse .np-article__meta {
	font-family: var(--np-font-mono);
	font-size: var(--np-size-xs);
}

body.np-system-frontier-pulse .np-article__title {
	font-weight: 700;
	letter-spacing: -0.01em;
}

/* Newsletter becomes a signal strip. */
body.np-system-frontier-pulse .np-newsletter {
	border-radius: var(--np-radius-sm);
	background: var(--np-color-surface);
	border: 1px solid var(--np-color-neutral-3);
	color: var(--np-color-ink);
	box-shadow: none;
}

body.np-system-frontier-pulse .np-newsletter .np-btn {
	border-radius: var(--np-radius-sm);
}