/* Shared base layout for the wizard's category-pill + pagination mechanism
   (public/js/wizard-category-filter.js). Themes override colors/spacing via
   their own style.css scoped selectors — this file only sets structural defaults
   so a new theme doesn't have to build the pill row/pager from scratch. */
.qw-category-tabs { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.75rem; }
.qw-category-tab {
    font: inherit;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: transparent;
    border-radius: 999px;
    padding: 0.45rem 1.1rem;
    font-size: 13.5px;
}
.qw-category-tab.active { border-color: currentColor; font-weight: 700; }

.qw-listing-pager { display: flex; flex-wrap: wrap; gap: 0.4rem; justify-content: center; margin-top: 2rem; }
.qw-listing-pager-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
}