/* Dunkel/Hell-Umschalter — einheitliches Aussehen auf allen Seiten
   (Startseite, studium, lesen). Reagiert rein per CSS auf body.dark
   (von theme-toggle.js gesetzt), kein Extra-JS-Zustand am Button noetig.
   Quadratischer Icon-Button (kein Schiebe-Schalter mehr) — matcht die Hoehe
   der jeweils umgebenden Pillen-Buttons (32px Standard; lesen ueberschreibt
   auf 42px in seinem eigenen CSS-Block, da dessen Buttons groesser sind).
   Die alten <span class="tt-sun">/<span class="tt-moon">/<span class="tt-knob">
   bleiben im Markup (Ruecksichtnahme auf ueber 780 bereits gepatchte Dateien),
   werden aber ausgeblendet — das aktuelle Icon kommt per ::before auf den
   Button selbst. */
.theme-toggle{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;width:32px;height:32px;padding:0;border-radius:8px;
  border:1px solid rgba(120,120,140,.35);cursor:pointer;
  background:#fff;font-size:15px;line-height:1;
  transition:background .2s,border-color .2s;
}
.theme-toggle .tt-sun,.theme-toggle .tt-moon,.theme-toggle .tt-knob{display:none}
.theme-toggle::before{content:'☀️'}
body.dark .theme-toggle{background:#242428;border-color:rgba(255,255,255,.2)}
body.dark .theme-toggle::before{content:'🌙'}

/* Dezentes Marken-Badge unten links auf jeder Seite (Startseite, studium,
   lesen) — von brand-badge.js injiziert, hier nur das Aussehen. Klick fuehrt
   zur Startseite (siehe brand-badge.js). Bewusst unten links: die einzige
   Ecke, die auf keiner Seite von einem theme-toggle-fixed, dem sticky
   Leseplan-Kopf oder (mobil) der studium-Detailleiste belegt wird. */
.brand-badge{
  position:fixed;left:14px;bottom:14px;z-index:50;
  display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;
  opacity:.68;transition:opacity .15s,transform .15s;
  box-shadow:0 1px 5px rgba(0,0,0,.2);
}
.brand-badge:hover,.brand-badge:focus-visible{opacity:1;transform:scale(1.06)}
.brand-badge img{width:100%;height:100%;border-radius:50%;display:block}
@media print{.brand-badge{display:none}}