:root { --bg:#fff; --fg:#1d1d1f; --muted:#666; --rand:#ddd; --fehler:#b3261e; --pruefen:#9a6700;
        --hinweis:#245fa8; --ok:#1e7a3c; --flaeche:#f6f6f7; --aufgabe:#6b3fa0; }
@media (prefers-color-scheme: dark) { :root { --bg:#17181a; --fg:#e8e8ea; --muted:#a0a0a6; --rand:#33353a;
        --fehler:#ff8a80; --pruefen:#e6b450; --hinweis:#8ab4f8; --ok:#7ccf8f; --flaeche:#202226; --aufgabe:#c9a7f0; } }
body { background:var(--bg); color:var(--fg); font:15px/1.5 system-ui, sans-serif; margin:0 auto;
        max-width:60rem; padding:1rem; }
h1 { font-size:1.4rem; margin:.2rem 0 } h2 { font-size:1.1rem; margin:0 0 .2rem }
.meta, .klein { color:var(--muted); font-size:.85rem }
.zahlen span { display:inline-block; margin-right:1rem; font-weight:600 }
.zahlen .Fehler, li.Fehler b { color:var(--fehler) } .zahlen .Prüfen, li.Prüfen b { color:var(--pruefen) }
.zahlen .Hinweis, li.Hinweis b { color:var(--hinweis) } li.ok { color:var(--ok) }
.zahlen .Aufgabe, li.Aufgabe b { color:var(--aufgabe) } .stoff.Aufgabe { border-left-color:var(--aufgabe) }
.nachtrag textarea { width:100%; box-sizing:border-box; font:inherit; font-size:.85rem; background:transparent;
          color:inherit; border:1px solid var(--rand); border-radius:6px; padding:.4rem }
.nachtrag button { margin-top:.3rem; padding:.35rem .9rem; border:0; border-radius:6px; background:var(--hinweis);
          color:var(--bg); font:inherit; font-weight:600; cursor:pointer }
.stoff { border:1px solid var(--rand); border-left:5px solid var(--ok); border-radius:6px;
          padding:.7rem 1rem; margin:.8rem 0; }
.stoff.Fehler { border-left-color:var(--fehler) } .stoff.Prüfen { border-left-color:var(--pruefen) }
.stoff.Hinweis { border-left-color:var(--hinweis) }
.befunde { margin:.3rem 0; padding-left:1.1rem }
.warn { background:var(--flaeche); border:1px solid var(--pruefen); border-radius:6px; padding:.5rem 1rem }
table.soll { border-collapse:collapse; margin-top:.4rem; width:100%; font-size:.9rem }
table.soll th, table.soll td { border-bottom:1px solid var(--rand); padding:.25rem .4rem; text-align:left;
          vertical-align:top }
a { color:var(--hinweis) }