/* Search page. Builds on daily.css. The one loud thing here is the search bar itself. */
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.find { padding-block: 30px 6px; display: grid; gap: 14px; }
.find h1 { font-size: clamp(1.7em, 4.6vw, 2.6em); font-weight: 800; }
.bar { display: flex; gap: 10px; background: var(--card); border: 3px solid var(--ink); border-radius: 18px; padding: 8px; box-shadow: 6px 6px 0 var(--ink); }
.bar input { flex: 1; min-width: 0; border: 0; background: transparent; color: var(--ink); font: inherit; font-size: 1.15em; padding: 10px 12px; min-height: 56px; }
.bar input:focus { outline: none; }
.bar:focus-within { box-shadow: 6px 6px 0 var(--mark), 0 0 0 3px var(--mark); }
.bar .btn { border-radius: 12px; }
.tries, .kinds { display: flex; flex-wrap: wrap; gap: 8px; }
.tries button, .kinds button { background: var(--card); border: 2px solid var(--rule); border-radius: 999px; padding: 8px 16px; font-weight: 700; min-height: 46px; }
.tries button:hover, .kinds button:hover { border-color: var(--ink); }
.kinds button[aria-pressed="true"] { background: var(--mark); border-color: var(--ink); color: var(--mark-ink); }
.kinds button small { font-weight: 400; margin-left: 4px; }
.count { font-weight: 700; margin-top: 22px; min-height: 1.5em; }
.kinds { margin-top: 10px; }
.results { display: grid; gap: 10px; margin-top: 14px; }
.hit { background: var(--card); border: 1px solid var(--rule); border-left: 6px solid var(--blue); border-radius: 12px; }
.hit.k-recall, .hit.k-scam { border-left-color: var(--stop); }
.hit.k-deadline, .hit.k-storm { border-left-color: var(--mark); }
.hit.k-program, .hit.k-county, .hit.k-money, .hit.k-new { border-left-color: var(--ok); }
.hit > button { width: 100%; text-align: left; background: none; border: 0; padding: 14px 16px; display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; align-items: center; min-height: 60px; }
.hit .kind { grid-column: 1 / -1; font-size: .8em; font-weight: 700; color: var(--soft); }
.hit .title { font-weight: 700; }
.hit .pm { font-family: var(--display); font-size: 1.4em; font-weight: 800; width: 1em; text-align: center; }
.hit mark { background: linear-gradient(transparent 55%, var(--mark) 55%); color: inherit; }
.hit .more { padding: 0 16px 16px; display: grid; gap: 10px; }
.none { background: var(--warn-bg); color: var(--warn); border-radius: 12px; padding: 16px; display: grid; gap: 8px; }
.none b { font-size: 1.05em; }