/* Actual product screens are shown in full. Original-image links provide a
   readable view even when a full desktop interface is scaled into a card. */
html[data-ui-theme] .site .media--live-shot,
html[data-ui-theme] .site .ph__media:has(> .live-shot) {
  display: flex; align-items: center; justify-content: center;
  padding: 16px; height: auto; min-height: 0; overflow: visible;
}
html[data-ui-theme] .site .hc__media.media--live-shot { min-height: 390px; }
html[data-ui-theme] .site .ph__media:has(> .live-shot) { min-height: 390px; }
html[data-ui-theme] .site .feature__media.media--live-shot { align-self: center; }
html[data-ui-theme] .site .feature:has([data-live-capture="team"]) { grid-template-columns: minmax(0, 1fr); }
html[data-ui-theme] .site .live-shot {
  display: flex; flex-direction: column; min-width: 0; width: 100%; max-width: 100%;
  margin: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 12px;
  background: var(--ui-surface-solid, #fff);
}
html[data-ui-theme] .site .live-shot__open {
  position: relative; display: block; min-width: 0; width: 100%;
  color: var(--link); text-decoration: none; background: var(--bg-tint);
}
html[data-ui-theme] .site .live-shot__image {
  display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain;
}
html[data-ui-theme] .site .live-shot__enlarge {
  position: absolute; right: 10px; bottom: 10px; display: inline-flex; align-items: center;
  gap: 6px; padding: 6px 9px; border: 1px solid var(--border); border-radius: 999px;
  background: var(--ui-surface-solid, #fff); color: var(--link); font: 600 11px/18px var(--f);
  box-shadow: var(--shadow-float);
}
html[data-ui-theme] .site .live-shot__open:hover .live-shot__enlarge { text-decoration: underline; }
html[data-ui-theme] .site .live-shot__open:focus-visible { outline: 3px solid var(--link); outline-offset: -4px; }
html[data-ui-theme] .site .live-shot__caption {
  display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 9px 12px;
  color: var(--text-2); border-top: 1px solid var(--border); font: 400 10px/16px var(--f);
}
html[data-ui-theme] .site .live-shot__caption strong { color: var(--text-strong); font-weight: 600; }
html[data-ui-theme] .site .card > .live-shot--card { width: calc(100% - 20px); margin: 10px 10px 0; }
html[data-ui-theme] .site .live-shot--card .live-shot__open { aspect-ratio: 16 / 10; display: grid; place-items: center; }
html[data-ui-theme] .site .live-shot--card .live-shot__image { width: 100%; height: 100%; min-height: 0; }
@media (max-width: 700px) {
  html[data-ui-theme] .site .media--live-shot,
  html[data-ui-theme] .site .ph__media:has(> .live-shot) { padding: 10px; }
  html[data-ui-theme] .site .hc__media.media--live-shot,
  html[data-ui-theme] .site .ph__media:has(> .live-shot) { min-height: 0; }
  html[data-ui-theme] .site .live-shot__enlarge { right: 6px; bottom: 6px; font-size: 10px; padding: 4px 7px; }
}