/* Shared category filter pills. The #filters id keeps these rules above the older per-page styles. */
body #filters.filters{display:flex;flex-wrap:wrap;gap:12px 10px!important;margin:14px 0 16px;padding:18px 16px!important;border:0!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(238,244,253,.35),rgba(232,241,253,.8) 40%,rgba(241,246,254,.5))!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body #filters.filters button.filter{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;height:40px;min-height:40px;margin:0;padding:0 16px!important;border:1px solid #cdd8e6!important;border-radius:999px!important;background:#fff!important;color:#1e293b!important;font:600 14px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:0;white-space:nowrap;box-shadow:0 1px 2px rgba(15,40,80,.04)!important;transform:none!important;animation:none!important;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
body #filters.filters button.filter::before,body #filters.filters button.filter::after{display:none!important;content:none!important}
body #filters.filters button.filter svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body #filters.filters button.filter:hover{background:#f4f8fe!important;border-color:#8da8cc!important;color:#0f2a4d!important}
body #filters.filters button.filter:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
body #filters.filters button.filter.active,body #filters.filters button.filter[aria-pressed="true"]{background:#123a6b!important;border-color:#123a6b!important;color:#fff!important;box-shadow:0 4px 10px rgba(18,58,107,.22)!important}
@media(max-width:600px){
 body #filters.filters{gap:10px 8px!important;padding:14px 12px!important;border-radius:16px!important}
 body #filters.filters button.filter{height:38px;min-height:38px;padding:0 14px!important;font-size:13.5px!important}
 body #filters.filters button.filter svg{width:16px;height:16px}
}
@media(prefers-reduced-motion:reduce){body #filters.filters button.filter{transition:none}}