/*
 * MIC Insights — Journal presentation (archive + single).
 * Layer B only. Consumes Core tokens + the shared Experience shell.
 */

/* ---------------- Archive hero ---------------- */
.insights-hero {
	padding-block: clamp(5rem, 11vw, 10rem);
	background: var(--mic-color-authority);
	color: var(--mic-color-ink);
}
.insights-hero__inner { max-width: 46rem; }
.insights-hero__statement {
	margin: var(--mic-space-5) 0 0;
	max-width: 24ch;
	font-family: var(--mic-font-serif);
	font-size: var(--mic-type-display);
	font-weight: 500;
	line-height: var(--mic-leading-tight);
	letter-spacing: var(--mic-tracking-tight);
}
.insights-hero__lead {
	margin: var(--mic-space-6) 0 0;
	max-width: var(--mic-layout-reading);
	font-size: var(--mic-type-lead);
	color: var(--mic-color-ink-soft);
}

/* ---------------- Archive list ---------------- */
.insights-list { padding-block: clamp(3.5rem, 7vw, 6rem); background: var(--mic-color-canvas); }
.insights-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
	gap: var(--mic-space-6);
}
.insight-card {
	display: flex;
	background: var(--mic-color-surface);
	border: 1px solid var(--mic-color-border);
}
.insight-card__link {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: clamp(1.25rem, 2.5vw, 2rem);
	color: inherit;
	text-decoration: none;
}
.insight-card__media {
	display: block;
	margin: calc(-1 * clamp(1.25rem, 2.5vw, 2rem)) calc(-1 * clamp(1.25rem, 2.5vw, 2rem)) var(--mic-space-6);
	aspect-ratio: 16 / 9;
	overflow: hidden;
}
.insight-card__media .mic-cover { width: 100%; height: 100%; }
.insight-card__excerpt {
	margin: var(--mic-space-5) 0 0;
	min-height: 3.4em;
	color: var(--mic-color-ink-soft);
	line-height: var(--mic-leading-normal);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.insight-card__cta {
	margin-top: auto;
	padding-top: var(--mic-space-6);
	font-size: var(--mic-type-small);
	font-weight: var(--mic-font-weight-semibold);
	text-transform: uppercase;
	letter-spacing: var(--mic-tracking-wide);
	color: var(--mic-color-ink);
}
.insight-card__link:hover .insight-card__cta { color: var(--mic-color-evidence-text); }

.insights-pagination { margin-top: var(--mic-space-9); }
.insights-pagination .nav-links { display: flex; gap: var(--mic-space-3); }
.insights-pagination a,
.insights-pagination span.current {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	height: 2.5rem;
	padding-inline: var(--mic-space-3);
	border: 1px solid var(--mic-color-border);
	text-decoration: none;
	color: var(--mic-color-ink);
}
.insights-pagination span.current {
	background: var(--mic-color-authority);
	color: var(--mic-color-paper);
	border-color: var(--mic-color-authority);
}

/* Reading column */
.insight-single { padding-block: 0 clamp(4rem, 8vw, 7rem); }
.insight-single__body {
	margin: clamp(3rem, 6vw, 4.5rem) auto 0;
	max-width: var(--mic-layout-reading);
	font-size: var(--mic-type-md);
	line-height: var(--mic-leading-relaxed);
	color: var(--mic-color-ink-soft);
}
.insight-single__body > p:first-of-type {
	margin-top: 0;
	font-size: 1.16em;
	line-height: 1.6;
	color: var(--mic-color-ink);
}
.insight-single__body h1,
.insight-single__body h2,
.insight-single__body h3 {
	margin-top: clamp(2rem, 4vw, 3rem);
	color: var(--mic-color-ink);
	font-family: var(--mic-font-serif);
	line-height: var(--mic-leading-snug);
}
.insight-single__body a { color: var(--mic-color-evidence-text); }

.insight-single__next {
	margin-top: clamp(3rem, 6vw, 5rem);
	padding-top: var(--mic-space-7);
	border-top: 3px solid var(--mic-color-evidence);
	max-width: 44rem;
}
.insight-single__next-line {
	margin: var(--mic-space-4) 0 var(--mic-space-7);
	max-width: 30ch;
	font-family: var(--mic-font-serif);
	font-size: var(--mic-type-h3);
	line-height: var(--mic-leading-snug);
}

@media (max-width: 768px) {
	.insights-hero__statement { max-width: none; }
}