.quick-search.layout-container { width: calc(100% - (2 * var(--space-page))); max-width: none; min-width: 0; }
.quick-search__form { max-width: 70rem; margin-top: 1.5rem; }
.quick-search__form label { display: block; font-weight: 700; margin-bottom: .5rem; }
.quick-search__form > div { display: flex; gap: .75rem; }
.quick-search__form input { min-width: 0; flex: 1; padding: .85rem; border: 1px solid #aac1ed; border-radius: .5rem; font: inherit; }
.quick-search__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 23rem), 1fr)); gap: 1rem; align-items: start; }
.quick-search__context, .quick-search__card { background: white; border: 1px solid #dce5f5; border-radius: .8rem; padding: 1rem; min-width: 0; overflow-wrap: anywhere; }
.quick-search__context h4, .quick-search__card h4 { margin: .4rem 0; font-size: 1.12rem; }
.quick-search__context p, .quick-search__card p { margin: .45rem 0; color: #58677c; }
.quick-search__card > a { display: flex; gap: .9rem; text-decoration: none; }
.quick-search__card img { width: 7rem; height: 4rem; object-fit: cover; border-radius: .35rem; flex-shrink: 0; }
.quick-search__type { font-size: .8rem; font-weight: 700; }
.quick-search__card small { color: #58677c; display: block; }
.quick-search__timestamp { font-weight: 700; }
.quick-search__examples, .quick-search__pagination { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1rem 0; }
.quick-search__examples a { padding: .6rem 1rem; border: 1px solid #cbd9f2; border-radius: 2rem; background: white; }
.quick-search a:focus-visible, .quick-search input:focus-visible { outline: 3px solid #245cc2; outline-offset: 3px; }
@media (max-width: 600px) { .quick-search__form > div { flex-wrap: wrap; } .quick-search__form input { flex-basis: 100%; } .quick-search__card img { width: 4.5rem; height: 3rem; } }