/* A single supplementary overlay; mobile/inline rules remain in responsive.css. */
.floating-preview{display:none;position:fixed;top:0;left:0;width:min(clamp(380px,30vw,540px),calc(100vw - 140px),calc((100vh - 140px)*1.5));aspect-ratio:3/2;z-index:var(--layer-preview);pointer-events:none;visibility:hidden;opacity:0;overflow:hidden}
.floating-preview__inner,.floating-preview__media,.floating-preview__image{position:absolute;inset:0;width:100%;height:100%}
.floating-preview__image{object-fit:cover}
.floating-preview__counter{position:absolute;bottom:12px;right:12px;padding:4px 7px;background:var(--ink);color:var(--paper);font-size:12px;line-height:1.5}
@media(min-width:1100px) and (hover:hover) and (pointer:fine){
 .floating-preview{display:block}
 .inline-preview{display:none}
 .entry-link{grid-template-columns:48px 60px minmax(0,1fr) 24px;gap:20px;align-items:center}
 .entry-info{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:center}
 .entry-info .categories{margin-top:0}
 .entries.has-active .entry:not(.active){opacity:.55}
 .entry.active .entry-arrow{transform:translateX(5px)}
}
@media(max-width:1099px),(hover:none),(pointer:coarse){.entry.inline-current .entry-title{text-decoration:underline;text-underline-offset:5px}}
/* Video posters preserve the same click-through navigation as image entries. */
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;background:var(--ink);color:var(--paper);font-size:22px;pointer-events:none}
.media-frame[data-video-format=landscape]{aspect-ratio:16/9}
.media-frame[data-video-format=vertical]{aspect-ratio:9/16;max-width:380px;margin-inline:auto}
.media-frame[data-video-format] .media-image{object-fit:cover;transform:none}
.floating-preview[data-video-format=landscape]{aspect-ratio:16/9;width:min(clamp(380px,30vw,540px),calc(100vw - 140px),calc((100vh - 140px)*16/9))}
.floating-preview[data-video-format=vertical]{aspect-ratio:9/16;width:min(300px,calc(100vw - 140px),calc((100vh - 140px)*9/16))}

.floating-preview__inner{overflow:hidden}