/* Auswertung (Elternseite und Eltern-Bereich der App): Abschnitte, Tagesleiste, Balken, Listen, Abfrage */
/* Abschnitte */
  .teil{border-top:1px solid var(--line);padding:16px 0 4px;margin-top:10px}
  .teil > p{margin:6px 0;font-size:14px}   /* nur direkte Absätze – nicht in der Abfrage-Karte */
  .teil h2{font-size:17px;margin:0 0 8px}
  .teil.titel h2{font-size:24px}
  .teil .hint{font-size:12px;margin:6px 0}

/* Tagesleiste: ein Balken je Tag, gestrichelte Linie = Tagesziel */
  .leiste{position:relative;display:flex;align-items:flex-end;gap:2px;height:130px;padding-top:18px;margin-top:8px}
  .leiste::before{content:"";position:absolute;left:0;right:0;bottom:calc(20px + (100% - 38px) * var(--ziel) / 100);border-top:1px dashed var(--fg-dim);opacity:.6;pointer-events:none}
  .tag{flex:1;min-width:0;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:none;border:none;padding:0 0 20px;cursor:pointer;color:var(--fg-dim);font-family:var(--font)}
  .tag i{display:block;width:100%;max-width:22px;background:var(--accent);border-radius:4px 4px 0 0;opacity:.75}
  .tag.an i{opacity:1}
  .tag.an{outline:1.5px solid var(--line);outline-offset:0;border-radius:6px}
  .tag .wt{position:absolute;bottom:2px;font-size:10px}
  .tag.heute .wt{color:var(--fg);font-weight:bold}
  .tag .wert{font-size:11px;color:var(--fg);margin-bottom:2px}
  .tag em{position:absolute;bottom:12px;font-style:normal;font-size:12px;line-height:1;color:var(--fg)}
  .legende{font-size:11px;color:var(--fg-dim);margin:6px 0}
  .tagdetail{background:var(--bg2);border-radius:10px;padding:8px 12px}

/* Waagrechte Balken: Stufen und Lektionen */
  .zeilen{margin:8px 0}
  .zeile{display:flex;align-items:center;gap:10px;margin:5px 0;font-size:13px}
  .zeile .lab{flex:none;width:78px;color:var(--fg-dim)}
  .zeile .bahn{flex:1;height:12px;background:var(--bg2);border-radius:4px;overflow:hidden}
  .zeile .bahn i{display:block;height:100%;background:var(--accent);border-radius:0 4px 4px 0}
  .zeile .bahn i.gut{background:var(--good)}
  .zeile .zahl{flex:none;width:44px;text-align:right;color:var(--fg)}

/* Listen */
  ul.liste{list-style:none;padding:0;margin:8px 0}
  ul.liste li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}
  ul.liste .rechts{flex:none;text-align:right;color:var(--fg-dim)}
  .teil details summary{cursor:pointer;font-size:13px;color:var(--fg-dim);margin:6px 0}
  #abfrage .card{margin:12px 0}
/* Knöpfe auf dem dunklen Seitenhintergrund (card.css gestaltet sie für die helle Karte) */
  .teil > .row .btn{background:var(--fg);color:var(--bg)}
  .teil > .row .btn.ghost{background:none;color:var(--fg-dim);border-color:var(--line)}
  .fuss .link{color:var(--fg-dim);background:none;border:none;font:inherit;text-decoration:underline;cursor:pointer;padding:0}