.blog-search__field-wrapper{max-width:80ch;width:100%}.todo{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto;max-width:56ch}input.blog-search__input-field{background-color:transparent;border:none;border:1px solid var(--primary-500);border-radius:48px 0 0 48px;border-right:transparent;padding:16px 32px;width:100%}input.blog-search__input-field:focus{border:1px solid var(--primary-500);border-right:none}.blog-search__results-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(clamp(240px,30%,600px),1fr));list-style-type:none}.blog-search__results-title{font-size:24px;font-weight:700;grid-column:1/-1;margin-top:24px}.blog-search__results-list-item{background-color:var(--primary-100);border-radius:8px;padding:16px 24px}.blog-search__results-list-link{display:flex;flex-direction:column;gap:8px;height:100%}.blog-search__result-featured-image{aspect-ratio:var(--image-ratio-style-4);object-fit:cover;width:100%}.blog-search__content-wrapper{align-items:center;display:flex;flex-direction:column}.blog-search__form{border:1px solid var(--primary-500);border-radius:48px;display:flex;flex-direction:row;justify-content:center;margin:0 auto;max-width:64ch;width:auto}.blog-search__search-button{background-color:transparent;border:none;border:1px solid var(--primary-500);border-left:transparent;border-radius:0 48px 48px 0;color:var(--primary-500);font-size:18px;gap:8px;padding-left:24px;padding-right:24px}.blog-search__search-button:focus{border-left:transparent}.blog-search__content-wrapper{align-content:center;text-align:center}@media screen and (min-width:960px){.blog-search__search-button{padding-left:48px;padding-right:48px}}@media screen and (max-width:960px){.blog-search__input-field{max-width:100%}.blog-search__search-button{width:100%}.blog-search__field-wrapper{max-width:80ch;width:100%}.todo{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;max-width:64ch}.blog-search__input-field{max-width:64%;width:100%}.blog-search__search-button{gap:8px}.blog-search__results-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(clamp(240px,30%,600px),1fr));list-style-type:none}.blog-search__results-title{font-size:24px;font-weight:700;grid-column:1/-1;margin-top:24px}.blog-search__results-list-item{background-color:var(--primary-100);border-radius:8px;padding:16px 24px}.blog-search__results-list-link{display:flex;flex-direction:column;gap:8px;height:100%}.blog-search__result-featured-image{aspect-ratio:var(--image-ratio-style-4);object-fit:cover;width:100%}input.blog-search__input-field{border:1px solid var(--primary-500);border-radius:48px}.blog-search__search-button{background-color:var(--primary-500);border:1px solid var(--primary-500);border-radius:48px;color:var(--grey-000)}.blog-search__form{border:none;flex-wrap:wrap;gap:8px}.blog-search__input-field{max-width:100%}.blog-search__search-button{width:100%}}