/* Software & Werkzeuge – seitenspezifisch (Stefan, 23.07.2026).
   Bewusst schlank: die Seite nutzt das geteilte Flow-Layout aus site.css
   (page-hero, hero-tabs, wk-bar--solo, page-flow, route-buehne, Footer).
   Hier wohnen nur die wenigen Eigenheiten der Platzhalter-Fassung. */

/* Platzhalter-Hinweis: ruhig, klar als "im Aufbau" erkennbar, ohne zu schreien. */
.sw-stub{
  margin-top:1.1em;padding:.75em 1em;
  border-left:3px solid rgba(227,28,35,.55);
  background:rgba(227,28,35,.05);
  border-radius:0 6px 6px 0;
  color:#4a4a52;font-size:.97rem;font-style:italic}

/* ===== Site-Suchleiste (Werkbank-Variante: nur Suche) – seitenspezifische Spine-Geometrie,
   identisch zur Transparenz-&-Recht-Seite: Strang tuckt 54px unter die Suchleiste (border-top
   fuellt hoch), Niete AUS (sonst halber Kreis am Suchfeld). Stefan, 23.07.2026. ===== */
.pf-spine{top:-54px}
.pf-spine::before{display:none}
.pf-fill{top:-54px;border-top:54px solid var(--red)}

/* ===== Software-Screenshot im Flow (Stefan, 23.07.2026): volle Textbreite, oben ausgerichtet,
   dezent gerahmt. Feste Hoehe -> kein Layout-Shift, Detail-Ansicht steht im jeweiligen Artikel. ===== */
.sw-shot{margin:1.6em 0 .2em}
.sw-shot img{display:block;width:100%;height:400px;object-fit:cover;object-position:top center;
  border-radius:12px;border:1px solid #e6e0d2;box-shadow:0 12px 30px rgba(0,0,0,.10);background:#fbf7ee}
.sw-shot figcaption{margin:.7em 2px 0;font-size:.88rem;color:#6b7078;line-height:1.5}
.sw-shot figcaption b{color:#191919;display:block;margin-bottom:1px}
@media (max-width:760px){.sw-shot img{height:240px}}