/* Suchseite /suche/ (scripts/suche.mjs, src/suche.js): Feld mit Knopf, Status, Treffer als Liste mit Seite, Abschnitt und
   Ausschnitt (Suchwörter markiert). Ohne Skript steht stattdessen die Liste aller Seiten da. */
.suche-form { margin: 0 0 1rem; }
.suche-label { display: block; margin: 0 0 .45rem; font-family: var(--font-ui); font-size: .9rem; font-weight: 600; color: var(--ink-2); }
.suche-zeile { display: flex; gap: .5rem; }
.suche-feld {
  flex: 1; min-width: 0; min-height: 3rem; padding: .6rem .95rem; border: 1px solid var(--rule-strong); border-radius: 12px;
  background: var(--sheet); color: var(--ink); font: inherit; font-size: 1.05rem;
}
.suche-feld:focus-visible { outline: 2px solid var(--gold-text); outline-offset: 2px; border-color: var(--gold); }
.suche-knopf {
  flex: none; min-height: 3rem; padding: .6rem 1.2rem; border: 0; border-radius: 12px; cursor: pointer;
  background: var(--night); color: var(--gold-hell); font-family: var(--font-ui); font-size: .95rem; font-weight: 700;
}
.suche-knopf:hover { background: var(--night-3); }
.suche-knopf:focus-visible { outline: 2px solid var(--gold-text); outline-offset: 3px; }
.suche-hinweis { margin: .55rem 0 0; font-family: var(--font-ui); font-size: .85rem; line-height: 1.5; color: var(--ink-3); }
.suche-status { margin: 1.25rem 0 .75rem; font-family: var(--font-ui); font-size: .9rem; font-weight: 600; color: var(--ink-2); }
.suche-status:empty { display: none; }
.suche-treffer { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }
.suche-treffer-eintrag { padding: .9rem 1rem 1rem; border-radius: 14px; background: var(--sheet); box-shadow: inset 0 0 0 1px var(--rule); }
.suche-treffer-eintrag a { display: grid; gap: .15rem; color: inherit; text-decoration: none; border-radius: 6px; }
.suche-seite { font-family: var(--font-ui); font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--gold-text); }
.suche-abschnitt { font-family: var(--font-display); font-size: 1.3rem; line-height: 1.25; text-decoration: underline; text-decoration-color: var(--rule-strong); text-underline-offset: .2em; }
.suche-treffer-eintrag a:hover .suche-abschnitt { text-decoration-color: var(--gold); }
.suche-text { margin: .4rem 0 0; font-size: .95rem; line-height: 1.55; color: var(--ink-2); }
.suche-text mark { background: var(--gold-tint); color: var(--ink); border-radius: 3px; box-shadow: 0 0 0 .1em var(--gold-tint); }
.suche-ohne ul { padding-left: 1.1rem; display: grid; gap: .35rem; }