/* « Dans la même famille » (01/10, inc/maillage-sections.php): computed transition sentences, one link each. */
.famille__corps { max-width: 72ch; }
.famille__corps > p { color: var(--feutre); margin: 0 0 1rem; }
.famille__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.9rem; }
.famille__ligne { display: grid; grid-template-columns: 9.5rem 1fr; gap: 0.4rem 1rem; align-items: baseline; padding-bottom: 0.9rem; border-bottom: 1px solid var(--trait); }
.famille__ligne p { margin: 0; line-height: 1.55; }
.famille__etiquette { font: 600 var(--t-xs)/1.3 var(--sans); letter-spacing: 0.06em; text-transform: uppercase; color: var(--feutre); }
.famille__corps a { color: var(--anthracite); text-decoration: underline; text-decoration-color: var(--moutarde); text-decoration-thickness: 2px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.famille__corps a:hover, .famille__corps a:focus-visible { text-decoration-color: var(--anthracite); }
.famille__voir { margin: 1rem 0 0; line-height: 1.8; }
.famille__voir .famille__etiquette { margin-right: 0.6rem; }
.famille__ordre { margin: 0 0 1.4rem; padding-left: 1.4rem; columns: 2 16rem; column-gap: 2rem; }
.famille__ordre li { margin: 0 0 0.45rem; break-inside: avoid; }
.famille__sections { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr)); gap: 1.2rem 2rem; }
.famille__section p { margin: 0 0 0.3rem; line-height: 1.6; }
.famille__titre-section { font-weight: 650; }
@media (max-width: 640px) {
  .famille__ligne { grid-template-columns: 1fr; }
}