/* Repères communs aux collections et aux pages auteurs. */
.genre-families article[data-genre],body[data-rubric=ligne] .genre-families article[data-genre]{position:relative;background:color-mix(in srgb,var(--genre-color) 12%,#fffdf8)!important;border:1px solid color-mix(in srgb,var(--genre-color) 50%,white)!important;border-top:8px solid var(--genre-color)!important;padding:28px!important;border-radius:4px}
.genre-families .genre-icon{display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin:0 auto 20px;font-family:Georgia,serif;font-size:54px;line-height:1;color:var(--genre-color);background:color-mix(in srgb,var(--genre-color) 12%,white);border:1px solid color-mix(in srgb,var(--genre-color) 35%,white);border-radius:50%}
.genre-families h3{color:var(--genre-color);font-size:26px;line-height:1.25}
.genre-families .genre-charter-link{border-top:1px solid color-mix(in srgb,var(--genre-color) 30%,white);padding-top:16px;margin-top:20px;font-size:14px}
.genre-charter-link a{color:var(--genre-color);text-decoration:underline;text-underline-offset:4px}
.genre-charter-intro{margin:24px 0 32px;line-height:1.7}.genre-swatches{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}.genre-swatch{display:flex;align-items:center;gap:8px;font-size:13px}.genre-swatch i{display:inline-block;width:30px;height:30px;background:var(--swatch);border:1px solid #777;border-radius:3px}.charter-details{line-height:1.7}.charter-details h4{font-size:17px;margin:22px 0 8px}.charter-details p{margin:0 0 12px}

.genre-icon svg{display:block;width:48px;height:48px;flex:none}
/* Garder le séparateur et le lien à la même hauteur sur chaque rangée. */
.genre-families article[data-genre]{display:flex;flex-direction:column}
.genre-families article[data-genre] > p:not(.genre-charter-link){margin-bottom:20px}
.genre-families article[data-genre] > .genre-charter-link{margin-top:auto;margin-bottom:0}