section.collections {
    margin-top: 2rem;
    margin-inline: auto;
    max-width: 1000px;
    padding: 0 1rem;
    text-align: center; /* center the inline-block buttons */
}

/* Make buttons wrap nicely like the portlet tabs rendered as buttons */
section.collections button {
    display: inline-block;
    text-decoration: none;
    padding: 0.55rem 0.9rem;
    border-radius: 999px; /* pill */
    border: 1px solid #dadada;
    background: #fff;
    color: #111;
    line-height: 1;
    font-weight: 600;
    margin: 0 0.5rem 0.5rem 0.5rem; /* symmetric horizontal gaps for nicer centering */
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
    cursor: pointer;
}

section.collections button:hover {
    background: #f4f4f4;
    border-color: #cfcfcf;
}

section.collections button:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(26,115,232,0.25);
}

/* Active state mirrors the neutral "All" tab style */
section.collections button.active {
    background-color: #f2f2f2;
    color: #111;
    border-color: transparent;
}