:root{--paper:#fff;--ink:#262624;--muted:#6f6b64;--source:#1e6b47;--hair:#2626241a;--band:#2626240f;--bar-edge:#26262426;--sans:arial, "Helvetica Neue", Helvetica, sans-serif;--serif:"Iowan Old Style", "Iowan Old Style BT", Georgia, serif;--edge:clamp(160px, 100vw - 1096px, 180px);--over:10px;--bar-w:650px;--bar-h:30px;--bar-go:60px;--band-h:60px;--count-h:42px;--count-gap:8px}.search{width:var(--bar-w);height:var(--bar-h);margin:0;display:flex}.box{min-width:0;height:100%;padding:0 calc(var(--over) - 1px);border:1px solid var(--bar-edge);background:var(--paper);color:var(--ink);caret-color:var(--source);font:16px/calc(var(--bar-h) - 2px) var(--sans);appearance:none;box-shadow:none;background-clip:padding-box;border-right:0;border-radius:0;outline:none;flex:1 1 0;margin:0}.box::-webkit-search-cancel-button{appearance:none;display:none}.box::-webkit-search-decoration{appearance:none;display:none}.go{width:var(--bar-go);background:var(--source);height:100%;color:var(--paper);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:0 2px 2px 0;flex:none;place-items:center;margin:0;padding:0;display:grid}.go svg{width:14px;height:14px;display:block}.name{font-family:var(--serif);color:var(--ink);white-space:nowrap;font-weight:400;text-decoration:none}.name:hover{text-decoration:none}.name:not([href]){cursor:default}.top :is(a,button):focus-visible{outline:2px solid var(--ink);outline-offset:2px}html:is([data-view=results],[data-view=item]) .top{height:var(--band-h);background:var(--band);position:relative}html:is([data-view=results],[data-view=item]) .name{font-size:28px;line-height:var(--band-h);position:absolute;top:0;left:32px}html:is([data-view=results],[data-view=item]) .search{left:calc(var(--edge) - var(--over));top:calc((var(--band-h) - var(--bar-h)) / 2);position:absolute}html[data-view=item] .top{z-index:30;position:fixed;top:0;left:0;right:0}@media (width<=899px){:root{--edge:16px;--bar-w:calc(100% - 2 * (var(--edge) - var(--over)));--bar-h:44px;--band-h:98px;--count-h:40px;--count-gap:8px}html:is([data-view=results],[data-view=item]) .name{font-size:24px;line-height:36px;top:4px;left:16px}html:is([data-view=results],[data-view=item]) .search{top:42px}}
