.family-page{padding-top:12px}.family-page>h1{margin:0 0 8px}.family-lead{margin:0;line-height:1.5}#sus-tool{margin-top:10px;padding-top:12px}#sus-tool h2{margin:18px 0 10px}.family-page>section.family-answer{margin-top:8px;padding:14px 14px 8px}.family-answer h2{margin-bottom:8px}.family-answer p{margin:0 0 8px}.sus-switch{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.sus-switch .sus-tab[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:#26251f;font-weight:600}.sus-tool-note{margin:0 0 14px;font-size:14px}.sus-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;display:grid}.sus-compare{color:var(--color-text);grid-column:1/-1;margin:0}.sus-voicing{min-width:0;container-type:inline-size}.sus-voicing-head{justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.sus-voicing-head h4{min-width:0;margin:0;font-size:17px;line-height:1.2}.sus-voicing-head button{white-space:nowrap;flex:none;min-height:44px;margin:0}.sus-voicing figure{margin:8px 0 0}.sus-voicing figure svg{background:#fff;border-radius:8px;width:100%;max-width:220px;height:auto}.sus-voicing figcaption,.sus-degree-line{font-size:14px}.sus-degree-line{color:var(--color-primary)}.sus-table caption{text-align:left;color:var(--color-muted);padding:8px 0;font-size:14px}.sus-table th[scope=row]{white-space:nowrap}.sus-table td:nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums}.sus-piano figure{margin:0 0 12px}.sus-keys{background:#fff;border-radius:8px;width:100%;max-width:364px;height:auto}.sus-piano figcaption{font-size:14px}.sus-piano button{margin-top:8px}.sus-related-list{margin:0;padding-left:22px}.sus-related-list li{margin-bottom:8px}@media (width<=650px){.sus-voicing figure svg{max-width:200px}.sus-switch .sus-tab{flex:120px}.sus-table td:nth-child(2){white-space:normal}}