/* Scoped live discovery, inherited from Diversa; no global selector changes. */
.dv-live-banner,.dv-live-notice,.dv-live-chip { box-sizing:border-box; font-family:Manrope,sans-serif; }
.dv-live-banner *, .dv-live-notice * { box-sizing:border-box; min-width:0; }
:is(.dv-live-banner,.dv-live-notice,.dv-live-chip)[hidden] { display:none !important; }
.dv-live-banner { display:grid; grid-template-columns:160px minmax(0,1fr) auto; align-items:center; gap:24px; padding:20px; margin:24px 0 28px; border:1px solid #d9e1eb; border-radius:14px; background:#fff; color:#09142b; }
.dv-live-banner img { width:160px; height:90px; object-fit:cover; border-radius:8px; background:#091126; }
.dv-live-status { display:inline-flex; align-items:center; gap:8px; margin:0 0 8px; color:#0757d3; font-size:.78rem; font-weight:800; }
.dv-live-dot { width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:currentColor; }
.dv-live-banner[data-live-status="live"] .dv-live-status { color:#b42318; }
.dv-live-banner h2 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:0 0 8px; font:700 clamp(1.1rem,1.6vw,1.4rem)/1.35 Archivo,sans-serif; letter-spacing:-.02em; overflow-wrap:anywhere; }
.dv-live-time { display:block; margin:0; color:#58657a; font-size:.8rem; line-height:1.6; }
.dv-live-action { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:12px 18px; border:1px solid #0757d3; border-radius:9px; background:#0757d3; color:#fff; text-decoration:none; font-size:.8rem; line-height:1.4; font-weight:800; white-space:nowrap; cursor:pointer; }
.dv-live-action:hover { background:#08265d; border-color:#08265d; color:#fff; }
:is(.dv-live-banner,.dv-live-notice) :is(a,button):focus-visible,.dv-live-chip:focus-visible { outline:3px solid #078bff; outline-offset:4px; }
.dv-live-notice { position:fixed; z-index:9998; top:96px; right:24px; width:min(380px,calc(100vw - 48px)); padding:24px; border:1px solid #293852; border-radius:14px; background:#091126; color:#f4f7fc; box-shadow:0 12px 32px rgba(2,7,24,.2); animation:dv-live-arrive 220ms cubic-bezier(.16,1,.3,1); }
.dv-live-notice .dv-live-status { color:#ffa7a1; padding-right:30px; }
.dv-live-notice h2 { margin:0 0 12px; font:700 1.35rem/1.2 Archivo,sans-serif; letter-spacing:-.02em; }
.dv-live-notice p { margin:0 0 20px; color:#d1dced; font-size:.9rem; line-height:1.6; overflow-wrap:anywhere; }
.dv-live-notice .dv-live-action { width:100%; }
.dv-live-close { position:absolute; right:12px; top:12px; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:8px; color:#d1dced; background:transparent; cursor:pointer; }
.dv-live-close:hover { background:#1d2a43; color:#fff; }
.dv-live-close svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; }
.dv-live-chip { position:fixed; z-index:9997; top:96px; right:24px; display:flex; align-items:center; gap:9px; min-height:44px; padding:10px 16px; border:1px solid #293852; border-radius:9px; background:#091126; color:#ffa7a1; font-size:.8rem; font-weight:800; cursor:pointer; }
.dv-live-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
[data-theme="dark"] .dv-live-banner { border-color:#25334c; background:#091126; color:#f4f7fc; }
[data-theme="dark"] .dv-live-banner .dv-live-time { color:#a5b1c4; }
[data-theme="dark"] .dv-live-banner .dv-live-status { color:#75bcff; }
[data-theme="dark"] .dv-live-banner[data-live-status="live"] .dv-live-status { color:#ffa7a1; }
@keyframes dv-live-arrive { from { transform:translateY(8px); } to { transform:translateY(0); } }
@media(max-width:899px) { .dv-live-banner { grid-template-columns:120px minmax(0,1fr); gap:16px; } .dv-live-banner img { width:120px; height:68px; } .dv-live-banner .dv-live-action { grid-column:1/-1; } }
@media(max-width:599px) { .dv-live-banner { grid-template-columns:84px minmax(0,1fr); padding:16px; gap:12px; } .dv-live-banner img { width:84px; height:64px; } .dv-live-banner h2 { font-size:1rem; } .dv-live-notice { top:84px; right:16px; width:calc(100vw - 32px); max-width:380px; padding:20px; } .dv-live-chip { top:84px; right:16px; } }
@media(prefers-reduced-motion:reduce) { .dv-live-notice { animation:none; } }
