/* Pia-App: Farben aus Brain (pia_farben-schrift.md, Pia-Stil v5, Stand 11.10.2026). Lila Fläche, Pink nur als einziger Akzent.
   Keine Verläufe, Kringel oder Linien als Schmuck (die Blobs der Vera-Strecke sind hier aus). Schrift Barlow wie in der App. */
:root{
  --canvas:#EFEEF3; --surface:#ffffff; --surface-2:#e8e4ef;
  --ink:#231a2b; --ink-2:#4a3d55; --ink-3:#5d5466;
  --brand:#6D1D93; --brand-strong:#4D1568; --brand-soft:#ece3f2; --brand-tint:#f5f0f8;
  --accent:#F05286; --accent-strong:#c9356a; --accent-soft:#fde6ee;
  --line:rgba(109,29,147,.14); --line-2:rgba(109,29,147,.24);
  --f-display:"Barlow",Helvetica,Arial,sans-serif;
}
.blob,.grain{display:none}
.top{background:var(--canvas)}

/* Review 03.11.2026: Cookie-Schalter (P2) und Liste „Was helfen kann“ im Seitenkasten (P38) */
.cswitches{display:grid;gap:10px;margin:14px 0 0}
.cswitch{display:flex;gap:14px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;background:var(--surface);cursor:pointer}
.cswitch>span{display:grid;gap:2px}.cswitch b{font-size:16.5px}
.cswitch input{position:absolute;opacity:0;width:1px;height:1px}
.cswitch i{flex:none;width:48px;height:28px;border-radius:999px;background:#cfcbd6;position:relative;transition:background .15s}
.cswitch i::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
.cswitch input:checked+i{background:var(--brand)}.cswitch input:checked+i::after{left:23px}
.cswitch input:disabled+i{opacity:.55}.cswitch input:focus-visible+i{outline:3px solid var(--brand);outline-offset:2px}
.hilft{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:4px}
.hilft li{display:flex;gap:8px;align-items:flex-start;margin:0}
.hm{flex:none;width:18px;text-align:center;color:var(--ink-2);font-weight:700}.hm.on{color:var(--brand)}

/* Ergänzungen der Mehr-App-Strecke zu app.css (Vera). */
.cthumb.mono{display:grid;place-items:center;font-size:26px;color:var(--brand);background:var(--brand-tint);border:1px solid var(--line)}
.note.warn{background:var(--accent-soft)}
.note.warn>span:first-child{color:var(--accent-strong);font-weight:700}
.krise{margin:18px 0 0;padding:10px 12px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);color:var(--ink-2)}