/* SVUNG tegneserie – forstørrelsesglas og felt-for-felt-visning */
.svung-comic { position: relative; margin: 24px 0; padding: 0; }
.svung-comic__img { display: block; width: 100%; height: auto; cursor: zoom-in; }
.svung-comic__zoom {
	position: absolute; right: 12px; bottom: 12px;
	width: 56px; height: 56px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: #000; color: #fff; border: 3px solid #fff;
	box-shadow: 0 0 0 3px #000; cursor: pointer; padding: 0;
}
.svung-comic__zoom:hover, .svung-comic__zoom:focus-visible { background: var(--svung-yellow, #FFE600); color: #000; outline: none; }

.svung-cv { position: fixed; inset: 0; z-index: 100000; background: #000; display: flex; flex-direction: column; touch-action: pan-y pinch-zoom; }
.svung-cv[hidden] { display: none; }
.svung-cv__top { display: flex; align-items: center; justify-content: space-between; padding: 8px 8px 8px 16px; color: #fff; font: 700 15px/1 var(--svung-body, Inter, system-ui, sans-serif); }
.svung-cv__x { width: 48px; height: 48px; background: transparent; border: 0; color: #fff; font-size: 34px; line-height: 1; cursor: pointer; }
.svung-cv__stage { position: relative; flex: 1; overflow: hidden; }
.svung-cv__img { position: absolute; top: 0; left: 0; max-width: none !important; height: auto; transition: transform .28s ease, opacity .2s ease; transform-origin: 0 0; user-select: none; -webkit-user-drag: none; }
.svung-cv__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; border-radius: 50%; border: 2px solid #fff; background: rgba(0,0,0,.55); color: #fff; font-size: 28px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0 0 3px; }
.svung-cv__nav--prev { left: 10px; }
.svung-cv__nav--next { right: 10px; }
.svung-cv__nav:disabled { opacity: .25; cursor: default; }
@media (max-width: 599px) { .svung-cv__nav { top: auto; bottom: 14px; transform: none; } .svung-cv__nav--prev { left: calc(50% - 66px); } .svung-cv__nav--next { right: calc(50% - 66px); } }
html.svung-cv-open, html.svung-cv-open body { overflow: hidden; }
@media (prefers-reduced-motion: reduce) { .svung-cv__img { transition: none; } }
