.blog-filter{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-bottom:36px;padding-bottom:26px;border-bottom:1px solid var(--ink)}
.blog-filter[hidden],.blog-card[hidden]{display:none}
.blog-filter label{font-weight:700}
.blog-filter select{font:inherit;color:var(--ink);background:#fff;border:1.5px solid var(--ink);border-radius:8px;padding:12px 40px 12px 16px;max-width:100%;cursor:pointer}
.blog-filter select:focus-visible{outline:3px solid #8061cc;outline-offset:4px}
.blog-filter p{margin:0 0 0 auto;font-size:.9rem}
@media(max-width:600px){.blog-filter{gap:12px}.blog-filter label{width:100%}.blog-filter select{flex:1;min-width:0}.blog-filter p{margin:0}}