.p-blog .bl-bar{display:flex;align-items:flex-start;gap:16px;margin-bottom:32px}
.p-blog .bl-bar .bl-cats{flex:1;min-width:0;justify-content:flex-start;margin:0}
.p-blog .bl-bar .bl-cats a{flex:none;white-space:nowrap}
.p-blog .bl-search{position:relative;flex:0 0 260px}
.p-blog .bl-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.p-blog .bl-search input{width:100%;height:40px;padding:0 14px 0 40px;border:1px solid var(--border);border-radius:99px;background:#fff;font:inherit;font-size:15px;color:var(--ink)}
.p-blog .bl-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.p-blog .bl-results{margin:-12px 0 24px;color:var(--ink-soft);font-size:15px}
.p-blog .bl-results a{margin-left:10px;font-weight:600;color:var(--accent)}
@media (max-width:760px){
.p-blog .bl-bar{flex-direction:column-reverse;align-items:stretch;gap:14px}
.p-blog .bl-search{flex:none}
.p-blog .bl-bar .bl-cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 32px 0 16px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
.p-blog .bl-bar .bl-cats::-webkit-scrollbar{display:none}
}