/* Code-Blöcke für Übungsblätter (franke-lab.de)
   Markup:  <pre><code class="language-python">…</code></pre>
   optional: data-label="Datei: hallo.py" am <pre>, Ausgabe: <pre class="cb-output">…</pre> */
.cb { margin: 0.75rem 0 1.1rem; border-radius: 10px; overflow: hidden; background: #1e293b; box-shadow: 0 1px 3px rgba(0,0,0,0.12); }
.cb-head { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; background: #0f172a; padding: 0.3rem 0.5rem 0.3rem 0.85rem; }
.cb-label { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.75rem; color: #94a3b8; letter-spacing: 0.02em; }
.cb-copy { display: inline-flex; align-items: center; gap: 0.35rem; background: transparent; border: 1px solid #334155; color: #cbd5e1; border-radius: 6px;
           padding: 0.2rem 0.55rem; font: 600 0.75rem/1.2 Inter, -apple-system, sans-serif; cursor: pointer; }
.cb-copy:hover { background: #1e293b; color: #fff; border-color: #475569; }
.cb-copy.ok { color: #4ade80; border-color: #166534; }
.cb-copy svg { width: 14px; height: 14px; }
.cb pre { margin: 0 !important; padding: 0.85rem 1rem !important; background: transparent !important; overflow-x: auto; border: none !important; }
.cb pre code, .cb pre code.hljs { display: block; padding: 0 !important; background: transparent !important; color: #e2e8f0;
           font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.88rem; line-height: 1.55; white-space: pre; tab-size: 4; }
/* Ausgabe im Terminal */
pre.cb-output { margin: -0.6rem 0 1.1rem; padding: 0.55rem 0.9rem; background: #f1f5f9; border: 1px dashed #94a3b8; border-radius: 0 0 10px 10px;
           font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.85rem; color: #0f172a; white-space: pre-wrap; }
pre.cb-output::before { content: attr(data-label); display: block; font: 600 0.7rem/1.4 Inter, sans-serif; text-transform: uppercase; letter-spacing: 0.05em; color: #64748b; margin-bottom: 0.15rem; }
/* Lösungen zum Aufklappen */
details.solution { margin: 0.6rem 0 1rem; border: 1px solid #bbf7d0; background: #f0fdf4; border-radius: 10px; padding: 0.4rem 0.9rem; }
details.solution > summary { cursor: pointer; font-weight: 600; color: #166534; list-style: none; }
details.solution > summary::-webkit-details-marker { display: none; }
details.solution > summary::before { content: "▸ "; } details.solution[open] > summary::before { content: "▾ "; }
details.solution[open] { padding-bottom: 0.6rem; }
/* Befehlstabellen + Weiter-Link auf Übungsblättern */
table.cmd-table { width: 100%; border-collapse: collapse; margin: 0.6rem 0 1rem; font-size: 0.93em; }
table.cmd-table th, table.cmd-table td { border-bottom: 1px solid #e2e8f0; padding: 0.4rem 0.6rem; text-align: left; vertical-align: top; }
table.cmd-table th { background: #f1f5f9; }
p.next-link { margin: 2rem 0 0.5rem; text-align: right; }
p.next-link a { display: inline-block; font-weight: 600; text-decoration: none; background: #eef2f9; border: 1px solid #9fb4da; color: #3b5a96; border-radius: 10px; padding: 0.5rem 1rem; }
p.next-link a:hover { background: #dbe4f3; }
kbd { font-family: ui-monospace, monospace; font-size: 0.82em; background: #f1f5f9; border: 1px solid #cbd5e1; border-bottom-width: 2px; border-radius: 4px; padding: 0 0.3em; }
/* Platz für den DE/EN-Umschalter rechts oben */
#header > div { padding-right: 96px; }
@media (max-width: 520px) { #header > div { padding-right: 0; padding-top: 28px; } }