/* MINT-Material · Informatik K9 „Programmieren mit Python“ (Konsolen-Programme).
   Ergänzt turtle.css (Code-Schrift, Listing, Code-Panel, ▶-Knopf, Ausprobieren-Knopf).
   Einbinden NACH applet.css und turtle.css. Farben nur aus var(--fach-*) und der Nuklidkarten-Palette. */

/* Konsolen-Ausgabe als Block (Inhalts- und Aufgabenseiten) */
pre.py-out{margin:10px 0 6px;padding:10px 16px;background:#2f2f2f;color:#f4ede0;border-radius:10px;font:14.5px/1.6 ui-monospace,'SF Mono',Menlo,Consolas,'Liberation Mono',monospace;white-space:pre-wrap;overflow-x:auto}
pre.py-out::before{content:'Ausgabe';display:block;margin-bottom:4px;font:600 11px 'Fredoka',Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#b9ab93}

/* Code-Applet: Code links, Bühne rechts (wie .tt-grid, aber Bühne darf SVG oder HTML sein) */
.py-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:16px;align-items:start}
.py-grid.py-wide{grid-template-columns:minmax(0,1fr)}
.py-grid .tt-code{height:100%}
.py-stage{min-width:0}
.py-stage svg{display:block;width:100%;height:auto;background:#fff;border:1px solid var(--rule,#d9cdb8);border-radius:12px;touch-action:none;user-select:none;-webkit-user-select:none}
.py-stage svg text{font-family:'Fredoka','Inter',sans-serif}
.py-stage svg .mono,.applet-stage svg .mono,.py-mono{font-family:ui-monospace,'SF Mono',Menlo,Consolas,'Liberation Mono',monospace}
.tt-lines li.py-hit{background:rgba(103,176,95,.18)}
.tt-lines li.py-miss{background:rgba(231,154,58,.2)}
.tt-lines li.py-skip .tx{color:#b3a591}
.tt-lines li.py-mark{box-shadow:inset 4px 0 0 #e2574c;background:#fbeeec}
.tt-lines li.py-click{cursor:pointer}
.tt-lines li.py-click:hover{background:rgba(196,122,58,.08)}
.tt-lines li.py-click:focus-visible{outline:3px solid var(--fach-strong);outline-offset:-3px}

/* Eingabezeile im Applet */
.py-inrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.py-inrow label{font:600 14px 'Fredoka',Inter,sans-serif;color:var(--fach-ink)}
.py-inrow input[type=text]{flex:1 1 180px;min-height:40px;padding:6px 12px;border:1.5px solid var(--rule,#d9cdb8);border-radius:10px;font:15px ui-monospace,'SF Mono',Menlo,Consolas,monospace;background:#fff;color:#2b241d}
.py-inrow input[type=text]:focus-visible{outline:3px solid var(--fach-strong);outline-offset:1px}
.py-inrow input[type=text]:disabled{background:#f4ede0;color:#9a8e80}

/* Wahl-Chips im Applet (Datentyp, Fehlerart, Operator …) */
.py-chips{display:flex;flex-wrap:wrap;gap:8px}
.applet-lab .py-chips button{min-height:40px;padding:6px 12px;border-radius:10px;border:1.5px solid var(--rule,#d9cdb8);background:#fff;color:#2b241d;font:500 14.5px 'Fredoka',Inter,sans-serif;cursor:pointer}
.applet-lab .py-chips button.code{font:14px ui-monospace,'SF Mono',Menlo,Consolas,monospace}
.applet-lab .py-chips button:hover{border-color:var(--fach-strong)}
.applet-lab .py-chips button[aria-pressed="true"]{border-color:var(--fach-strong);background:#f7dcc4;box-shadow:inset 0 0 0 1px var(--fach-strong)}

/* Wertetabelle (Trace) im Applet */
.py-trace{width:100%;border-collapse:collapse;font:14px ui-monospace,'SF Mono',Menlo,Consolas,monospace;background:#fff;border:1px solid var(--rule,#d9cdb8);border-radius:12px;overflow:hidden}
.py-trace th{font:600 12.5px 'Fredoka',Inter,sans-serif;letter-spacing:.03em;color:#6b5f53;background:#f1e8d8;text-align:left;padding:6px 10px;border-bottom:1px solid var(--rule,#d9cdb8)}
.py-trace td{padding:5px 10px;border-bottom:1px solid #efe6d6}
.py-trace tr.is-new td{background:rgba(244,208,63,.22)}
.py-trace td.f{color:#e2574c;font-weight:700}.py-trace td.t{color:#4a7530;font-weight:700}

@media(max-width:760px){.py-grid{grid-template-columns:minmax(0,1fr)}}
@media print{.py-inrow,.py-chips{display:none}}

/* Syntaxfarben im Listing: innere Spans sind keine eigenen Zeilen */
pre.tt-listing span span{display:inline;counter-increment:none}
pre.tt-listing span span::before{content:none}