.notation{gap:var(--space-lg);display:grid}.notation__question{gap:var(--space-lg);place-items:center;display:grid}@media (min-width:768px){.notation__question{grid-template-columns:auto 1fr;justify-items:start}}.notation__stave-card{background-color:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md)}.notation__stave{color:var(--text-primary);line-height:0}.notation__stave svg{max-width:100%;height:auto;display:block}