/* Scoped local facade; minimum 200px player height takes precedence at 320px. */
#qtg-historical-archive .qtg-yt-card {
  display:block; box-sizing:border-box; width:100%; max-width:100%; min-width:0;
  margin:28px 0; padding:0; overflow:hidden; border:1px solid #235781;
  border-radius:12px; background:#071421; color:#fff; text-align:left;
}
#qtg-historical-archive .qtg-yt-stage {
  display:block; position:relative; width:100%; aspect-ratio:16/9; min-height:200px;
  padding:0; overflow:hidden; background:#101317;
}
#qtg-historical-archive .qtg-yt-play {
  appearance:none; box-sizing:border-box; position:absolute; z-index:1; inset:0; margin:0;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px;
  width:100%; height:100%; max-width:100%; padding:16px; border:0; border-radius:0;
  background:linear-gradient(180deg,#00000012,#00000055); text-shadow:0 2px 5px #000; color:#fff; font:700 18px/1.3 system-ui,sans-serif;
  text-decoration:none; text-align:center; white-space:normal; cursor:pointer;
}
#qtg-historical-archive .qtg-yt-play:hover {background:linear-gradient(180deg,#00000022,#00000066); color:#fff;}
#qtg-historical-archive .qtg-yt-play[hidden] {display:none!important;}
#qtg-historical-archive .qtg-yt-symbol {
  display:grid; place-items:center; box-sizing:border-box; width:72px; height:72px;
  padding-left:4px; border:2px solid #b5dfff; border-radius:50%; background:#0861a5;
  color:#fff; font-size:30px;
}
#qtg-historical-archive iframe.qtg-yt-frame {
  position:absolute!important; z-index:2; inset:0!important; display:block!important;
  width:100%!important; height:100%!important; min-width:200px!important;
  min-height:200px!important; max-width:100%!important; max-height:none!important;
  margin:0!important; padding:0!important; border:0!important; aspect-ratio:auto!important;
}
#qtg-historical-archive .qtg-yt-close {
  appearance:none; position:absolute; z-index:3; top:8px; right:8px; margin:0;
  min-height:40px; padding:8px 12px; border:1px solid #fff; border-radius:5px;
  background:#071421; color:#fff; font:600 14px/1.3 system-ui,sans-serif; cursor:pointer;
}
#qtg-historical-archive .qtg-yt-caption {
  display:block; margin:0; padding:14px 16px; color:#fff;
  font:400 14px/1.5 system-ui,sans-serif; overflow-wrap:anywhere; text-align:left;
}
#qtg-historical-archive .qtg-yt-caption strong {color:#fff;}
#qtg-historical-archive .qtg-yt-source {color:#a5daff; text-decoration:underline;}
#qtg-historical-archive .qtg-yt-caption small {display:block; margin-top:6px; color:#caddea; font-size:12px;}
#qtg-historical-archive .qtg-yt-card :focus-visible {outline:3px solid #ffd662; outline-offset:-4px;}

/* Decorative poster stays a sibling of the enhanced play button and iframe. */
#qtg-historical-archive img.qtg-yt-poster {
  position:absolute!important; inset:0!important; z-index:0; display:block!important;
  width:100%!important; height:100%!important; max-width:100%!important;
  margin:0!important; padding:0!important; border:0!important; border-radius:0!important;
  object-fit:cover; pointer-events:none;
}
#qtg-historical-archive .qtg-yt-play > span:last-child {
  padding:5px 10px; border-radius:5px; background:#101317bb;
}
#qtg-historical-archive .qtg-yt-preview-missing {
  position:absolute; z-index:1; bottom:12px; left:12px; right:12px;
  color:#e5e7eb; font:400 12px/1.4 system-ui,sans-serif; text-align:center;
  pointer-events:none;
}