/* =====================================================================
   Item 28 — FIND-A-CASE SEARCH ★ (companion to
   item28-case-search.php). One input, one button, at the TOP of
   the cases list.

   DESIGN: blog-design-tokens.css (load it first). The form is
   built from the blog's own parts, so it reads as native:
   - the input follows the blog's .form-input (paper ground, line
     border, small radius) with the navy focus ring from
     .form-input:focus, and is set in the blog's editorial serif —
     the same serif its .search-inner input uses;
   - the button is the blog's .btn-primary (navy, white text,
     deepening to navy-dark on hover);
   - the "All cases" way back is the blog's accent red.
   ===================================================================== */

.tac-case-search {
  display: flex;
  gap: 10px;
  align-items: stretch;
  margin: 0 0 14px;
}
.tac-case-search input {
  flex: 1;
  min-width: 0;
  min-height: 46px;
  padding: 10px 14px;
  background: var(--pp-paper, #fff);
  border: 1px solid var(--pp-line, #cbd5e1);
  border-radius: var(--pp-radius-sm, 4px);
  color: var(--pp-ink, #0c1b33);
  font-family: var(--pp-font-serif, "Merriweather", Georgia, serif);
  font-size: 15px;
  transition: var(--pp-transition, all .2s ease-in-out);
}
.tac-case-search input:focus {
  border-color: var(--pp-ink, #0c1b33);
  outline: none;
  box-shadow: var(--pp-focus-ring, 0 0 0 3px #0c1b331f);
}
.tac-case-search button {
  padding: 12px 22px;
  background: var(--pp-ink, #0c1b33);
  border: 1px solid var(--pp-ink, #0c1b33);
  border-radius: var(--pp-radius-sm, 4px);
  color: #fff;
  font-family: var(--pp-font-sans, "Plus Jakarta Sans", "Inter", sans-serif);
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.3px;
  cursor: pointer;
  transition: var(--pp-transition, all .2s ease-in-out);
}
.tac-case-search button:hover {
  background: var(--pp-navy-dark, #071120);
  border-color: var(--pp-navy-dark, #071120);
  box-shadow: var(--pp-shadow-sm, 0 1px 3px #0c1b3314, 0 1px 2px #0c1b330a);
}
.tac-case-search a {
  align-self: center;
  color: var(--pp-accent, #a42d2d);
  font-family: var(--pp-font-sans, "Plus Jakarta Sans", "Inter", sans-serif);
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.tac-search-note {
  margin: 0 0 12px;
  color: var(--pp-faint, #64748b);
  font-family: var(--pp-font-sans, "Plus Jakarta Sans", "Inter", sans-serif);
  font-size: 13.5px;
}