/* dances.html only — loaded after style.css, owned by the dances page.
   Structural only: no new colours, no motion, no shadows. */

/* The family label sits above the card title so the category coding survives
   the filter. style.css styles .famlabel but gives it no block spacing. */
.dancecard .famlabel{display:flex;margin-bottom:6px}

/* Filtering uses the `hidden` attribute; make sure it beats the grid item box. */
.dancecard[hidden]{display:none}

/* Closing call-to-action, composed from the shared .card so it fills the
   trailing cell of the grid instead of leaving dead space. */
.dancegrid .cta{display:flex;flex-direction:column;padding:16px 18px 15px}
.dancegrid .cta h3{margin-bottom:6px}
.dancegrid .cta p{font-size:.9rem;color:var(--muted);margin-bottom:16px}
.dancegrid .cta .btn{margin-top:auto;align-self:flex-start}