.blog-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,440px);align-items:end;gap:24px;margin-top:42px;padding:22px 0;border-top:1px solid var(--line)}
.blog-search label{color:var(--ink);font-size:16px;font-weight:700;letter-spacing:-.02em}.blog-search input{width:100%;min-height:48px;padding:12px 15px;border:1px solid #9db2bd;background:#fff;color:var(--ink);font:inherit}.blog-search input::placeholder{color:#74858d}.blog-search input:focus{outline:3px solid rgba(247,174,47,.35);outline-offset:1px;border-color:var(--blue)}
.blog-search-results[hidden],.blog-pagination[hidden]{display:none}.blog-search-results{margin-top:46px}.blog-pagination{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:28px 0 0}.blog-pagination a,.blog-pagination span{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);color:var(--blue);font-size:14px;font-weight:700;text-decoration:none}.blog-pagination a:hover,.blog-pagination a:focus-visible{border-color:var(--blue);background:#edf4f6}.blog-pagination .is-current{border-color:var(--blue);background:var(--blue);color:#fff}.blog-pagination__edge{min-width:auto!important}
@media(max-width:850px){.blog-search{grid-template-columns:1fr;gap:12px}.blog-search-results{margin-top:38px}}@media(max-width:560px){.blog-search{margin-top:34px}.blog-search input{min-height:46px}.blog-pagination{margin:22px 0 0;gap:6px}.blog-pagination a,.blog-pagination span{min-width:39px;height:39px;padding:0 10px}.blog-search-results{margin:34px -16px 0}}