.search .sbar{margin:22px 0 10px;position:sticky;top:0;background:#fff;padding:10px 0;z-index:2}
.search #q{width:100%;font:inherit;font-size:17px;padding:13px 16px;border:1px solid rgba(20,24,28,.18);
  border-radius:12px;outline:none;background:rgba(20,24,28,.03);box-sizing:border-box}
.search #q:focus{border-color:#0b93ad;background:#fff}
.sstate{font-size:12px;color:rgba(20,24,28,.62);min-height:16px;padding:4px 2px}
.hits{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}
.hits .hit{display:grid;grid-template-columns:1fr auto;gap:2px 14px;width:100%;text-align:left;
  background:none;border:0;border-bottom:1px solid rgba(20,24,28,.08);padding:11px 4px;
  font:inherit;color:inherit;cursor:pointer;text-decoration:none;align-items:baseline}
.hits .hit:hover{background:rgba(11,147,173,.06)}
.hits .n{font-size:15px}
.hits .by{grid-column:1;font-size:12.5px;color:rgba(20,24,28,.62)}
.hits .sz{grid-row:1/3;grid-column:2;font-size:13px;color:#087185;white-space:nowrap;font-variant-numeric:tabular-nums}
.hits .c{grid-row:1;grid-column:2;font-size:12.5px;color:rgba(20,24,28,.62);white-space:nowrap}
.more{font-size:12.5px;color:rgba(20,24,28,.62);margin:12px 2px}
.az{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 4px}
.az .l{font:inherit;font-size:13px;min-width:30px;padding:6px 8px;border:1px solid rgba(20,24,28,.14);
  background:#fff;border-radius:8px;cursor:pointer;color:inherit}
.az .l:hover{border-color:#0b93ad}
.az .l.on{background:#087185;border-color:#087185;color:#fff}
@media (max-width:620px){
  .hits .hit{grid-template-columns:1fr}
  .hits .sz,.hits .c{grid-row:auto;grid-column:1}
}