/* Textanalyse (Toolbox): seiteneigene Regeln. Reihenfolge im <head>: toolbox.css, diese Datei, darkmode.css.
   Farben der Markierungen wie in der Werkstatt-Fassung. */
main{max-width:52rem}
.lead{margin-bottom:1.75rem}
:root{--ok:#2f855a; --warn:#b7791f; --rot:#c53030}

.feld{background:#fff; border:1px solid var(--linie); border-radius:1rem; padding:1.4rem; box-shadow:0 10px 30px rgba(38,40,91,.08); text-align:left; margin-bottom:1.2rem}
.feld[hidden]{display:none}
.feld h2{margin:0 0 .6rem; font-size:1.25rem; color:var(--nacht)}
.feld h3{margin:1.1rem 0 .3rem; font-size:1.05rem; color:var(--nacht)}
label{display:block; font-weight:600; color:var(--nacht); margin-bottom:.35rem}
textarea{display:block; width:100%; min-height:14rem; resize:vertical; font:inherit; font-size:1rem; padding:.6rem .9rem; border:2px solid #dbe3ef; border-radius:.6rem; color:var(--text); background:#fff}
textarea:focus{outline:3px solid var(--gelb); outline-offset:2px; border-color:var(--violett)}
button:focus-visible,a:focus-visible{outline:3px solid var(--gelb); outline-offset:2px}
.leiste{display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; margin-top:.7rem}
.leiste button{font-size:.98rem; padding:.6rem 1.2rem}
.zweit{background:#fff; color:var(--violett); border:2px solid var(--violett); font-size:.9rem; padding:.45rem .9rem}
.zweit:hover{background:var(--zart)}
.klein{font-size:.88rem; color:var(--muted)}
.passt{color:var(--ok); font-weight:700}
.hinweis{font-size:.9rem; color:var(--muted); text-align:left; margin:1.4rem 0}

/* Ergebnis */
.mess-zahlen{display:grid; grid-template-columns:repeat(auto-fit,minmax(10rem,1fr)); gap:.6rem; margin:.4rem 0 .8rem}
.mess-zahlen div{border:1px solid var(--linie); border-radius:10px; padding:.6rem .8rem; border-left:4px solid var(--linie)}
.mess-zahlen b{display:block; font-size:1.5rem; line-height:1.1; color:var(--nacht)}
.mess-zahlen span{font-size:.84rem; color:var(--muted)}
.mess-zahlen .gut{border-left-color:var(--ok)} .mess-zahlen .mittel{border-left-color:var(--warn)} .mess-zahlen .schwer{border-left-color:var(--rot)}
.mess-liste{margin:.3rem 0 1rem; padding-left:1.2rem}
.mess-liste li{margin-bottom:.4rem}
.mess-liste a{color:var(--beere); font-weight:600}
html[data-theme="dunkel"] .mess-liste a{color:#ff8fb1}
button.mess-filter{font-size:.8rem; font-weight:700; padding:.15rem .7rem; border-radius:99px; background:#fff; color:var(--violett); border:2px solid var(--violett); margin-left:.2rem}
button.mess-filter:hover{background:var(--zart)}
button.mess-filter[aria-pressed="true"]{background:var(--violett); color:#fff}
.probe{display:inline-block; font-size:.78rem; padding:0 .3rem; border-radius:4px}
.mess-text{border:1px solid var(--linie); border-radius:10px; padding:.8rem 1rem; max-height:70vh; overflow:auto; overflow-wrap:anywhere; line-height:1.75}
.mess-text p{margin:0 0 .9em}
.mess-text .m-ueber{font-weight:700; color:var(--nacht)}
.mess-text .m-liste{margin:0 0 .3em; padding-left:.8rem}
.satz.lang,.probe.lang{background:#fff3c4}
.satz.sehrlang,.probe.sehrlang{background:#ffd9d2}
.satz.schachtel,.probe.schachtel{text-decoration:underline wavy #b7791f; text-underline-offset:4px}
.mess-text mark,.probe[class*="m-"]{background:none; color:inherit; border-radius:3px; padding:0 .1em}
.m-passiv{box-shadow:inset 0 -2px 0 #3182ce; background:#e3eefc !important}
.m-nominal{box-shadow:inset 0 -2px 0 #805ad5; background:#efe7fb !important}
.m-fuell{text-decoration:line-through; text-decoration-color:#c53030; background:#fde8e8 !important}
.m-fach{box-shadow:inset 0 -2px 0 #2f855a; background:#def3e6 !important}
.m-strich{background:#c53030 !important; color:#fff !important}
.m-langer-absatz{border-left:3px solid var(--rot); padding-left:.6rem}
.probe.m-langer-absatz{border-left:3px solid var(--rot)}
.mess-text.nur .satz,.mess-text.nur mark{background:none !important; box-shadow:none !important; text-decoration:none !important; color:inherit !important}
.mess-text.nur-lang .satz.lang{background:#fff3c4 !important} .mess-text.nur-sehrlang .satz.sehrlang{background:#ffd9d2 !important}
.mess-text.nur-schachtel .satz.schachtel{text-decoration:underline wavy #b7791f !important}
.mess-text.nur-passiv .m-passiv{box-shadow:inset 0 -2px 0 #3182ce !important; background:#e3eefc !important}
.mess-text.nur-nominal .m-nominal{box-shadow:inset 0 -2px 0 #805ad5 !important; background:#efe7fb !important}
.mess-text.nur-fuell .m-fuell{text-decoration:line-through !important; text-decoration-color:#c53030 !important; background:#fde8e8 !important}
.mess-text.nur-fach .m-fach{box-shadow:inset 0 -2px 0 #2f855a !important; background:#def3e6 !important}
.mess-text.nur-strich .m-strich{background:#c53030 !important; color:#fff !important}
.mess-text .blink{outline:3px solid var(--violett); border-radius:6px}
.mess-text mark,.mess-text .satz[tabindex],.mess-text [data-nr][tabindex]{cursor:help}
.mess-text :focus-visible{outline:2px solid var(--violett); outline-offset:1px; border-radius:3px}
.mess-info{margin:.5rem 0 0; padding:.45rem .7rem; min-height:2.4rem; border-radius:9px; background:var(--zart); color:var(--text); font-size:.9rem}
.mess-regeln{margin-top:1rem}
.mess-regeln summary{cursor:pointer; font-weight:700; color:var(--nacht)}
.mess-regeln li{font-size:.9rem; margin-bottom:.3rem}

/* Darkside */
html[data-theme="dunkel"] .feld,html[data-theme="dunkel"] textarea{background:var(--flaeche-2,#262a5e)}
html[data-theme="dunkel"] button.mess-filter,html[data-theme="dunkel"] .zweit{background:transparent; color:#c9a2ff; border-color:#c9a2ff}
html[data-theme="dunkel"] button.mess-filter[aria-pressed="true"]{background:#7b3a9a; border-color:#7b3a9a; color:#fff}
html[data-theme="dunkel"] .passt{color:#68d391}
html[data-theme="dunkel"] .mess-info{background:#2e2d63; color:var(--text)}
html[data-theme="dunkel"] :is(.feld h2,.feld h3,label,.mess-regeln summary,.mess-zahlen b,.mess-text .m-ueber){color:var(--text)}
html[data-theme="dunkel"] .mess-text :focus-visible{outline-color:#c9a2ff}
html[data-theme="dunkel"] .mess-text.nur .satz,html[data-theme="dunkel"] .mess-text.nur mark{background:none !important; box-shadow:none !important; text-decoration:none !important; color:inherit !important}
html[data-theme="dunkel"] .satz.lang,html[data-theme="dunkel"] .probe.lang,html[data-theme="dunkel"] .mess-text.nur-lang .satz.lang{background:#4a3f12 !important}
html[data-theme="dunkel"] .satz.sehrlang,html[data-theme="dunkel"] .probe.sehrlang,html[data-theme="dunkel"] .mess-text.nur-sehrlang .satz.sehrlang{background:#5a2620 !important}
html[data-theme="dunkel"] .m-passiv{background:#1f3657 !important; box-shadow:inset 0 -2px 0 #90cdf4}
html[data-theme="dunkel"] .m-nominal{background:#352a55 !important; box-shadow:inset 0 -2px 0 #b794f4}
html[data-theme="dunkel"] .m-fuell{background:#4a2424 !important; text-decoration-color:#fc8181}
html[data-theme="dunkel"] .m-fach{background:#1d3d2c !important; box-shadow:inset 0 -2px 0 #68d391}
html[data-theme="dunkel"] .mess-text.nur-passiv .m-passiv{background:#1f3657 !important; box-shadow:inset 0 -2px 0 #90cdf4 !important}
html[data-theme="dunkel"] .mess-text.nur-nominal .m-nominal{background:#352a55 !important; box-shadow:inset 0 -2px 0 #b794f4 !important}
html[data-theme="dunkel"] .mess-text.nur-fuell .m-fuell{background:#4a2424 !important; text-decoration-color:#fc8181 !important}
html[data-theme="dunkel"] .mess-text.nur-fach .m-fach{background:#1d3d2c !important; box-shadow:inset 0 -2px 0 #68d391 !important}