/* --- Screenshot ohne Panel -----------------------------------------------
   Ein Bildschirmfoto, das seinen eigenen Fensterrahmen mitbringt, braucht
   keinen zweiten darum. .epi-cutout setzt einen Zuschnitt auf eine Cremeflaeche,
   weil ein herausgeloestes Feld sonst in der Luft haengt — ein ganzes Fenster
   haengt nicht, es steht. Radius und Schatten heben es von der Sektionsflaeche
   ab, mehr nicht.

   fit-content statt Breite 100 %: die Anzeigebreite bleibt hoechstens die
   Originalbreite des Bildes (DESIGN.md 8, nie hochskalieren), darunter
   schrumpft es proportional mit.

   Randlinie und Schatten kommen aus dem CSS, nicht aus dem Bild: das Bild
   wird verkleinert angezeigt, seine eingezeichnete Rundung schrumpft mit, und
   eine Linie im Bild braeche an der groesseren CSS-Ecke ab. Fensterrahmen-
   Werkzeug deshalb mit --radius 16 (= --radius-lg, liefert die innere Rundung
   um den Inhalt) --no-border --shadow none --margin 0 aufrufen. */

.epi-screenshot {
    margin: 0;
    inline-size: fit-content;
    max-inline-size: 100%;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--standard-box-shadow);
}

.epi-screenshot img {
    display: block;
    inline-size: auto;
    block-size: auto;
    max-inline-size: 100%;
}