/**
 * OpenAlex-Recherche: Stylesheet
 * Version: 1.0 (18.10.2026)
 * Änderung: Erstfassung, Stil angelehnt an das Memory-Spiel (Panel, Akzentfarbe, Fokus-Rahmen), einspaltig, auf dem Handy volle Breite.
 */

.oar-root { --oar-accent: #d93b3b; --oar-line: #c9c2b4; --oar-panel: #faf8f3; max-width: 880px; color: #1c1c1c; font-family: sans-serif; font-size: 15px; }
.oar-root * { box-sizing: border-box; }

.oar-form, .oar-out { padding: 14px 16px; background: var(--oar-panel); border: 1px solid var(--oar-line); border-radius: 6px; }
.oar-out { margin-top: 14px; }
.oar-out[hidden] { display: none; }

.oar-label { display: block; margin: 0 0 6px; font-size: 14px; font-weight: 600; }
.oar-thema, .oar-string, .oar-wunsch-i, .oar-sort { display: block; width: 100%; padding: 9px 10px; border: 1px solid var(--oar-line); border-radius: 4px; background: #fff; font: inherit; color: inherit; }
.oar-string { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; line-height: 1.45; resize: vertical; }
.oar-thema { margin-bottom: 10px; resize: vertical; }
.oar-sort { width: auto; min-width: 200px; }

.oar-btn { font: inherit; font-weight: 600; padding: 8px 16px; border: 1px solid var(--oar-accent); border-radius: 4px; background: var(--oar-accent); color: #fff; cursor: pointer; }
.oar-btn:hover { filter: brightness(0.93); }
.oar-btn:disabled { opacity: 0.55; cursor: default; }
.oar-btn-leise { background: #fff; color: var(--oar-accent); }
.oar-btn-leise:hover { background: var(--oar-panel); filter: none; }
.oar-btn:focus-visible, .oar-thema:focus-visible, .oar-string:focus-visible, .oar-wunsch-i:focus-visible, .oar-sort:focus-visible, .oar-link:focus-visible, .oar-titel:focus-visible { outline: 3px solid #2f5d8a; outline-offset: 2px; }

.oar-status { min-height: 1.4em; margin: 10px 0 0; color: #6b6558; }
.oar-status-fehler { color: #a42a2a; font-weight: 600; }

.oar-kopf { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 8px; }
.oar-h { margin: 0; font-size: 17px; }
.oar-hint, .oar-meta { margin: 6px 0 0; font-size: 12px; color: #6b6558; }
.oar-zeile { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 10px 0 0; }
.oar-link { font-size: 13px; }
.oar-erkl { margin: 12px 0 0; padding: 8px 10px; border-left: 3px solid var(--oar-accent); background: #fff; font-size: 14px; }
.oar-fehlerbox { margin: 12px 0 0; padding: 8px 10px; border: 1px solid #d9a5a5; border-radius: 4px; background: #fdf1f1; font-size: 14px; }
.oar-fehlerbox .oar-btn { margin-top: 8px; }
.oar-wunsch { margin: 16px 0 0; }
.oar-wunsch .oar-btn { margin-top: 8px; }
.oar-sortbox { margin: 16px 0 0; }
.oar-anzahl { margin: 14px 0 8px; font-size: 15px; }

.oar-liste { margin: 0; padding: 0 0 0 22px; }
.oar-treffer { margin: 0 0 12px; padding: 0 0 12px; border-bottom: 1px solid var(--oar-line); }
.oar-treffer:last-child { border-bottom: 0; }
.oar-titel { font-weight: 600; }
.oar-autoren { margin-top: 2px; font-size: 14px; }
.oar-info { margin-top: 2px; font-size: 12px; color: #6b6558; }

@media (max-width: 600px) {
  .oar-sort { width: 100%; }
  .oar-kopf { flex-wrap: wrap; }
}