.blog-listing-hero__hero{background-color:#006fba}.blog-listing-hero__hero[data-background=green]{background-color:#00896a}.blog-listing-hero__hero{--focus-color:#fff}.blog-listing-hero__suggestions{--focus-color:#006fba}.blog-listing-hero__hero[data-background=green] .blog-listing-hero__suggestions{--focus-color:#00896a}.blog-listing-hero__author-avatar{border-radius:9999px;height:56px;object-fit:cover;width:56px}.blog-listing-hero__headline{color:#fff;max-width:780px}.blog-listing-hero__subtext{max-width:780px}.blog-listing-hero__subtext,.blog-listing-hero__subtext li,.blog-listing-hero__subtext p{color:#fff;font-size:18px;line-height:28px;opacity:.92}.blog-listing-hero__subtext p:not(:last-child){margin-bottom:12px}.blog-listing-hero__search{align-items:center;background-color:hsla(0,0%,100%,.15);border-radius:16px;display:flex;gap:8px;max-width:640px;padding:8px;position:relative;width:100%}.blog-listing-hero__search-input{background:transparent;border:0;color:#fff;flex:1 1 auto;font-size:16px;line-height:24px;min-width:0;padding:12px 20px}.blog-listing-hero__search-input::placeholder{color:hsla(0,0%,100%,.5);opacity:1}.blog-listing-hero__search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.blog-listing-hero__search-input:focus,.blog-listing-hero__search-input:focus-visible{outline:none}.blog-listing-hero__search:focus-within{background-color:hsla(0,0%,100%,.22)}.blog-listing-hero__search-button{background-color:#fff;border:0;border-radius:12px;color:#006fba;cursor:pointer;flex-shrink:0;font-size:16px;font-weight:600;line-height:20px;padding:12px 24px;transition:background-color .2s ease,color .2s ease}.blog-listing-hero__search-button:focus-visible,.blog-listing-hero__search-button:hover{background-color:#e6f1f8}.blog-listing-hero__search-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.blog-listing-hero__hero[data-background=green] .blog-listing-hero__search-button{color:#00896a}.blog-listing-hero__search-clear{align-items:center;background:transparent;border:0;border-radius:9999px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:background-color .2s ease;width:36px}.blog-listing-hero__search-clear:focus-visible,.blog-listing-hero__search-clear:hover{background-color:hsla(0,0%,100%,.2)}.blog-listing-hero__search-clear:focus-visible{outline:2px solid #fff;outline-offset:2px}.blog-listing-hero__search-clear[hidden]{display:none}.blog-listing-hero__suggestions{background-color:#fff;border:1px solid #e6e8ea;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.12);left:0;list-style:none;margin:0;max-height:320px;overflow-y:auto;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:50}.blog-listing-hero__suggestion-link{border-radius:8px;color:#121212;display:block;font-size:16px;line-height:24px;padding:10px 12px;text-decoration:none;transition:background-color .2s ease}.blog-listing-hero__suggestion--active .blog-listing-hero__suggestion-link,.blog-listing-hero__suggestion-link:focus-visible,.blog-listing-hero__suggestion-link:hover{background-color:#f3f5f7;text-decoration:none}.blog-listing-hero__suggestion-message{color:#666;font-size:16px;line-height:24px;padding:10px 12px}