/* A quiet, persistent window frame around the resource preview. */
#quickview:has(.discovery-detail){width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border-radius:22px;overflow:auto;scroll-padding-top:64px;background:var(--bg);border:1px solid var(--brand-lavender);overscroll-behavior:contain}
#quickview .discovery-detail,#quickview .discovery-detail:has(.modal-minimize:not([hidden])),#quickview .discovery-detail:has(.discovery-art.video-player){padding:0;position:relative}
#quickview .discovery-window-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:8px 20px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 5px 16px #07043518}
#quickview .discovery-window-title{font:600 12px/1.4 var(--sans);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#quickview .discovery-window-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
#quickview .discovery-window-bar button{position:static;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;height:36px;min-width:36px;margin:0;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:600 12px/1 var(--sans)}
#quickview .discovery-window-bar button[hidden]{display:none}
#quickview .discovery-window-bar button:hover{background:var(--brand-purple);color:var(--gold)}
#quickview .discovery-window-bar button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#quickview .discovery-window-bar svg{width:20px;height:20px}
#quickview .discovery-window-body{padding:28px 30px}
#quickview .discovery-feature,#quickview .discovery-feature:has(.discovery-art.video-player){grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:30px;align-items:start}
#quickview .discovery-art{align-self:start;margin:0;min-height:240px;border-radius:16px;background:var(--brand-purple)}
#quickview .discovery-art>img{height:300px;max-height:300px;padding:16px}
#quickview .discovery-copy{padding:2px 0 0;min-width:0}
#quickview .discovery-source{width:100px;height:28px;margin:0 0 14px;opacity:.85}
#quickview .discovery-meta{font:400 12px/1.5 var(--sans);color:var(--muted)}
#quickview .discovery-copy h2,#quickview .discovery-feature:has(.discovery-art.video-player) .discovery-copy h2{font:700 clamp(25px,2.6vw,36px)/1.16 var(--sans);letter-spacing:-.025em;margin:10px 0 12px}
#quickview .discovery-author{font:400 15px/1.5 var(--sans);margin:0 0 16px;color:var(--brand-lavender)}
#quickview .discovery-description{font:400 14px/1.65 var(--sans);max-width:none;margin:16px 0;color:var(--muted)}
#quickview .discovery-actions{gap:8px;margin-top:20px}
#quickview .discovery-actions :is(.button,.queue-add){font-size:12px;min-height:38px;padding:9px 14px;border-radius:24px;line-height:1.3}
#quickview .discovery-actions [data-listening-queue]{border-color:var(--line);color:var(--ink)}
#quickview .discovery-full{font-size:12px;margin:0;padding:8px 4px;color:var(--muted)}
#quickview .discovery-participation{margin-top:20px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
#quickview .discovery-participation .resonance-actions{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;border:0}
#quickview .discovery-participation .resonance-actions button{font:400 12px/1.4 var(--sans);border:0;background:transparent;border-radius:8px;padding:8px 7px;min-height:36px;gap:6px;color:var(--ink)}
#quickview .discovery-participation .resonance-actions button:hover{background:var(--brand-purple)}
#quickview .discovery-participation .resonance-actions svg{width:21px;height:21px}
#quickview .discovery-resonances{font:400 11px/1.5 var(--sans);color:var(--muted);padding:6px 0}
#quickview .discovery-resonances:hover{color:var(--gold)}
#quickview .discovery-connections{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;padding:24px 0 0;margin-top:24px;border-top:1px solid var(--line);align-items:center}
#quickview .discovery-thought{border:0;background:transparent;padding:0;border-radius:0}
#quickview .discovery-thought .listening-note{background:transparent;padding:0;margin:0;color:var(--muted)}
#quickview .discovery-thought .listening-note p{font:400 14px/1.6 var(--sans);color:var(--muted);margin:0;padding-left:14px;border-left:2px solid var(--brand-lavender)}
#quickview .discovery-route{padding:0;gap:14px;min-width:0}
#quickview .discovery-route>img{width:60px;height:60px;flex:0 0 60px}
#quickview .discovery-route .eyebrow{font-size:10px;letter-spacing:1px}
#quickview .discovery-route h3{font:600 15px/1.4 var(--sans);margin:4px 0}
#quickview .discovery-route-action{font-size:11px}
#quickview .discovery-route .route-progress{margin:8px 0 0}
#quickview .discovery-route .route-progress small{font-size:10px}
#quickview .discovery-related{border-top:1px solid var(--line);padding:22px 0 0;margin-top:24px}
#quickview .discovery-related .section-head h2{font:600 14px/1.5 var(--sans)}
#quickview .discovery-suggestions{gap:18px}
#quickview .discovery-suggestion{display:flex;align-items:center;gap:10px}
#quickview .suggestion-art{width:48px;flex:0 0 48px;height:58px;aspect-ratio:auto;margin:0}
#quickview .suggestion-copy{min-width:0}
#quickview .suggestion-meta{font-size:10px}
#quickview .discovery-suggestion>span>strong{font-size:12px;line-height:1.4}
#quickview .discovery-suggestion .resource-progress{display:none}
@media(max-width:750px){
 #quickview:has(.discovery-detail){width:calc(100vw - 20px);height:auto;max-height:calc(100dvh - 20px);margin:auto;border-radius:18px}
 #quickview .discovery-window-bar{padding:8px 12px;min-height:54px;gap:8px}
 #quickview .discovery-window-title{font-size:11px}
 #quickview .modal-minimize span{display:none}
 #quickview .discovery-window-body{padding:20px 18px}
 #quickview .discovery-feature,#quickview .discovery-feature:has(.discovery-art.video-player){grid-template-columns:1fr;gap:22px}
 #quickview .discovery-art{min-height:180px;max-height:none;height:auto;margin:0}
 #quickview .discovery-art>img{height:220px;max-height:220px}
 #quickview .discovery-copy h2{font-size:27px}
 #quickview .discovery-connections{grid-template-columns:1fr;gap:20px;margin-top:22px;padding-top:22px}
 #quickview .discovery-suggestions{display:grid;grid-template-columns:1fr;gap:14px;overflow:visible;padding:0}
 #quickview .discovery-suggestion{flex:auto}
}
#quickview .discovery-suggestion{flex-direction:row;align-items:center;border:0;border-radius:8px;background:transparent;overflow:visible;gap:10px;padding:6px}
#quickview .discovery-suggestion:hover{background:#8294ee0b}
#quickview .suggestion-art{box-sizing:border-box;flex:0 0 48px;width:48px;height:58px;padding:0;border-radius:6px;background:var(--brand-purple)}
#quickview .suggestion-art>img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;filter:none}
#quickview .suggestion-copy{padding:0}
#quickview .suggestion-copy>strong{font:600 12px/1.4 var(--sans)}
#quickview .suggestion-art .typographic-cover{padding:5px;justify-content:center;border-radius:6px}
#quickview .suggestion-art .typographic-cover>span{display:none}
#quickview .suggestion-art .typographic-cover strong{font-size:11px;line-height:1.2}
body:has(#wpadminbar) #quickview:has(.discovery-detail){inset:32px 0 0;max-height:calc(100dvh - 64px);margin:auto}
