/**
 * Index des artistes : toutes les fiches sur une page, par lettre.
 *
 * Mise en page sobre, en liens ordinaires : la page sert d'abord de plan du
 * site, pour les visiteurs comme pour les moteurs. Les couleurs viennent du
 * thème (currentColor, opacités) : rien n'est écrit en dur.
 */

.aai-ix {
	max-width: 72rem;
	margin-inline: auto;
}

.aai-ix__compte {
	margin: 0 0 1rem;
	opacity: .75;
}

.aai-ix__lettres {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	margin: 0 0 2rem;
	padding: .75rem 0;
	border-block: 1px solid rgba(127, 127, 127, .25);
}

.aai-ix__lettres a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	min-height: 2.25rem;
	border-radius: 6px;
	font-weight: 600;
	text-decoration: none;
}

.aai-ix__lettres a:hover,
.aai-ix__lettres a:focus-visible {
	background: rgba(127, 127, 127, .15);
}

.aai-ix__groupe {
	margin: 0 0 2rem;
	scroll-margin-top: 6rem;
}

.aai-ix__lettre {
	margin: 0 0 .75rem;
	font-size: 1.5rem;
}

.aai-ix__liste {
	list-style: none;
	margin: 0;
	padding: 0;
	columns: 16rem auto;
	column-gap: 2rem;
}

.aai-ix__liste li {
	break-inside: avoid;
	padding: .3rem 0;
	line-height: 1.35;
}

.aai-ix__liste a {
	font-weight: 600;
	text-decoration: none;
}

.aai-ix__liste a:hover,
.aai-ix__liste a:focus-visible {
	text-decoration: underline;
}

.aai-ix__meta {
	display: block;
	font-size: .85em;
	opacity: .65;
}