/*
 * sections.css
 * Grilles internes de chaque section : à propos, compétences,
 * projets, formation, contact.
 */

.about__grid {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: var(--space-lg);
	align-items: start;
}

.about__text p {
	margin-bottom: var(--space-sm);
	color: var(--text-muted);
}

.about__text strong {
	color: var(--text);
}

.about__stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-sm);
}

.skills__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: var(--space-sm);
}

.projects__filters {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-xs);
	margin-bottom: var(--space-md);
}

.projects__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: var(--space-md);
}

.education__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-md);
}

.contact__grid {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: var(--space-lg);
	align-items: start;
}

.contact__lead {
	color: var(--text-muted);
	margin-bottom: var(--space-md);
}

.contact__list {
	list-style: none;
	display: grid;
	gap: var(--space-sm);
}

.contact__list a:hover {
	color: var(--accent);
}

.contact__label {
	display: block;
	font-size: 0.8rem;
	color: var(--accent);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.contact__form {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	padding: var(--space-md);
	display: grid;
	gap: var(--space-sm);
}