/* Atelier Maux à Mots – fiches praticiens
   Couleurs modifiables ici */
.amam-prats {
	--amam-teal: #3d5f68;
	--amam-orange: #c8693b;
	--amam-icon: #bfd6d6;
	--amam-icon-hover: #3d5f68;
	--amam-radius: 56px;

	display: grid;
	grid-template-columns: repeat(var(--amam-cols, 3), minmax(0, 1fr));
	gap: 48px 36px;
	align-items: start;
}

@media (max-width: 1024px) {
	.amam-prats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.amam-prats { grid-template-columns: 1fr; gap: 40px; }
}

.amam-prat { display: flex; flex-direction: column; }

.amam-prat__role {
	margin: 0 0 14px;
	text-align: center;
	color: var(--amam-teal);
	font-size: 1.25em;
	line-height: 1.3;
	min-height: 1.3em;
}

.amam-prat__photo {
	aspect-ratio: 1 / 1;
	border-radius: var(--amam-radius);
	overflow: hidden;
	background: #e6e1dc;
}
.amam-prat__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.amam-prat__name {
	margin: 22px 0 4px;
	color: var(--amam-teal);
	text-transform: uppercase;
	letter-spacing: .03em;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1.2;
}

.amam-prat__metier {
	margin: 0;
	color: var(--amam-orange);
	text-transform: uppercase;
	letter-spacing: .04em;
	font-size: .95em;
	line-height: 1.4;
}

.amam-prat__icons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 16px;
	margin: 16px 0 6px;
}
.amam-prat__icon {
	color: var(--amam-icon);
	display: inline-flex;
	transition: color .2s;
}
.amam-prat__icon svg { width: 32px; height: 32px; }
.amam-prat__icon:hover,
.amam-prat__icon:focus-visible { color: var(--amam-icon-hover); }

.amam-prat__bio { margin-top: 14px; }
.amam-prat__bio summary {
	cursor: pointer;
	list-style: none;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--amam-teal);
	font-weight: 700;
	padding-left: 16px;
}
.amam-prat__bio summary::-webkit-details-marker { display: none; }
.amam-prat__i {
	display: inline-grid;
	place-items: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--amam-teal);
	color: #fff;
	font: 700 13px/1 Georgia, serif;
}
.amam-prat__bio-text { margin-top: 12px; padding: 0 16px; }
.amam-prat__bio-text p:last-child { margin-bottom: 0; }

/* Pratiques sous le métier */
.amam-prat__pratiques { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.amam-prat__pratiques li {
	font-size: .78em; line-height: 1; padding: 6px 10px; border-radius: 999px;
	background: #e7efef; color: var(--amam-teal, #3d5f68);
}

/* Coin lecture */
.amam-livres { --amam-teal: #3d5f68; --amam-orange: #c8693b; }
.amam-livres__filtres { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 0 0 32px; }
.amam-livres__filtres button {
	border: 0; cursor: pointer; border-radius: 999px; padding: 8px 16px; font: inherit; font-size: .85em;
	background: var(--amam-teal); color: #fff; transition: background .2s, color .2s;
}
.amam-livres__filtres button.is-active,
.amam-livres__filtres button:hover { background: #e1d4cb; color: var(--amam-teal); }
.amam-livres__filtres button:focus-visible { outline: 2px solid var(--amam-orange); outline-offset: 2px; }
.amam-livres__grille {
	list-style: none; margin: 0; padding: 0;
	display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 36px 28px; align-items: start;
}
@media (max-width: 1024px) { .amam-livres__grille { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px)  { .amam-livres__grille { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; } }
.amam-livre[hidden] { display: none; }
.amam-livre__cover { display: block; aspect-ratio: 2 / 3; border-radius: 6px; overflow: hidden; background: #ece6e0; box-shadow: 0 6px 18px rgba(36, 54, 59, .14); }
.amam-livre__cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.amam-livre__titre { margin: 14px 0 4px; font-size: 1em; line-height: 1.3; color: var(--amam-teal); }
.amam-livre__titre a { color: inherit; text-decoration: none; }
.amam-livre__titre a:hover { color: var(--amam-orange); }
.amam-livre__auteur { margin: 0; font-size: .88em; opacity: .8; }
.amam-livre__avis { margin: 8px 0 0; font-size: .88em; font-style: italic; }
.amam-livre__prat { margin: 6px 0 0; font-size: .78em; text-transform: uppercase; letter-spacing: .04em; color: var(--amam-orange); }