/* Werkzeuge zum Werk „Verfügung über das Erdsystem“ — gemeinsame Darstellung (Fassung 99.7).
   Übernommen aus den Originalwerkzeugen W1, W2, W5, W6, auf die Lern-Agent-Farben (stil.css) umgestellt,
   unter .erd gekapselt, damit stil.css und Werkzeug sich nicht überschreiben. Keine Inline-Stile nötig. */
.erd{--ink:var(--tinte);--ink-2:#4a545c;--paper:var(--flaeche);--rule:var(--linie);--field:#eef1ef;--delta:#24506e;--rho:#8a3a3a;--ok:var(--gut);--prov:#8a6a20;
  --serif:"Iowan Old Style","Hoefler Text","Charter",Georgia,serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  max-width:1180px;margin:0 auto;padding:22px 16px 60px;font-family:var(--sans);font-size:15px;line-height:1.45;color:var(--ink)}
@media (prefers-color-scheme:dark){.erd{--ink-2:#a9b1ab;--field:#232a26;--delta:#7fb2d6;--rho:#e08a8a;--prov:#e0b25c}}
.erd a{color:var(--delta)}
.erd header.masthead{border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:22px}
.erd .masthead h1{font-family:var(--serif);font-weight:600;font-size:31px;letter-spacing:-.01em;margin:0 0 4px}
.erd .masthead p{margin:0;color:var(--ink-2);max-width:72ch;font-size:14px}
.erd .masthead .meta{margin-top:8px;font-size:12.5px;color:var(--ink-2)}
.erd .masthead .grenze{margin-top:6px;font-size:12.5px;color:var(--ink);border-left:2px solid var(--prov);padding-left:8px}

.erd .befund,.erd .naechste{border:1px solid var(--rule);border-left:5px solid var(--delta);background:var(--field);padding:15px 17px;margin:0 0 22px}
.erd .befund .kopf,.erd .naechste .kopf{font-size:12.5px;color:var(--ink-2);margin-bottom:5px}
.erd .befund .satz,.erd .naechste .satz{font-family:var(--serif);font-size:20px;line-height:1.35}
.erd .befund .satz b{font-variant-numeric:tabular-nums}
.erd .naechste .tage{font-variant-numeric:tabular-nums;font-weight:600}
.erd .naechste ul{margin:10px 0 0;padding-left:18px;font-size:13.5px;color:var(--ink-2)}
.erd .kopf{border-bottom:0}
.erd .kopf.abstand{margin-top:10px}

.erd .steuer{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:0 0 16px}
.erd .steuer.abstand{margin-top:12px}
.erd .steuer label,.erd label.kl{display:block;font-size:12.5px;font-weight:400;color:var(--ink-2);margin:0 0 3px}
.erd select,.erd input[type=text],.erd input[type=number],.erd input[type=search]{font:inherit;font-size:14px;padding:6px 8px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:2px}
.erd input[type=text]{min-width:min(260px,100%)}.erd input[type=search]{min-width:min(230px,100%)}
.erd select,.erd input{max-width:100%}.erd .steuer>div{min-width:0;max-width:100%}
.erd input[type=number]{width:100px;font-variant-numeric:tabular-nums}
.erd button{font:inherit;font-size:13.5px;padding:7px 12px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:2px;cursor:pointer}
.erd button:hover{background:var(--ink);color:var(--paper)}
.erd button.leise{border-color:var(--rule);color:var(--ink-2);padding:4px 8px;font-size:12.5px}
.erd button.leise:hover{background:var(--rho);border-color:var(--rho);color:#fff}
.erd :focus-visible{outline:2px solid var(--delta);outline-offset:2px}
.erd .zaehler{margin-left:auto;font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums}

.erd h2{font-family:var(--serif);font-weight:600;font-size:19px;margin:30px 0 10px;border-bottom:1px solid var(--rule);padding-bottom:5px}
.erd table{width:100%;border-collapse:collapse;font-size:13.5px}
@media (max-width:640px){.erd table{display:block;overflow-x:auto}}
.erd th{text-align:left;font-weight:600;font-size:12.5px;color:var(--ink-2);border-bottom:1px solid var(--ink);padding:7px 6px;white-space:nowrap}
.erd td{border-bottom:1px solid var(--rule);padding:7px 6px;vertical-align:top}
.erd td.z{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.erd .hinweis{font-size:13px;color:var(--ink-2);border-left:2px solid var(--prov);padding-left:10px;max-width:74ch;margin:12px 0 0}
.erd .satzinfo{font-size:12.5px;color:var(--ink-2);margin-top:6px;max-width:74ch}
.erd .leer{color:var(--ink-2)}
.erd .klein2{font-size:12px;color:var(--ink-2);margin-top:3px}
.erd .t-rho{color:var(--rho)}.erd .t-prov{color:var(--prov)}.erd .t-ok{color:var(--ok)}.erd .t-ink2{color:var(--ink-2)}
.erd .abstand-o{margin-top:9px}
.erd footer{margin-top:32px;border-top:1px solid var(--rule);padding-top:14px;font-size:12.5px;color:var(--ink-2);max-width:76ch}
.erd footer p{margin:0 0 7px}

/* W1 Pflichtenregister */
.erd.w1 th{position:sticky;top:0;background:var(--paper);cursor:pointer}
.erd.w1 th:hover{color:var(--ink)}
.erd.w1 td{padding:9px 8px}
.erd tr.zeile:hover{background:var(--field)}
.erd td.frist{font-variant-numeric:tabular-nums;white-space:nowrap}
.erd .ebene{font-size:11.5px;color:var(--ink-2)}
.erd .pflicht{font-weight:500}
.erd .beleg{display:inline-block;font-size:11px;padding:1px 5px;border:1px solid;border-radius:2px;vertical-align:1px}
.erd .m-v{color:var(--ok);border-color:var(--ok)}.erd .m-p{color:var(--prov);border-color:var(--prov)}
.erd td.glied{font-size:12px;color:var(--rho)}
.erd .kollision{margin-top:5px;font-size:12px;color:var(--rho);border-left:2px solid var(--rho);padding-left:7px}
.erd .quelle{font-size:12px;color:var(--ink-2)}
.erd .vergangen td{color:var(--ink-2)}
.erd .vergangen td.frist::after{content:" · abgelaufen";font-size:11px}
@media (max-width:760px){.erd.w1 th:nth-child(4),.erd.w1 td:nth-child(4){display:none}.erd .masthead h1{font-size:25px}}

/* W2 Kostenwaage */
.erd .rahmen{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}
.erd .rh{flex:1 1 170px;min-width:160px;border-top:2px solid var(--delta);padding-top:5px}
.erd .rh b{display:block;font-size:12.5px}
.erd .rh span{font-size:18px;font-variant-numeric:tabular-nums;font-family:var(--serif)}
.erd .rh em{display:block;font-size:11.5px;color:var(--ink-2);font-style:normal}
.erd tr.verweigert td{color:var(--rho)}
.erd.w2 td{vertical-align:middle}
@media (max-width:820px){.erd.w2 th:nth-child(n+6),.erd.w2 td:nth-child(n+6){font-size:12px}}

/* W5 Indikatorprüfung */
.erd.w5 .befund{border-left-color:var(--rho)}
.erd .ind{border:1px solid var(--rule);border-left:4px solid var(--rule);padding:13px 15px;margin-bottom:12px}
.erd .ind.n0{border-left-color:var(--rho)}.erd .ind.n1{border-left-color:var(--prov)}.erd .ind.n2{border-left-color:var(--ok)}
.erd .ind .kopfzeile{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}
.erd .ind h3{font-family:var(--serif);font-weight:600;font-size:17px;margin:0}
.erd .ind .note{font-size:13px;font-weight:600}
.erd .ind .ziel{font-size:12.5px;color:var(--ink-2);margin:2px 0 10px}
.erd .krit{display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center;font-size:13.5px}
.erd .frage{font-size:14px;font-weight:400;color:var(--ink)}
.erd .krit .wahlen,.erd .antw{display:flex;gap:4px;flex-wrap:wrap}
.erd .krit label,.erd .antw label{display:inline-block;margin:0;font-weight:400;font-size:12.5px;border:1px solid var(--rule);padding:3px 7px;border-radius:2px;cursor:pointer;background:var(--paper);white-space:nowrap;color:var(--ink)}
.erd .krit input,.erd .antw input{position:absolute;opacity:0;width:0;height:0}
.erd .krit label:has(input:checked),.erd .antw label:has(input:checked){border-color:var(--ink);background:var(--field);font-weight:600}
.erd .krit label:has(input[value="0"]:checked),.erd .antw label:has(input[value="0"]:checked){border-color:var(--rho);color:var(--rho)}
.erd .krit label:has(input[value="2"]:checked),.erd .antw label:has(input[value="2"]:checked){border-color:var(--ok);color:var(--ok)}
.erd .krit label:has(input[value="u"]:checked),.erd .antw label:has(input[value="u"]:checked){border-color:var(--prov);color:var(--prov)}
.erd .krit label:has(input:focus-visible),.erd .antw label:has(input:focus-visible){outline:2px solid var(--delta);outline-offset:2px}
.erd .ind .folge{margin-top:9px;font-size:12.5px;color:var(--rho);border-left:2px solid var(--rho);padding-left:8px}
@media (max-width:640px){.erd .krit{grid-template-columns:1fr}}

/* W6 Vollzugsprüfung */
.erd.w6 .befund{border-left-color:var(--rho)}
.erd .glieder{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}
.erd .gl{flex:1 1 150px;min-width:140px}
.erd .gl b{display:block;font-size:12.5px;font-weight:600;margin-bottom:3px}
.erd .gl .balken{height:7px;background:var(--rule)}
.erd .gl .balken i{display:block;height:100%}
.erd .gl span{font-size:12px;color:var(--ink-2)}
.erd ol.fragen{list-style:none;margin:0;padding:0;counter-reset:f}
.erd ol.fragen li{counter-increment:f;border-bottom:1px solid var(--rule);padding:12px 0;display:grid;grid-template-columns:26px 1fr 300px;gap:12px;align-items:start}
.erd ol.fragen li::before{content:counter(f);font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:13px;padding-top:2px}
.erd .zuord{font-size:12px;color:var(--ink-2);margin-top:3px}
.erd.w6 .hinweis{margin-top:22px}
@media (max-width:820px){.erd ol.fragen li{grid-template-columns:22px 1fr}.erd .antw{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.erd *{transition:none!important;animation:none!important}}
