/* Only the associations page; retain the separate block display. */
.mh-clubs { --clubs-purple: #3e236d; }
.mh-clubs .mh-clubs-intro { font-size: 1.08rem; max-width: 65ch; margin: 0 0 1.5rem; }
.mh-clubs .views-exposed-form { max-width: none; margin: 0!important; padding: 1.25rem!important; border-radius: 12px; }
.mh-clubs .form--inline { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; }
.mh-clubs .form--inline .form-item { float: none; margin: 0; min-width: 0; flex: 1 1 220px; }
.mh-clubs .form--inline label { display: block; font-weight: 600; margin-bottom: .35rem; }
.mh-clubs .form--inline input.form-text, .mh-clubs .form--inline select { width: 100%; max-width: 100%; min-height: 46px; background: white; color: #242424; border: 1px solid #9c8bb5; border-radius: 5px; }
.mh-clubs .form-actions { width: auto; display: flex; flex-wrap: wrap; gap: .5rem; }
.mh-clubs .form-actions input { margin: 0!important; min-height: 46px; border-radius: 5px; }
.mh-clubs .form-actions [type=submit]:first-child { background: var(--clubs-purple); color: white; }
.mh-clubs .mh-clubs-count { margin: 1.25rem 0; color: #51465f; }
.mh-clubs .view-content { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; }
.mh-clubs .view-content > .views-row { width: auto; float: none; min-width: 0; display: flex; }
.mh-clubs .mh-club { width: 100%; padding: 1.25rem; border: 1px solid #ded6e8; border-radius: 10px; background: #fff; overflow-wrap: anywhere; }
.mh-clubs .mh-club-kind { display: inline-block; font-size: .85rem; padding: .2rem .65rem; background: #f0eaf8; color: var(--clubs-purple); border-radius: 20px; margin-bottom: .6rem; }
.mh-clubs .mh-club-title { font-size: 1.2rem; line-height: 1.35; margin: 0 0 .65rem; font-weight: 700; }
.mh-clubs .mh-club-title a { color: var(--clubs-purple); text-decoration: underline; text-underline-offset: 3px; }
.mh-clubs .mh-club-summary { color: #45404b; line-height: 1.6; margin-bottom: .8rem; }
.mh-clubs .mh-club-links { margin-top: .75rem; display: flex; flex-direction: column; gap: .65rem; align-items: flex-start; }
.mh-clubs .mh-club-links a { text-decoration: underline; text-underline-offset: 3px; }
.mh-clubs .mh-club-more { font-weight: 600; padding: .35rem 0; }
.mh-clubs .mh-club-summary { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.mh-clubs .pager { margin: 1.5rem 0; }
.mh-clubs .mh-clubs-help { padding: 1.25rem; background: #f4f0f9; border-left: 4px solid var(--clubs-purple); margin-top: 1.5rem; }
.mh-clubs .mh-clubs-help p { margin: .4rem 0 0; }
.mh-clubs a:focus-visible, .mh-clubs input:focus-visible, .mh-clubs select:focus-visible { outline: 3px solid #b56b00; outline-offset: 3px; }
@media(max-width: 650px) {
  .mh-clubs .view-content { grid-template-columns: minmax(0,1fr); }
  .mh-clubs .form--inline .form-item { flex-basis: 100%; }
  .mh-clubs .form-actions { width: 100%; }
}

.mh-clubs .form--inline::before, .mh-clubs .form--inline::after, .mh-clubs .form-actions::before, .mh-clubs .form-actions::after { display: none; }
.mh-clubs .form--inline .form-item { margin: 0!important; }
.mh-clubs .mh-clubs-intro, .mh-clubs .mh-clubs-count { padding: 0; }