/* Nr. 468 E4 — Kontext-„?“ und Seitenleiste (Entwurf 468: `.frage`, `.leiste`, `.mitleiste`). Tokens aus der jeweiligen Seite. */
.frage { width:30px; height:30px; border-radius:999px; border:1px solid var(--linie2, #d5cbbb); background:#fff; font-weight:700;
  color:var(--akzent-tief, #8a3410); cursor:pointer; flex-shrink:0; font-size:14px; line-height:1; padding:0; }
.frage.an { background:var(--akzent, #d4541f); color:#fff; border-color:var(--akzent, #d4541f); }
.frage:focus-visible { outline:2px solid var(--akzent, #d4541f); outline-offset:2px; }

.wiki-leiste { background:#fff; border-left:1px solid var(--linie, #e7e0d5); padding:16px; display:grid; align-content:start; gap:10px;
  font-size:14px; color:var(--tinte, #1c1917); }
.wiki-leiste[hidden] { display:none; }
.wl-kopf { display:flex; align-items:center; gap:8px; }
.wl-titel { font:700 16px 'Bricolage Grotesque','Helvetica Neue',Helvetica,sans-serif; letter-spacing:-.018em; }
.wl-wachs { flex-grow:1; }
.wl-zu { border:0; background:none; font-size:20px; color:var(--tinte3, #837b70); line-height:1; min-width:30px; min-height:30px; cursor:pointer; }
.wl-lbl { font-size:11px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--tinte3, #837b70); }
.wl-liste { display:grid; gap:10px; }
.wl-eintrag { border:1px solid var(--linie, #e7e0d5); border-radius:10px; padding:10px 12px; }
.wl-eintrag b { font-family:'Bricolage Grotesque','Helvetica Neue',Helvetica,sans-serif; }
.wl-aus { font-size:13px; color:var(--tinte2, #4b453e); margin:4px 0 6px; }
.wl-leer { color:var(--tinte2, #4b453e); font-size:13px; margin:0; }
.wl-suche { position:relative; }
.wl-suche input { width:100%; height:42px; border:1px solid var(--linie2, #d5cbbb); border-radius:10px; padding:0 12px 0 36px; background:#fff; font:inherit; font-size:14px; }
.wl-suche svg { position:absolute; left:11px; top:12px; width:18px; height:18px; color:var(--tinte3, #837b70); }
.wl-alle { font-size:13px; }

/* Links in der Farbe der Oberfläche (in `/app` erben sie sonst das Browserblau). */
.wiki-leiste a { color:var(--akzent, #d4541f); text-decoration:none; }
.wiki-leiste a:hover { color:var(--akzent-tief, #8a3410); text-decoration:underline; }
.wl-titel:focus { outline:none; }
.wl-titel:focus-visible { outline:2px solid var(--akzent, #d4541f); outline-offset:2px; }
/* Die Lupe braucht Platz vor dem Platzhalter — mit der Kennung, damit kein Feldstil der Seite die Einrückung überschreibt. */
#wikiLeiste .wl-suche input { padding:0 12px 0 38px; height:42px; box-sizing:border-box; }
#wikiLeiste .wl-suche svg { pointer-events:none; }

/* Breit: rechts neben dem Inhalt (Entwurf `.mitleiste` = Inhalt + 340 px). Die ganze Seite rückt ein — Kopf, Inhalt und Fuß
   (sonst lägen Karten und der Umschalter DE | EN darunter). */
@media (min-width:901px) {
  .wiki-leiste { position:fixed; right:0; top:0; bottom:0; width:340px; overflow-y:auto; z-index:60;
    box-shadow:-8px 0 24px rgba(28,25,23,.05); box-sizing:border-box; }
  html.mit-wiki-leiste body { padding-right:340px; box-sizing:border-box; }
  /* Nachklick 3.15.0 (N5): Portal — mit der Leiste ist der Kopf 340 px schmaler; die kurzen Reiterwörter, damit er nicht umbricht. */
  html.mit-wiki-leiste #app > header .lang { display:none; }
  html.mit-wiki-leiste #app > header .kurz { display:inline; }
}
/* Schmal: als Blatt von unten über dem Inhalt — an Ort und Stelle, die Seite rollt nicht. */
@media (max-width:900px) {
  .wiki-leiste { position:fixed; left:0; right:0; bottom:0; max-height:72vh; overflow-y:auto; z-index:1000; border-left:0;
    border-top:1px solid var(--linie, #e7e0d5); border-radius:14px 14px 0 0; box-shadow:0 -12px 32px rgba(28,25,23,.18);
    padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px)); box-sizing:border-box; }
}
@media (max-width:760px) {
  .frage { width:44px; height:44px; }
  .wl-zu { min-width:44px; min-height:44px; }
}