/* About Us page: three-way switcher (story/licensing/logistics), order-flow
   steps, commitments accordion, team grid, registry table.
   Depends on tokens.css for every value — no literals below. */

.igm-about__hero {
	margin-bottom: 32px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--gray-200);
}

.igm-about__hero-intro {
	max-width: 70ch;
	font-size: 16px;
	line-height: 1.7;
	color: var(--gray-700);
}

.igm-about__stats {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin-top: 20px;
}

@media (min-width: 640px) {
	.igm-about__stats {
		grid-template-columns: repeat(4, 1fr);
	}
}

.igm-about__stat {
	padding: 14px;
	background: var(--brand-tint-08);
	border-radius: var(--radius-md);
}

.igm-about__stat-value {
	font: 800 24px/1.1 var(--font-display);
	color: var(--navy-700);
}

.igm-about__stat-label {
	margin-top: 4px;
	font-size: 12.5px;
	line-height: 1.4;
	color: var(--gray-700);
}

/* Tabs — shared shape with the NRI Corner / Safe Shopping pages */
.igm-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 24px 0;
}

.igm-tabs__btn {
	padding: 10px 16px;
	border: 1px solid var(--gray-400);
	border-radius: var(--radius-pill);
	background: var(--white);
	color: var(--navy-700);
	font: 600 13px/1 var(--font-body);
	cursor: pointer;
	transition: var(--transition-fast);
}

.igm-tabs__btn--active {
	background: var(--navy-700);
	border-color: var(--navy-700);
	color: var(--white);
}

.igm-about__panel--hidden {
	display: none;
}

.igm-about__panel-title {
	margin-bottom: 10px;
}

.igm-about__panel-body {
	max-width: 70ch;
	font-size: 15px;
	line-height: 1.8;
	color: var(--gray-700);
	margin-bottom: 20px;
}

.igm-about__points {
	display: grid;
	gap: 10px;
}

@media (min-width: 640px) {
	.igm-about__points {
		grid-template-columns: repeat(2, 1fr);
	}
}

.igm-about__point {
	display: flex;
	gap: 10px;
	padding: 14px;
	border: 1px solid var(--gray-300);
	border-radius: var(--radius-md);
}

.igm-about__point-check {
	flex: none;
	font-weight: 700;
	color: var(--navy-700);
}

.igm-about__point-title {
	font: 600 14px/1.4 var(--font-display);
	color: var(--navy-700);
}

.igm-about__point-body {
	margin-top: 3px;
	font-size: 13px;
	line-height: 1.6;
	color: var(--gray-700);
}

.igm-about__section {
	margin-top: 40px;
}

.igm-about__section h2 {
	margin-bottom: 16px;
}

/* Order-flow steps */
.igm-about__flow {
	display: grid;
	gap: 14px;
}

@media (min-width: 640px) {
	.igm-about__flow {
		grid-template-columns: repeat(2, 1fr);
	}
}

.igm-about__flow-step {
	display: flex;
	gap: 12px;
	padding: 16px;
	border: 1px solid var(--gray-300);
	border-radius: var(--radius-lg);
}

.igm-about__flow-num {
	flex: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--brand-tint-08);
	color: var(--navy-700);
	font: 700 13px/30px var(--font-meta);
	text-align: center;
}

.igm-about__flow-title {
	font: 600 15px/1.4 var(--font-display);
	color: var(--navy-700);
	margin-bottom: 4px;
}

.igm-about__flow-body {
	font-size: 14px;
	line-height: 1.7;
	color: var(--gray-700);
}

/* Commitments accordion */
.igm-accordion__item {
	border-bottom: 1px solid var(--gray-300);
}

.igm-accordion__summary {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 14px;
	padding: 16px 0;
	cursor: pointer;
	font: 600 16px/1.4 var(--font-display);
	color: var(--navy-700);
	list-style: none;
}

.igm-accordion__summary::-webkit-details-marker {
	display: none;
}

.igm-accordion__icon {
	flex: none;
	color: var(--gray-600);
}

.igm-accordion__item[open] .igm-accordion__icon::before {
	content: '\2212';
}

.igm-accordion__content p {
	padding-bottom: 16px;
	font-size: 15px;
	line-height: 1.8;
	color: var(--gray-700);
	margin: 0;
}

/* Team grid */
.igm-about__team {
	display: grid;
	gap: 16px;
}

@media (min-width: 640px) {
	.igm-about__team {
		grid-template-columns: repeat(3, 1fr);
	}
}

.igm-about__team-card {
	padding: 18px;
	border: 1px solid var(--gray-300);
	border-radius: var(--radius-lg);
}

.igm-about__team-avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--brand-tint-08);
	margin-bottom: 10px;
}

.igm-about__team-name {
	font: 600 16px/1.35 var(--font-display);
	color: var(--navy-700);
}

.igm-about__team-role {
	font-size: 12.5px;
	color: var(--gray-600);
	margin: 3px 0 8px;
}

.igm-about__team-bio {
	font-size: 13.5px;
	line-height: 1.7;
	color: var(--gray-700);
}

/* Registry table */
.igm-about__registry {
	border: 1px solid var(--gray-300);
	border-radius: var(--radius-lg);
	overflow: hidden;
	margin-bottom: 16px;
}

.igm-about__registry-row {
	display: flex;
	border-bottom: 1px solid var(--gray-200);
}

.igm-about__registry-row:last-child {
	border-bottom: 0;
}

.igm-about__registry-key {
	flex: 0 0 160px;
	padding: 12px 16px;
	background: var(--gray-100);
	font: 600 11px/1.4 var(--font-body);
	letter-spacing: var(--ls-caps);
	text-transform: uppercase;
	color: var(--gray-600);
}

.igm-about__registry-value {
	flex: 1;
	padding: 12px 16px;
	font-size: 14px;
	color: var(--gray-900);
}

.igm-about__scope-note {
	padding: 16px;
	background: var(--gray-100);
	border: 1px solid var(--gray-300);
	border-radius: var(--radius-lg);
	font-size: 14px;
	line-height: 1.8;
	color: var(--gray-700);
}

.igm-about__scope-note strong {
	font-family: var(--font-display);
	color: var(--navy-700);
}