/* One top-layer preview keeps directory rows stationary and avoids scroll clipping. */
#site-preview{display:none;position:fixed;inset:auto;margin:0;width:280px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:10px 14px;border:0;border-radius:15px;background:#2e2e2e;color:#fff;box-shadow:0 4px 8px #0005}
#site-preview:popover-open{display:grid;gap:5px;animation:site-preview-in .25s ease-out}
#site-preview h2{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;margin:0;font-size:16px;line-height:24px}
.preview-logo{display:flex;align-items:center;flex-shrink:0}
.preview-logo .site-logo{width:48px;height:20px}
#preview-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#site-preview a{color:inherit;text-decoration:none;border-radius:6px}
#site-preview .preview-image{display:grid;place-items:center;height:72px;overflow:hidden;background:#20292d;color:#bfcbd0;font-size:12px}
.preview-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.preview-details,.preview-visit{display:block;text-align:center;font-size:13px;font-weight:600;line-height:28px;padding:0 8px}
.preview-details{background:#439db3}
.preview-visit{background:var(--accent)}
.preview-details:hover,.preview-visit:hover{filter:brightness(1.1)}
.preview-close{justify-self:center;border:0;background:transparent;color:#c6c6c6;text-decoration:underline;line-height:20px;font-size:14px;cursor:pointer;padding:0 12px}
.preview-close:hover{color:#fff}
.site-link[aria-expanded=true]{color:#7f8b91}
.section-item:has(.site-link[data-preview]){cursor:pointer}
.section-item:has(.site-link[data-preview]):hover{background:#f8f8f8}
@keyframes site-preview-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){
#site-preview .preview-image{height:88px}
.preview-details,.preview-visit{line-height:44px;font-size:14px}
.preview-close{min-height:44px}
}
@media(prefers-reduced-motion:reduce){#site-preview:popover-open{animation:none}}
