/* Separate local candidate. Load after existing site styles. */
#showcase-check > .showcase-demo-actions {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  padding:12px 16px;
  background:#eef4fc;
}
#showcase-check > .showcase-demo-actions .media-watch {
  position:static;
  inset:auto;
  margin:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:auto;
  height:auto;
  min-height:44px;
  padding:10px 20px;
  border:2px solid #032d60;
  border-radius:999px;
  background:#032d60;
  color:#fff;
  box-shadow:none;
  backdrop-filter:none;
  font:700 14px/20px var(--body,system-ui);
}
#showcase-check > .showcase-demo-actions .media-watch span {padding-left:0}
#showcase-check > .showcase-demo-actions .media-watch:hover {background:#066afe;transform:none}
#showcase-check > .showcase-demo-actions .media-watch:focus-visible {
  outline:3px solid #066afe;
  outline-offset:4px;
}
/* Extra native viewport area keeps captions and controls off the recording. */
#showcase-check .showcase-media,.demo-video {
  container-type:inline-size;
  aspect-ratio:auto;
  background:#061e44;
}
#showcase-check .showcase-video,.demo-video video {
  display:block;
  width:100%;
  height:calc(56.25cqw + 128px);
  object-fit:contain;
  object-position:center top;
}
#showcase-check .showcase-video {height:calc(56.25cqw + 80px)}
#showcase-check .showcase-video::cue,.demo-video video::cue {
  color:#fff;
  background-color:#061e44;
  font:18px/1.35 system-ui,sans-serif;
}
@media(max-width:800px) {
  #showcase-check .showcase-video::cue,.demo-video video::cue {font-size:14px}
}

#showcase-check > .showcase-demo-actions .showcase-details-toggle {
  position:static;
  inset:auto;
  min-height:44px;
  padding:10px 18px;
  border:1px solid #032d60;
  background:#fff;
  color:#032d60;
  backdrop-filter:none;
}
#showcase-check > .showcase-demo-actions .showcase-details-toggle:focus-visible {
  outline:3px solid #066afe;
  outline-offset:4px;
}
@media(max-width:800px) {
  #showcase-check > .showcase-demo-actions .showcase-details-toggle {display:none}
}