/* Blog search, Figma 193:11643. Native GET form also works without JavaScript. */
.rd-blog__heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;width:100%}
.rd-blog-search{position:relative;flex:0 0 360px;width:360px;margin:0}
.rd-blog-search__input{display:block;box-sizing:border-box;width:100%;height:48px;margin:0;padding:0 18px 0 48px;border:0;border-radius:999px;background:var(--rd-surface);color:var(--rd-ink);font:400 16px/1.4 var(--rd-font-sans);outline-offset:3px}
.rd-blog-search__input::placeholder{color:var(--rd-muted)}
.rd-blog-search__submit{position:absolute;left:4px;top:4px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--rd-muted);cursor:pointer}
.rd-blog-search__submit:hover{color:var(--rd-blue)}
.rd-blog-search__input:focus-visible,.rd-blog-search__submit:focus-visible{outline:2px solid var(--rd-blue)}
.rd-blog-search__result{margin:0 0 24px;font:400 16px/1.5 var(--rd-font-sans);color:var(--rd-muted)}
.rd-blog-search__result a{margin-left:8px;color:var(--rd-blue);text-decoration:underline;text-underline-offset:3px}
@media(max-width:767px){
  .rd-blog__heading-row{flex-direction:column;align-items:stretch;gap:20px}
  .rd-blog-search{flex:none;width:100%}
  .rd-blog-search__input{height:48px;font-size:16px}
  .rd-blog-search__result{font-size:14px}
}