/* ======================================================================
   members-list.css — [members] shortcode
   ====================================================================== */

.members-list {
    list-style: none;
    margin: 0 0 var(--gap-grid);
    padding: 0;
    /* 18rem gives 4 columns inside the 1440px container; long names such as
       "Margareta Heijkenskjöld Holmgren" stay on one line. */
    column-width: 18rem;
    column-gap: 2.5rem; /* 40px: 4 cols at 1440px, 3 at ~1100-1300px, 2 at 1024px. The 60px --gap-columns loses a column sooner. */
}

.members-list .member {
    display: flex;
    flex-direction: column;
    break-inside: avoid;
    padding: 0.4em 0;
    border-bottom: 1px solid var(--ctx-border-subtle);
}

.members-list .member-name {
    font-weight: 600;
}

.members-list .member-tag {
    display: inline-block;
    margin-left: 0.4em;
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ctx-fg-muted);
}

.members-list .member-link,
.members-list .member-email {
    font-size: var(--font-size-sm);
    line-height: 1.5;
    overflow-wrap: anywhere;
}