.family-page{padding-top:clamp(1.8rem,4vw,3rem)}.family-head{border-bottom:1px solid var(--line-strong);max-width:72rem;padding-bottom:clamp(1.4rem,3vw,2.1rem)}.family-head h1{max-width:16ch;margin-top:.4rem;font-size:clamp(2.5rem,5.8vw,4.8rem)}.family-intro{max-width:70ch;margin-top:1rem!important}.family-stats{border-top:1px solid var(--line);flex-wrap:wrap;gap:0;margin-top:1.25rem;display:flex}.family-stats>span{gap:.12rem;min-width:8rem;padding:.75rem 1.2rem .1rem 0;display:grid}.family-stats>span+span{border-left:1px solid var(--line);padding-left:1.2rem}.family-stats b{font-family:var(--font-display);font-size:1.45rem;line-height:1}.family-stats small{color:var(--ink-3);font-size:.76rem}.family-group{margin-top:clamp(2.6rem,6vw,4.5rem)}.family-group-head{border-bottom:1px solid var(--line-strong);flex-wrap:wrap;align-items:baseline;gap:.9rem;margin-bottom:1rem;padding-bottom:.6rem;display:flex}.family-group-head h2{margin:0}.family-shape-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.9rem .65rem;display:grid}.family-shape{min-width:0;scroll-margin-top:calc(var(--header-h) + 1rem)}.family-shape-card{border-radius:var(--radius-md);transition:border-color .18s var(--ease-out), background-color .18s var(--ease-out);border:1px solid #0000;padding:.5rem .35rem .35rem}.family-shape-card:hover{border-color:var(--line);background:var(--surface)}.family-lazy-diagram{aspect-ratio:101/148;width:min(100%,7rem);margin-inline:auto;display:block}.family-lazy-diagram .chord-diagram{width:100%;height:auto;display:block}.family-shape-actions{justify-content:center;align-items:center;gap:.35rem;margin-top:.3rem;display:flex}.family-shape-symbol{font-family:var(--font-mono);font-size:.9rem;font-weight:750}.family-shape-meta{text-align:center;margin:.3rem 0 0;font-size:.68rem;line-height:1.45}.family-learning{border-top:1px solid var(--line-strong);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,4rem);margin-top:clamp(3rem,7vw,5rem);padding-top:1.5rem;display:grid}.family-use,.family-practice{min-width:0;margin:0!important}.family-use h2,.family-practice h2,.family-songs h2{margin-top:0}.family-practice{border-left:2px solid var(--accent);padding-left:clamp(1rem,3vw,1.5rem)}.family-practice ol{padding-left:1.25rem}.family-practice li+li{margin-top:.65rem}.family-songs{border-top:1px solid var(--line);max-width:52rem;padding-top:1.35rem;margin-top:clamp(2.5rem,6vw,4rem)!important}.family-chart-disclosure{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);margin-top:clamp(2.5rem,6vw,4rem)}.family-chart-disclosure>summary{cursor:pointer;font-family:var(--font-display);justify-content:space-between;align-items:center;padding:1rem .05rem;font-size:1.15rem;font-weight:650;list-style:none;display:flex}.family-chart-disclosure>summary::-webkit-details-marker{display:none}.family-chart-disclosure>summary:after{content:"+";color:var(--accent);font-family:var(--font-mono)}.family-chart-disclosure[open]>summary:after{content:"−"}.family-chart-disclosure .figure-wide{margin:0;padding:.3rem 0 1.2rem}.family-chart-disclosure img{width:100%;height:auto;display:block}.family-deep-section{margin-top:clamp(3rem,7vw,5rem)}.family-section-lede{max-width:68ch;margin-top:.55rem;font-size:.9rem;line-height:1.6}.family-deep-links{border-top:1px solid var(--line-strong);margin-top:1rem}.family-deep-links a{border-bottom:1px solid var(--line);transition:color .18s var(--ease-out), padding-left .18s var(--ease-out);grid-template-columns:minmax(3.5rem,.55fr) minmax(8rem,1.4fr) minmax(7rem,1fr);align-items:baseline;gap:.75rem;padding:.72rem .1rem;display:grid}.family-deep-links a:hover{color:var(--accent);padding-left:.4rem}.family-deep-links span{font-size:.84rem}.family-next-section{margin-top:clamp(3rem,7vw,5rem)}.family-next{border-top:1px solid var(--line-strong);margin-top:.9rem}.family-next a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem .1rem;display:flex}.family-next a>:last-child,.family-next a:hover{color:var(--accent)}@media (width<=760px){.family-learning{grid-template-columns:1fr;gap:2rem}.family-practice{padding-left:1rem}.family-shape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.family-stats{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.family-stats>span{min-width:0;padding-right:.7rem}.family-stats>span+span{padding-left:.7rem}.family-stats>span:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}.family-shape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-deep-links a{grid-template-columns:3.2rem minmax(0,1fr)}.family-deep-links a>span:last-child{display:none}}@media print{.family-chart-disclosure{display:none!important}.family-shape-card{border-color:var(--line)}}