/* Local, silent excerpts supplement the persistent Play and Details links. */
.card-media{position:relative;border-radius:9px;isolation:isolate}
.card-preview-host{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:1}
.card-preview-video{display:block;width:100%;height:100%;object-fit:cover;background:#000;opacity:1}
.card-preview-toggle{position:absolute;right:12px;bottom:12px;z-index:3;display:flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;background:rgba(8,15,25,.94);border:1px solid #6f7d90;border-radius:6px;color:#fff;font-size:11px;font-weight:650}
.card-preview-toggle:hover{background:#26374b}
.card-preview-toggle [data-card-preview-icon]{width:10px;text-align:center}
.card-preview-toggle .preview-muted{font-size:10px;padding-left:7px}
.card-media .card-format{top:14px;bottom:auto;font-size:9px}
.card-media .card-open{display:none}
.title-card.is-preview-playing .card-art>img{visibility:hidden}
.title-card.is-preview-playing .card-format{visibility:hidden}
.card-synopsis{margin:15px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.title-card.is-preview-open{z-index:5}
@media(min-width:601px) and (hover:hover) and (pointer:fine){
  .title-card:has([data-card-preview-toggle]){transform:none}
  .title-card:has([data-card-preview-toggle]) .card-info{padding:18px 14px 14px}
  .title-card:has([data-card-preview-toggle]) .card-art>img{transform:none}
  .title-card:has([data-card-preview-toggle]) .card-art{box-shadow:none}
  .title-card:has([data-card-preview-toggle]) .card-synopsis{position:absolute;top:100%;left:0;right:0;margin:0;padding:4px 14px 20px;background:#172333;border-radius:0 0 9px 9px;visibility:hidden;opacity:0;transition:opacity .18s}
  .title-card.is-preview-open{transform:translateY(-24px) scale(1.09);background:#172333;box-shadow:0 15px 45px rgba(0,0,0,.65);border-radius:9px 9px 0 0}
  .title-card.is-preview-open .card-synopsis{visibility:visible;opacity:1}
  .title-card:first-child{transform-origin:left center}
  .title-card:last-child{transform-origin:right center}
  .title-rail>.title-card:only-child{transform-origin:left center}
}
@media(max-width:600px){.card-preview-toggle{right:9px;bottom:9px;padding:0 9px;font-size:10px}.card-preview-toggle .preview-muted{font-size:9px}.card-media .card-format{left:12px;top:12px;font-size:8px}.card-synopsis{font-size:12px}}
@media(prefers-reduced-motion:reduce){.title-card.is-preview-open{transform:none}}