/*
 * MIC Profile — public Authority Experience styles.
 *
 * M5.6 restraint pass: the quietest asset in the MIC system.
 * Authority is expressed through evidence + restraint, not spectacle.
 *
 * Consumes MIC Design Language tokens only. No new primitive, no new
 * typography system, no hardcoded colour, no motion.
 */

/* ----------------------------------------------------------- Statement --- */
.mic-profile__statement {
	background: var(--mic-color-surface);
	color: var(--mic-color-ink);
}
.mic-profile__statement-inner {
	display: grid;
	gap: var(--mic-space-5);
	padding-block: var(--mic-space-11);
}
.mic-profile__name {
	margin: 0;
	font-size: var(--mic-type-h2);
	line-height: var(--mic-leading-snug);
	letter-spacing: var(--mic-tracking-tight);
	font-weight: var(--mic-font-weight-regular);
	color: var(--mic-color-ink);
}

/* ---------------------------------------------------------------- body --- */
.mic-profile__body {
	display: grid;
	gap: var(--mic-space-11);
	padding-block: var(--mic-section-padding);
}
.mic-profile__scene {
	display: grid;
	gap: var(--mic-space-5);
}

/* ------------------------------------------------------------ Evidence --- */
/* metric → context → source, legible and undecorated. */
.mic-profile__evidence-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: var(--mic-space-6);
	margin: 0;
	padding: 0;
	list-style: none;
}
.mic-profile__evidence-item {
	display: grid;
	gap: var(--mic-space-2);
	padding-top: var(--mic-space-4);
	border-top: 1px solid var(--mic-color-border);
}
.mic-profile__evidence-item .mic-metric {
	font-family: var(--mic-font-sans);
}
.mic-profile__evidence-source {
	font-size: var(--mic-type-caption);
	color: var(--mic-color-ink-faint);
}

/* --------------------------------------------------------- Perspective --- */
/* The serif judgement voice — reuses .mic-statement, no new type system. */
.mic-profile__perspective .mic-statement {
	max-width: var(--mic-reading-measure);
}

/* ----------------------------------------------------------------- Work --- */
/* A register of where the judgement is used — not a portfolio archive. */
.mic-profile__work-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mic-profile__work-item {
	border-bottom: 1px solid var(--mic-color-border-faint);
}
.mic-profile__work-item a {
	display: flex;
	align-items: baseline;
	gap: var(--mic-space-4);
	padding: var(--mic-space-3) 0;
	color: inherit;
	text-decoration: none;
}
.mic-profile__work-type {
	flex: 0 0 auto;
	font-size: var(--mic-label-size);
	font-weight: var(--mic-font-weight-semibold);
	letter-spacing: var(--mic-label-tracking);
	text-transform: uppercase;
	color: var(--mic-color-evidence-text);
}
.mic-profile__work-title {
	font-size: var(--mic-type-md);
}
.mic-profile__work-item a:hover .mic-profile__work-title {
	text-decoration: underline;
}

/* ---------------------------------------------------------- Responsive --- */
@media screen and (max-width: 600px) {
	.mic-profile__statement-inner {
		padding-block: var(--mic-space-9);
	}
	.mic-profile__work-item a {
		flex-direction: column;
		gap: var(--mic-space-1);
	}
}

/* ------------------------------------------------------ Reduced motion --- */
/* M5.6 introduces no motion; any inherited reveal/transition is disabled. */
@media (prefers-reduced-motion: reduce) {
	.mic-profile,
	.mic-profile * {
		animation: none !important;
		transition: none !important;
	}
}