#blog-tools{padding:24px;border:1px solid #34515b;border-radius:16px;background:#11232b;margin:28px 0}
#blog-tools>label{display:block;font-size:1.2rem;font-weight:700;margin-bottom:12px}
#blog-query{box-sizing:border-box;width:100%;padding:14px 16px;border:1px solid #52717a;border-radius:9px;background:#09171d;color:#eef7fa;font:inherit}
#blog-topics{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
#blog-tools button,#blog-sort{font:inherit;border:1px solid #52717a;border-radius:8px;background:#142c35;color:#e4f4f7;padding:10px 13px;cursor:pointer;min-height:44px}
#blog-tools button[aria-pressed=true]{background:#7de1cc;color:#07241d;border-color:#7de1cc}
#blog-tools :focus-visible{outline:3px solid #7de1cc;outline-offset:3px}
.blog-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
#blog-count{margin-bottom:0;color:#b9d2da}
[hidden]{display:none!important}
@media(max-width:600px){#blog-tools{padding:16px}#blog-topics{gap:6px}#blog-tools button{font-size:.9rem}.grid{grid-template-columns:1fr!important}}