.family-root { min-width: 0; overflow-wrap: anywhere; }
.family-root h1 small { display: inline-block; font-weight: 400; }
.family-rules { padding: 10px 14px; background: #fef3c7; border-left: 6px solid #d97706; border-radius: 6px; color: #111827; font-size: 1rem; font-weight: 700; line-height: 1.6; }
.family-rules p:last-child { margin-bottom: 0; }
.family-jump { display: flex; flex-wrap: wrap; gap: .6rem 1rem; margin: 1.5rem 0; }
.family-group { margin: 2rem 0; scroll-margin-top: 1rem; }
.family-group h3 { margin-top: 2rem; scroll-margin-top: 1rem; }
.family-group h3 a { color: var(--brand); text-decoration: underline; }
.family-card { margin: .75rem 0; padding: .75rem; border: 1px solid var(--line); border-radius: 10px; line-height: 1.45; }
.family-card + .family-card { border-top: 1px solid var(--line); }
.family-card h4 { font-size: 1.12rem; margin: 0 0 .4rem; }
.family-card dl { display: grid; grid-template-columns: 4.5em minmax(0, 1fr); gap: .15rem .4rem; margin: 0; }
.family-card dt { font-weight: 600; margin: 0; }
.family-card dd { min-width: 0; margin: 0; }
.family-card p { margin: .4rem 0 0; }
.family-card .hint { line-height: 1.45; }
.family-lines { white-space: pre-wrap; }
.family-root .tool-list span { display: block; }