.page-preview-popup{position:absolute;z-index:1100;background:var(--secondary);border:1px solid var(--primary-low);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.15);padding:0;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;max-width:90vw;overflow:hidden}.page-preview-popup.visible{opacity:1;transform:translateY(0)}.page-preview-popup .page-preview-header{padding:16px 16px 12px;border-bottom:1px solid var(--primary-low);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.page-preview-popup .page-preview-header .page-preview-title{margin:0;font-size:16px;font-weight:600;color:var(--primary);line-height:1.4;flex:1}.page-preview-popup .page-preview-header .page-preview-type{background:var(--primary-low);color:var(--primary-medium);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.page-preview-popup .page-preview-image{width:100%;overflow:hidden;background:var(--primary-very-low);display:flex;align-items:center;justify-content:center}.page-preview-popup .page-preview-image img{width:100%;height:auto;display:block;object-fit:cover}.page-preview-popup .page-preview-content{padding:16px}.page-preview-popup .page-preview-content .page-preview-excerpt{margin:0;font-size:14px;line-height:1.6;color:var(--primary-high);overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.page-preview-popup .page-preview-meta{padding:12px 16px 16px;border-top:1px solid var(--primary-low);display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--primary-medium)}.page-preview-popup .page-preview-meta .page-preview-author{display:flex;align-items:center;gap:8px;font-weight:500}.page-preview-popup .page-preview-meta .page-preview-author .avatar{width:24px;height:24px;border-radius:50%}.page-preview-popup .page-preview-meta .page-preview-read-time{color:var(--primary-medium);font-size:12px}.page-preview-popup .page-preview-meta .page-preview-category{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;color:#fff;white-space:nowrap}.page-preview-popup .page-preview-meta .page-preview-tags{display:flex;gap:6px;flex-wrap:wrap}.page-preview-popup .page-preview-meta .page-preview-tags .tag{background:var(--primary-low);color:var(--primary-medium);padding:3px 8px;border-radius:3px;font-size:11px;font-weight:500}a.page-preview{position:relative}a.page-preview:hover::after{content:"👁 Preview";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--secondary);color:var(--primary);padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:999;margin-bottom:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}@media(max-width: 768px){.page-preview-popup{max-width:calc(100vw - 32px)}.page-preview-popup .page-preview-header{padding:12px}.page-preview-popup .page-preview-header .page-preview-title{font-size:15px}.page-preview-popup .page-preview-content{padding:12px}.page-preview-popup .page-preview-content .page-preview-excerpt{font-size:13px;-webkit-line-clamp:3}.page-preview-popup .page-preview-meta{padding:10px 12px 12px;font-size:12px}}.dark-mode .page-preview-popup{box-shadow:0 8px 24px rgba(0,0,0,.4)}@media(prefers-contrast: high){.page-preview-popup{border:2px solid var(--primary)}}@media(prefers-reduced-motion: reduce){.page-preview-popup{transition:none}}
/*# sourceMappingURL=discourse-page-previews_bbb6a18474596aa12ed8d2e722576e8e95286495.css.map?__ws=discourse.pub */