/* =========================================================
   UAV / USV SHOWCASE ARRANGED v121
   Clean two-column academic section:
   left context + right 16:9 video panel.
   ========================================================= */

.uav-field-page .evidence-record-engagement{
  display:grid!important;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)!important;
  gap:22px!important;
  align-items:center!important;
}

.uav-field-page .evidence-record-engagement .evidence-record-copy{
  align-self:center!important;
  padding-right:4px!important;
}

.uav-field-page .evidence-record-engagement .evidence-record-copy h3{
  max-width:520px!important;
}

.uav-field-page .evidence-record-engagement .evidence-record-copy p{
  max-width:620px!important;
}

/* Override the old image-showcase grid rules for the video figure. */
.uav-field-page .engagement-video-showcase{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid var(--line)!important;
  border-radius:6px!important;
  background:var(--surface)!important;
  cursor:default!important;
}

/* The video should show as a proper landscape panel, not a cropped block. */
.uav-field-page .engagement-video-showcase video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16 / 9!important;
  min-height:0!important;
  object-fit:contain!important;
  background:#071417!important;
  border:0!important;
}

/* Caption below the video, not overlayed on the controls. */
.uav-field-page .engagement-video-showcase figcaption{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  padding:9px 12px!important;
  border-top:1px solid var(--line)!important;
  background:var(--surface2)!important;
  color:var(--muted)!important;
  font-size:.66rem!important;
  line-height:1.38!important;
  text-align:left!important;
}

/* Dark mode keeps the video panel visually integrated. */
html[data-theme="dark"] .uav-field-page .engagement-video-showcase{
  background:#101b21!important;
  border-color:#303d42!important;
}

html[data-theme="dark"] .uav-field-page .engagement-video-showcase figcaption{
  background:#162229!important;
  color:#a8b3b1!important;
  border-color:#303d42!important;
}

/* Tablet/mobile: text first, then video. */
@media(max-width:1080px){
  .uav-field-page .evidence-record-engagement{
    grid-template-columns:1fr!important;
    gap:16px!important;
    align-items:start!important;
  }

  .uav-field-page .evidence-record-engagement .evidence-record-copy{
    padding-right:0!important;
  }
}

@media(max-width:620px){
  .uav-field-page .engagement-video-showcase figcaption{
    font-size:.62rem!important;
    padding:8px 10px!important;
  }
}