.platform-section.terminal-overview-section { display: block; }
.platform-section > .terminal-overview-heading { max-width: 1000px; margin-bottom: 32px; }
.terminal-overview-heading h2 { text-wrap: balance; }
.terminal-overview-section > .terminal-overview-frame { transform: none; }
.terminal-overview-top { flex-wrap: wrap; gap: 4px 24px; }
.terminal-overview-meta { display: inline-flex; align-items: center; gap: 14px; color: var(--text-muted); font: 11px/1.5 var(--mono); }
.terminal-overview-duration { color: var(--accent); font-variant-numeric: tabular-nums; }
.terminal-overview-player { position: relative; isolation: isolate; background: #050808; }
.terminal-overview-video { display: block; width: 100%; height: auto; aspect-ratio: 1910 / 942; background: #050808; object-fit: contain; }
.terminal-overview-cover { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px; width: 100%; padding: 20px; border: 0; background: linear-gradient(180deg, rgba(5, 8, 8, .12), rgba(5, 8, 8, .48)); color: var(--text); font: 600 13px/1.5 var(--mono); letter-spacing: .04em; text-transform: uppercase; transition: background 180ms; }
.terminal-overview-play-icon { display: grid; place-items: center; width: 84px; height: 84px; border: 1px solid rgba(85, 233, 79, .7); border-radius: 50%; background: rgba(5, 8, 8, .9); color: var(--accent); box-shadow: 0 0 40px rgba(85, 233, 79, .12); transition: background 180ms, transform 180ms; }
.terminal-overview-play-icon svg { width: 28px; height: 28px; margin-left: 4px; }
.terminal-overview-cover:hover .terminal-overview-play-icon { transform: scale(1.06); background: #14361a; }
.terminal-overview-cover:focus-visible { outline-offset: -6px; }
.terminal-overview-error { margin-top: 16px; color: var(--text-muted); font-size: 14px; }
.terminal-overview-error a { color: var(--text); text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 760px) {
  .terminal-overview-top { padding: 12px 14px; }
  .terminal-overview-meta { gap: 10px; font-size: 10px; }
  .terminal-overview-cover { gap: 10px; font-size: 11px; }
  .terminal-overview-play-icon { width: 56px; height: 56px; }
  .terminal-overview-play-icon svg { width: 21px; height: 21px; }
}
@media (prefers-reduced-motion: reduce) {
  .terminal-overview-cover, .terminal-overview-play-icon { transition: none; }
}