/* MINT-Material · Informatik Oberstufe (Abiturvorbereitung u. a.): Code, Struktogramm, Klassenkarte, Tabellen.
   Einbinden nach fach.css und applet.css. Nur fachneutrale Formen, Farben aus fach.css / Nuklidkarten-Palette. */
.ia-code{margin:12px 0 6px;padding:12px 16px;background:#fffdf8;border:1px solid var(--rule,#d9cdb8);border-left:3px solid var(--fach-strong);border-radius:10px;font:14.5px/1.65 ui-monospace,'SF Mono',Menlo,Consolas,monospace;color:#2b241d;overflow-x:auto;white-space:pre}
.ia-code .k{color:#2c5fb5;font-weight:700}.ia-code .c{color:#8a7d6c}.ia-code .n{color:#c47a3a}
.ia-sig{font:600 14.5px ui-monospace,'SF Mono',Menlo,Consolas,monospace;color:var(--fach-ink)}
.ia-tab{border-collapse:collapse;margin:10px 0 4px;font-size:14.5px;background:#fff}
.ia-tab caption{caption-side:top;text-align:left;font:600 14px 'Fredoka',Inter,sans-serif;color:var(--fach-ink);padding:0 0 4px}
.ia-tab th,.ia-tab td{border:1px solid var(--rule,#d9cdb8);padding:5px 10px;text-align:left}
.ia-tab th{background:#f4ede0;color:var(--fach-ink);font-weight:600}
.ia-tabwrap{overflow-x:auto;max-width:100%}
.ia-pk{text-decoration:underline;text-underline-offset:3px}
.ia-uml{display:inline-block;min-width:260px;max-width:100%;border:1.5px solid #2f2f2f;background:#fff;font:14px/1.55 ui-monospace,'SF Mono',Menlo,Consolas,monospace;margin:8px 0}
.ia-uml>div{padding:5px 12px;border-top:1.5px solid #2f2f2f}
.ia-uml>div:first-child{border-top:0;text-align:center;font:700 15px 'Fredoka',Inter,sans-serif}
@media print{.ia-code,.ia-uml{break-inside:avoid}}
/* Runder Start-Knopf links in der Applet-Leiste (▶ / ❚❚) */
.applet-lab .applet-toolbar button.ia-play{width:40px;min-width:40px;height:34px;padding:0;margin:0 12px 0 0;border-radius:999px;background:#fff;color:var(--fach-ink);border:1.5px solid #fff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.applet-lab .applet-toolbar button.ia-play:hover{background:color-mix(in srgb,var(--fach-strong) 18%,#fff)}
.applet-lab .applet-toolbar button.ia-play svg{width:16px;height:16px;display:block}
/* Tracetabelle / Ablauftabellen in Applets */
.ia-trace{max-height:300px;overflow:auto;border:1px solid var(--rule,#d9cdb8);border-radius:10px;background:#fff;margin:10px 0 0}
.ia-trace table{border-collapse:collapse;width:100%;font:13.5px/1.4 ui-monospace,'SF Mono',Menlo,Consolas,monospace}
.ia-trace th{position:sticky;top:0;background:#f4ede0;color:var(--fach-ink);font:600 12.5px 'Fredoka',Inter,sans-serif;padding:6px 8px;border-bottom:1px solid var(--rule,#d9cdb8);text-align:center}
.ia-trace td{padding:4px 8px;border-bottom:1px solid #efe8da;text-align:center;white-space:nowrap}
.ia-trace tr.is-now td{background:rgba(231,154,58,.16)}
.ia-trace td.w{color:#4a7530;font-weight:700}.ia-trace td.f{color:#e2574c;font-weight:700}
/* Struktogramm in HTML (Nassi-Shneiderman, Notation nach den Ergänzenden Hinweisen NI) */
.sgm{display:inline-block;min-width:min(520px,100%);max-width:100%;font:14px/1.45 ui-monospace,'SF Mono',Menlo,Consolas,monospace;color:#2b241d;margin:8px 0;overflow-x:auto}
.sgm-sig{font-weight:700;margin:0 0 4px}
.sgm-box{border:1.5px solid #2f2f2f;background:#fff}
.sgm-a{padding:6px 10px;border-top:1.5px solid #2f2f2f}
.sgm-box>:first-child,.sgm-body>:first-child,.sgm-col>:first-child{border-top:0}
.sgm-loop{border-top:1.5px solid #2f2f2f}
.sgm-loop>.sgm-h{padding:6px 10px}
.sgm-loop>.sgm-body{margin-left:28px;border-left:1.5px solid #2f2f2f;border-top:1.5px solid #2f2f2f}
.sgm-loop.foot>.sgm-body{border-top:0;border-bottom:1.5px solid #2f2f2f}
.sgm-if{border-top:1.5px solid #2f2f2f}
.sgm-if>.sgm-cond{position:relative;text-align:center;padding:6px 10px 22px;background:linear-gradient(to top right,transparent calc(50% - .9px),#2f2f2f calc(50% - .9px),#2f2f2f calc(50% + .9px),transparent calc(50% + .9px)) left/50% 100% no-repeat,linear-gradient(to top left,transparent calc(50% - .9px),#2f2f2f calc(50% - .9px),#2f2f2f calc(50% + .9px),transparent calc(50% + .9px)) right/50% 100% no-repeat}
.sgm-if>.sgm-cond span{background:#fff;padding:0 4px}
.sgm-if>.sgm-cond::before{content:'wahr';position:absolute;left:8px;bottom:2px;font-size:12px;color:#4a7530}
.sgm-if>.sgm-cond::after{content:'falsch';position:absolute;right:8px;bottom:2px;font-size:12px;color:#e2574c}
.sgm-cols{display:grid;grid-template-columns:1fr 1fr;border-top:1.5px solid #2f2f2f}
.sgm-col+.sgm-col{border-left:1.5px solid #2f2f2f}
.sgm-empty{padding:6px 10px;color:#b6ad9c}
/* Lange Signaturen in Fließtext/Stichlisten dürfen umbrechen (turtle.css setzt nowrap) */
.stichliste code,.applet-lead code,.applet-note code,.hinweis-card code,.dbox code,.erklaer-text code,.applet-readout code{white-space:normal;overflow-wrap:anywhere}
