/* Shared by all pages: sound marks, the main "practise" button, the icon. */
.play.small { width: 24px; height: 24px; font-size: 12px; margin-left: 2px; }
.play.synth { opacity: .85; }
.play.playing, .f.playing { background: var(--hl, #fff3d6); animation: pulse .9s ease-in-out infinite; }
@keyframes pulse { 50% { opacity: .55; } }
.f.click { cursor: pointer; border-bottom: 1px dotted var(--muted, #888); }
.f.click:hover { background: var(--hl, #fff3d6); }
.noaud { font-size: 11px; color: var(--muted, #888); margin-left: 8px; font-weight: 400; vertical-align: middle; }
.aud-note { font-size: 12px; color: var(--muted, #888); margin: 8px 0 4px; }
nav a.cta { background: var(--accent); color: var(--card); padding: 8px 16px; border-radius: 20px; font-weight: 600; font-size: 15px;
  text-decoration: none; display: inline-block; margin-right: 12px; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
nav a.cta:hover { filter: brightness(1.1); }
.owner { font-size: 12px; color: var(--muted, #888); margin-top: 8px; }