/* Page-CSS _dummy-artikel.html (ehem. <style>-Block; CSP-Externalisierung 11.07.2026;
   lädt NACH site.css – Kaskaden-Reihenfolge beibehalten!) */
/* ===== Werkstatt-Artikel im Site-Design (page-scoped, wa-*) – VORLAGE ===== */
/* ===== Werkbank-Leiste: Suche + Artikel-Kette (V5, 08.07.2026) ===== */
/* Balken-Anker: Spine hängt optisch HINTER der Werkbank-Leiste, Niete vorn (Stefan, 08.07.) */
.pf-spine{top:-46px}
.pf-spine::before{display:none}   /* Niete sitzt hier auf der Leiste, nicht am Track */
.pf-fill{top:-46px;border-top:46px solid var(--red)}
/* .wa-Wrapper: ersetzt durch zentrales Flow-System (.page-flow/.sec, CD-Block site.css) */
/* Vorspann + Auf einen Blick */
.wa-blick{background:#f7f1e2;border:1px solid #e6dcc4;border-left:4px solid #E31C23;border-radius:12px;padding:16px 22px;margin:26px 0 0}
.wa-blick .t{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#b01f24}
.wa-blick ul{margin:8px 0 0;padding-left:1.15em}
.wa-blick li{margin:.35em 0;color:#33333b;line-height:1.5}
/* Fließtext/Kästen/Tabelle: zentral – .sec-Regeln, .pf-box, .page-flow table (CD-Block site.css) */
/* Code (Anthrazit = Serienfarbe) – Werkstatt-Baustein, page-scoped */
.page-flow pre{background:#20242b;color:#e8e9ec;border-radius:12px;padding:16px 20px;overflow-x:auto;font-size:.88rem;line-height:1.55;box-shadow:0 10px 24px rgba(28,28,34,.18)}
.page-flow code{font-family:ui-monospace,Consolas,monospace}
.page-flow p code,.page-flow li code{background:#f1e9d3;color:#8f181c;border-radius:5px;padding:1px 6px;font-size:.88em}
/* Mehr aus der Werkstatt (Artikel -> Artikel/Demos) */