.mcoll__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.5rem; margin-bottom: clamp(1rem, 2.5vw, 1.75rem); padding-bottom: 1rem; border-bottom: 1px solid var(--color-border); }
.mcoll__count { margin: 0; font-weight: 700; color: var(--color-heading); }
.mcoll__sort { display: flex; align-items: center; gap: .6rem; }
.mcoll__sort label { font-weight: 600; font-size: .9rem; white-space: nowrap; }
.mcoll__sort .field { min-height: 2.6rem; padding-block: .4rem; min-width: 12rem; }
.mcoll__empty { display: grid; justify-items: center; gap: 1rem; padding: 3rem 1rem; text-align: center; border-radius: var(--radius); background: var(--color-surface); }
.mcoll__pagination { display: flex; justify-content: center; margin-top: 2rem; }
.mcoll__pagination .page, .mcoll__pagination a, .mcoll__pagination span { display: inline-grid; place-items: center; min-width: 2.6rem; height: 2.6rem; margin: 0 .15rem; border-radius: 50%; text-decoration: none; font-weight: 700; }
.mcoll__pagination .current { background: var(--color-heading); color: var(--color-surface); }
.mcoll__pagination a:hover { background: color-mix(in srgb, var(--color-accent) 40%, transparent); }
@media (max-width: 599px) { .mcoll__sort { width: 100%; } .mcoll__sort .field { flex: 1; min-width: 0; } }