/* Motion media keeps the existing 3:2 cover, rounding, links and static fallback. */
[data-study="quiet-cards"] .tdl-motion-host { isolation:isolate; }
[data-study="quiet-cards"] .tdl-motion-video {
  position:absolute; inset:0; display:block; width:100%; height:100%;
  object-fit:contain; object-position:top; border-radius:inherit; pointer-events:none;
  opacity:0; z-index:1; transition:opacity 180ms ease;
}
[data-study="quiet-cards"] .tdl-motion-host.is-motion-ready > .tdl-motion-video { opacity:1; }
[data-study="quiet-cards"] .tdl-motion-host .qd-lightbox-hint { z-index:2; }
[data-study="quiet-cards"] .tdl-motion-hover {
  position:fixed; z-index:60; width:300px; max-width:calc(100vw - 24px); padding:6px;
  border:1px solid var(--line); border-radius:16px; background:var(--surface);
  box-shadow:0 8px 28px rgb(0 0 0 / .10); animation:tdl-motion-hover-in 150ms ease both;
}
[data-study="quiet-cards"] .tdl-motion-hover-open {
  position:relative; display:block; width:100%; aspect-ratio:var(--resource-cover-ratio,3 / 2);
  overflow:hidden; padding:0; border:0; border-radius:10px; background:var(--bg); cursor:pointer;
}
[data-study="quiet-cards"] .tdl-motion-hover-open img {
  display:block; width:100%; height:100%; object-fit:contain; object-position:top;
}
[data-study="quiet-cards"] .tdl-motion-hover-fallback {
  position:absolute; inset:0; display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:8px; padding:20px; color:var(--muted); font-size:12px;
}
[data-study="quiet-cards"] .tdl-motion-hover-fallback[hidden] { display:none; }
[data-study="quiet-cards"] .tdl-motion-hover-fallback strong { color:var(--ink); font-size:17px; font-weight:500; }
[data-study="quiet-cards"] .is-motion-ready > .tdl-motion-hover-fallback { visibility:hidden; }
[data-study="quiet-cards"] .tdl-motion-hover-open:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }
[data-study="quiet-cards"] .qd-lightbox-figure.tdl-motion-host > .tdl-motion-video {
  position:static; display:none; width:auto; height:auto; max-width:92vw; max-height:82vh;
  border-radius:12px; box-shadow:0 0 0 1px #171a1d14;
}
[data-study="quiet-cards"] .qd-lightbox-figure.is-motion-ready > .tdl-motion-video { display:block; }
[data-study="quiet-cards"] .qd-lightbox-figure.is-motion-ready > .qd-lightbox-image { display:none; }
@keyframes tdl-motion-hover-in { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:none; } }
@media (hover:none), (pointer:coarse) { [data-study="quiet-cards"] .tdl-motion-hover { display:none; } }
@media (prefers-reduced-motion:reduce) {
  [data-study="quiet-cards"] .tdl-motion-video { transition:none; }
  [data-study="quiet-cards"] .tdl-motion-hover { animation:none; }
}