/* MK-Visual mit mehreren Bildern (12.11.2026): kleine Pfeile im Gehäuserand, Schiebe-Effekt, Punkte unten.
   Markup in pages/blog/post.htm (DB-Patch post-artwork-slider), Bedienung in artwork-slider.js. */
.post-single article .mk-artwork-monitor div.mk-artwork-screen { position:relative; display:block; width:100%; max-width:100%; margin:0; padding:5px; overflow:hidden; border:1px solid #899075; border-radius:4px; background:linear-gradient(130deg,#070e08,#242d1c 60%,#0b130b); box-shadow:0 0 0 1px #171e11,inset 1px 2px 4px #000b,inset -1px -1px 1px #c2c6aa66,0 1px 0 #a0a58b55; line-height:0; transition:height .35s ease; }
.post-single article .mk-artwork-monitor div.mk-artwork-screen:focus-visible { outline:2px solid #7eb6cf; outline-offset:3px; }
.post-single article .mk-artwork-monitor .mk-artwork-slide { display:block; width:100%; margin:0; padding:0; line-height:0; text-decoration:none; cursor:zoom-in; will-change:transform; }
.post-single article .mk-artwork-monitor .mk-artwork-slide[hidden] { display:none; }
.post-single article .mk-artwork-monitor .mk-artwork-slide.is-moving { position:absolute; top:5px; left:5px; right:5px; width:auto; transition:transform .38s cubic-bezier(.3,.7,.3,1), opacity .38s ease; }
.post-single article .post-image.mk-artwork-monitor .mk-artwork-slide img.mk-artwork-image { display:block; float:none !important; width:100% !important; min-width:0 !important; max-width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; aspect-ratio:auto !important; object-fit:contain !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; opacity:1 !important; filter:none !important; transform:none !important; background:#fff; }
/* Pfeile: klein und dezent, mittig im seitlichen Gehäuserand */
.post-single article .mk-artwork-monitor button.mk-artwork-nav { position:absolute; top:50%; z-index:2; display:flex; align-items:center; justify-content:center; width:13px; height:26px; margin:-13px 0 0; padding:0; border:1px solid #1a2014; border-radius:7px; background:linear-gradient(#4a503b,#2c3123); box-shadow:inset 0 1px 0 #a9b18833,0 1px 1px #0005; color:#b7bd98; opacity:.55; cursor:pointer; transition:opacity .15s ease, color .15s ease; }
.post-single article .mk-artwork-monitor button.mk-artwork-nav[hidden] { display:none; }
.post-single article .mk-artwork-monitor button.mk-artwork-nav:hover, .post-single article .mk-artwork-monitor button.mk-artwork-nav:focus-visible { opacity:1; color:#f0d78b; }
.post-single article .mk-artwork-monitor button.mk-artwork-nav:focus-visible { outline:2px solid #7eb6cf; outline-offset:2px; }
.post-single article .mk-artwork-monitor button.mk-artwork-nav svg { display:block; width:7px; height:9px; }
.post-single article .mk-artwork-monitor .mk-artwork-prev { left:-1px; }
.post-single article .mk-artwork-monitor .mk-artwork-next { right:-1px; }
/* Punkte unten neben den Lüftungsschlitzen */
.post-single article .mk-artwork-monitor .mk-artwork-dots { display:inline-flex; align-items:center; gap:4px; margin-right:auto; margin-left:8px; }
.post-single article .mk-artwork-monitor .mk-artwork-dots i { display:block; width:5px; height:5px; border-radius:50%; background:#20271a; box-shadow:inset 0 0 0 1px #6f7658; transition:background .2s ease, box-shadow .2s ease; }
.post-single article .mk-artwork-monitor .mk-artwork-dots i.is-active { background:#e8b44e; box-shadow:0 0 3px #d6b05399; }
.post-single article .mk-artwork-monitor .mk-artwork-credit:empty { display:none; }
@media (hover:none) { .post-single article .mk-artwork-monitor button.mk-artwork-nav { opacity:.75; } }
@media (prefers-reduced-motion:reduce) {
    .post-single article .mk-artwork-monitor .mk-artwork-slide.is-moving { transition:opacity .25s ease; }
    .post-single article .mk-artwork-monitor div.mk-artwork-screen { transition:none; }
}