/* Busca: formulário (página /busca/ e topo da central de ajuda) e lista de resultados. */

.bform { display: flex; gap: var(--space-xs); max-width: 44rem; width: 100%; }
.bform input {
  flex: 1; min-width: 0; min-height: 52px; padding: var(--space-xs) var(--space-md);
  font: inherit; font-size: var(--text-md); color: var(--color-ink);
  background: var(--color-paper); border: 1px solid var(--color-rule); border-radius: var(--radius-md);
}
.bform input::placeholder { color: var(--color-muted); opacity: 0.8; }
.bform input:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 1px; border-color: var(--color-focus); }
.bform .btn { flex: none; }

.bresults { padding-bottom: var(--space-3xl); }
.bresults__status { font-size: var(--text-sm); color: var(--color-muted); padding-block: var(--space-md); border-top: var(--rule-hair) solid var(--color-rule); }
.bresults__status a { color: var(--color-accent-deep); }
.bresults__list { list-style: none; margin: 0; padding: 0; display: grid; max-width: 52rem; }
.bres { border-bottom: var(--rule-hair) solid var(--color-rule); }
.bres a { display: grid; gap: var(--space-3xs); padding-block: var(--space-md); text-decoration: none; color: inherit; }
.bres__sec { font-size: var(--text-xs); color: var(--color-accent-deep); }
.bres__title { font-family: var(--font-display); font-weight: 500; font-size: var(--text-md); color: var(--color-ink); }
.bres__txt { font-size: var(--text-sm); color: var(--color-ink-2); }
.bres a:hover .bres__title { color: var(--color-accent-deep); text-decoration: underline; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }