/* Zickwolff Wissens-Suche – Styles (Ersatz für Pagefind UI CSS, Design-System-konform) */
.zwpf { max-width: 640px; margin: 0 auto 1.5rem; font-family: inherit; }
.zwpf-form { margin: 0; }
.zwpf-input {
  width: 100%;
  box-sizing: border-box;
  padding: 0.65rem 0.9rem;
  font: inherit;
  color: #0E2F40;
  background: #fff;
  border: 1.5px solid #1C4E66;
  border-radius: 4px;
}
.zwpf-input:focus { outline: 3px solid #1C4E66; outline-offset: 1px; }
.zwpf-results { position: relative; }
.zwpf-list {
  list-style: none;
  margin: 0.4rem 0 0;
  padding: 0;
  background: #fff;
  border: 1px solid #c8cfd4;
  border-radius: 4px;
  box-shadow: 0 4px 14px rgba(14, 47, 64, 0.12);
}
.zwpf-item { padding: 0.65rem 0.9rem; border-bottom: 1px solid #e3e8eb; }
.zwpf-item:last-child { border-bottom: none; }
.zwpf-link {
  font-weight: 600;
  color: #1C4E66;
  text-decoration: none;
}
.zwpf-link:hover, .zwpf-link:focus { text-decoration: underline; }
.zwpf-excerpt { margin: 0.25rem 0 0; font-size: 0.86rem; line-height: 1.45; color: #3d4a52; }
.zwpf mark { background: #ffe9c7; color: inherit; padding: 0 1px; }
.zwpf-msg { margin: 0.4rem 0 0; padding: 0.65rem 0.9rem; background: #fff; border: 1px solid #c8cfd4; border-radius: 4px; color: #3d4a52; font-size: 0.9rem; }
@media (prefers-reduced-motion: no-preference) {
  .zwpf-list { animation: zwpf-fade 120ms ease-out; }
  @keyframes zwpf-fade { from { opacity: 0; } to { opacity: 1; } }
}