/* Zusatz-Stile fuer die eingefrorenen /find-Seiten (siehe static_pages/).
 *
 * Bewusst eine eigene Datei statt Ergaenzungen in style.css: die Suchmaske
 * soll sich nicht aendern, nur weil eine statische Seite etwas braucht.
 * Farben und Abstaende kommen aus den Variablen von style.css, damit beide
 * Seitenarten gleich aussehen.
 *
 * style.css legt den body als Flex-Spalte mit 100vh aus -- passend fuer die
 * Chat-Oberflaeche, aber falsch fuer eine lange Textseite, die scrollen soll.
 * Deshalb hier zurueckgesetzt.
 */

body.find-body {
  display: block;
  height: auto;
  min-height: 100vh;
  overflow-y: auto;
}

.topbar-home {
  color: inherit;
  text-decoration: none;
}

.topbar-home:hover {
  text-decoration: underline;
}

.find-page {
  max-width: 46rem;
  margin: 0 auto;
  padding: 1.5rem 1rem 4rem;
}

.find-question {
  font-size: 1.6rem;
  line-height: 1.3;
  margin: 0 0 0.4rem;
}

.find-meta {
  color: var(--muted);
  font-size: 0.9rem;
  margin: 0 0 1.2rem;
}

.find-cta {
  border-left: 3px solid var(--accent);
  padding: 0.6rem 0.9rem;
  margin: 0 0 1.6rem;
  background: var(--bubble-assistant);
  font-size: 0.92rem;
  line-height: 1.5;
}

.find-cta a {
  color: var(--accent);
  font-weight: 600;
}

/* Die Zusammenfassung selbst (.ai-summary und alles darunter) ist in
 * style.css definiert -- sie sieht auf der Live-Suche und hier gleich aus.
 * Hier nur die Abstaende, die zum Seitenlayout gehoeren. */
.find-page .ai-summary {
  margin: 0 0 2rem;
}

.find-page .ai-summary h2,
.find-hits h2 {
  font-size: 1.05rem;
  margin: 0 0 0.6rem;
}

.find-hits {
  margin: 0 0 2.5rem;
}

.find-page .hit {
  border-top: 1px solid var(--border);
  padding: 1rem 0 0.2rem;
}

.find-page .hit-title {
  margin: 0 0 0.35rem;
  font-weight: 600;
  line-height: 1.4;
}

.find-page .hit-rank {
  color: var(--muted);
}

.find-page .hit-links {
  margin: 0 0 0.5rem;
}

.find-page .hit-links a {
  color: var(--accent);
  font-size: 0.9rem;
}

.find-page .hit-quote {
  margin: 0;
  padding: 0.5rem 0 0.5rem 0.9rem;
  border-left: 3px solid var(--border);
  color: var(--fg);
  line-height: 1.6;
}

.find-page .disclaimer {
  border-top: 1px solid var(--border);
  padding-top: 1rem;
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.5;
}

@media (max-width: 480px) {
  .find-question { font-size: 1.35rem; }
  .find-page { padding: 1rem 0.9rem 3rem; }
}