.catalog-search{margin:1.5rem 0 2rem;max-width:55rem}
.catalog-search label{display:block;font-weight:600;margin-bottom:.5rem}
.catalog-input{display:flex;gap:.5rem}
.catalog-input input{min-width:0;flex:1;font:inherit;padding:.8rem;border:1px solid var(--q-line);border-radius:4px;background:var(--q-paper);color:inherit}
.catalog-search .small{font-size:.875rem;opacity:.8}
.catalog-search h2{font-size:1.35rem;margin:1.2rem 0 .5rem}
.catalog-search [data-search-results]{max-height:28rem;overflow:auto;overscroll-behavior:contain}
.catalog-search ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--q-line)}
.catalog-search li a{display:flex;flex-wrap:wrap;gap:.3rem 1rem;padding:.8rem 0;border-bottom:1px solid var(--q-line);color:inherit;text-decoration:none}
.catalog-search li a:hover strong{text-decoration:underline}
.catalog-search li i{opacity:.8}.catalog-search li .small{flex-basis:100%}
.catalog-record{max-width:55rem}.catalog-record h1{margin-bottom:.25rem}
.catalog-outside{border-left:3px solid currentColor;padding:.65rem 1rem;opacity:.85}
.catalog-caution{font-weight:700}
.catalog-record figure{margin:1.5rem 0}.catalog-record img{width:100%;max-height:30rem;object-fit:cover;border-radius:5px}
.catalog-record figcaption{font-size:.75rem;opacity:.8}

/* Tiarella header search (catalog_search.py header-find): a rounded field in the masthead; suggestions below it. */
.field-guide .t-find{position:relative;flex:1 1 300px;max-width:460px;margin:0 0 0 auto;order:1}
.field-guide .q-top:has(.t-find){flex-wrap:wrap}.field-guide .q-top:has(.t-find) .q-nav{order:2}
.field-guide .t-find form{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;border:1px solid var(--q-line);border-radius:999px;background:var(--q-paper);color:var(--q-muted)}
.field-guide .t-find form:focus-within{outline:2px solid var(--q-native);outline-offset:1px}
.field-guide .t-find svg{width:17px;height:17px;flex:none}
.field-guide .t-find input{flex:1;min-width:0;width:auto;height:42px;min-height:0;margin:0;padding:0;border:0;background:none;box-shadow:none;font-size:16px;color:var(--q-ink);outline:0}
.field-guide .t-find-hits{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;list-style:none;margin:0;padding:6px 0;background:var(--q-paper);border:1px solid var(--q-line);border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.field-guide .t-find-hits a{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:9px 16px;text-decoration:none;color:var(--q-ink)}
.field-guide .t-find-hits a:hover,.field-guide .t-find-hits [aria-selected=true] a{background:var(--q-tint)}
.field-guide .t-find-hits i{color:var(--q-muted);font-size:14px}
.field-guide .t-find-note{padding:6px 16px;font-size:13px;color:var(--q-muted);font-style:italic}
@media (max-width:700px){.field-guide .t-find{order:5;flex:1 0 100%;max-width:none;margin:6px 0 0}}