.code-verstehen { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;font-size:clamp(.95rem,1.1vw,1.15rem); }
.code-verstehen [hidden] { display:none!important; }
.code-verstehen :is(section,form) { min-width:0; }
.code-verstehen :is(select,textarea,button) { font:inherit;border:1px solid var(--color-border);border-radius:0;background:var(--color-surface);color:var(--color-text-primary);padding:.6rem .8rem;max-width:100%; }
.code-verstehen select { width:100%; }
.code-verstehen textarea { display:block;width:100%;resize:vertical;margin:.4rem 0 .7rem; }
.code-verstehen form textarea { font: .85em/1.45 ui-monospace,monospace;tab-size:2; }
.code-verstehen-system { margin-bottom:.8rem; }
.code-verstehen button { background:var(--color-primary);color:white;cursor:pointer; }
.code-verstehen :disabled { opacity:.5;cursor:default; }
.code-verstehen :is(select,textarea,button,summary):focus-visible { outline:2px solid var(--color-primary-light);outline-offset:2px; }
.code-verstehen-zeilen { margin:1rem 0;padding:1rem 1rem 1rem 3.8rem;background:var(--color-bg-secondary);overflow-x:auto;font:clamp(.85rem,1.05vw,1.05rem)/1.6 ui-monospace,monospace;tab-size:4; }
.code-verstehen-zeilen li { padding-left:.5rem;white-space:pre; }
.code-verstehen-zeilen li::marker { color:var(--color-text-muted); }
.code-verstehen-zeilen code { font:inherit; }
.code-verstehen-zeilen li[data-befund] { color:var(--color-error,#922c20);background:#fff0ed; }
.code-verstehen-zeilen li[data-befund]::marker { color:var(--color-error,#922c20); }
.code-verstehen summary { color:var(--color-primary);cursor:pointer; }
.code-verstehen details { font-size:.9em;line-height:1.5; }
.code-verstehen details li { margin:.5rem 0; }
.code-verstehen-aktionen { display:flex;gap:.7rem; }
.code-verstehen-aktionen select { flex:1;min-width:0; }
.code-verstehen-status { display:flex;align-items:center;gap:.6rem;min-height:2rem;color:var(--color-text-secondary);font-size:.9em; }
.code-verstehen-spinner { width:.8rem;height:.8rem;border:2px solid var(--color-primary);animation:code-verstehen-laedt .8s linear infinite; }
.code-verstehen-antwort { line-height:1.55;overflow-wrap:anywhere; }
.code-verstehen-antwort h2 { font-size:.9em;font-weight:400;color:var(--color-text-secondary);margin:.3rem 0; }
.code-verstehen-antwort p { margin:.5rem 0;white-space:pre-wrap; }
.code-verstehen-antwort h3 { font-size:1em;color:var(--color-primary);margin:1rem 0 .4rem; }
.code-verstehen-befund { border-left:3px solid var(--color-border);padding:.7rem 1rem;margin:1rem 0;background:var(--color-bg-secondary); }
.code-verstehen-befund small { display:block;margin-top:.25rem; }
.code-verstehen-befund[data-stufe="fehler"], .code-verstehen-befund[data-stufe="kritisch"] { color:var(--color-error,#922c20);border-color:currentColor;background:#fff0ed; }
.code-verstehen-fehler { color:#922c20; }
@keyframes code-verstehen-laedt { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .code-verstehen-spinner { animation:code-verstehen-pulsiert 1s ease-in-out infinite alternate; } }
@keyframes code-verstehen-pulsiert { to { opacity:.25; } }
@media(max-width:800px) { .code-verstehen { grid-template-columns:1fr;gap:1rem; }.code-verstehen-zeilen { font-size:.8rem; } }