/* Video surfaces use the same generated AgentOs tokens as the app. */
.video-showcase{margin-top:28px;padding-top:28px;border-top:var(--ao-border-width) solid var(--ao-line)}
.video-showcase .section-heading a,.video-library-intro a,.video-library-note a{color:var(--ao-label-pink);text-decoration:underline;text-underline-offset:3px}
.video-showcase .section-heading p{max-width:42ch}
.video-library,.watch-page{padding-block:28px}
.video-library-count,.video-library-note{color:var(--ao-ink-soft);font-size:var(--ao-label-size);font-family:var(--ao-font-mono);margin:var(--ao-console-gap) 0;letter-spacing:1px}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ao-console-gap)}
.video-card{min-width:0;background:var(--ao-panel-deep);border:var(--ao-border-width) solid var(--ao-line);border-radius:var(--ao-radius)}
.video-card:hover{border-color:var(--ao-hairline)}
.video-card-link{display:grid;grid-template-columns:112px minmax(0,1fr);height:100%}
.video-card-media{position:relative;overflow:hidden;min-height:170px;background:var(--ao-panel);border-right:var(--ao-border-width) solid var(--ao-line);display:grid;place-items:center}
.video-card-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.video-card-placeholder{font:700 var(--ao-label-size)/1.6 var(--ao-font-mono);letter-spacing:var(--ao-label-tracking);color:var(--ao-ink-faint)}
.video-card-type{position:absolute;bottom:0;left:0;right:0;background:var(--ao-panel-deep);border-top:var(--ao-border-width) solid var(--ao-line);padding:5px 10px;color:var(--ao-label-pink);font:var(--ao-label-size)/1.6 var(--ao-font-mono);letter-spacing:1px}
.video-card-meta{display:flex;flex-direction:column;gap:8px;min-width:0;padding:var(--ao-inset-y) var(--ao-inset-x)}
.video-card-title{font:700 12px/1.6 var(--ao-font-mono);letter-spacing:1px;color:var(--ao-ink);margin:0}
.video-card-caption{font:12px/1.6 var(--ao-font-body);color:var(--ao-ink-soft);overflow-wrap:anywhere;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.video-card-action{margin-top:auto;padding-top:8px;color:var(--ao-label-pink);font-size:var(--ao-label-size);letter-spacing:1px}
.video-showcase .video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.video-showcase .video-card-link{display:flex;flex-direction:column}
.video-showcase .video-card-media{aspect-ratio:4/3;min-height:0;border-right:0;border-bottom:var(--ao-border-width) solid var(--ao-line)}
.video-showcase .video-card-meta{flex:1}
.video-showcase .video-card-media img{object-position:50% 25%}
.video-showcase-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ao-console-gap);margin-top:var(--ao-console-gap)}
.video-showcase-actions .button{background:var(--ao-panel-deep);color:var(--ao-label-pink);font-size:12px}
.video-showcase-actions .mono{font-size:var(--ao-label-size);color:var(--ao-ink-soft)}
.watch-back{display:inline-block;font-size:var(--ao-label-size);letter-spacing:1px;color:var(--ao-label-pink);margin-bottom:var(--ao-console-gap)}
.watch-layout{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:28px;align-items:start}
.watch-player{padding:var(--ao-inset-y) var(--ao-inset-x);background-color:var(--ao-panel-deep);width:100%;min-width:0}
.watch-player iframe{display:block;width:100%;height:auto;aspect-ratio:9/16;min-height:560px;border:0;background:var(--ao-panel-deep)}
.watch-copy{min-width:0;padding-block:var(--ao-inset-y)}
.watch-copy h1{margin-block:var(--ao-console-gap);overflow-wrap:anywhere}
.watch-copy .eyebrow{letter-spacing:1px}
.watch-caption{color:var(--ao-ink-soft);font-size:var(--ao-body-size);overflow-wrap:anywhere;white-space:pre-wrap;margin-block:var(--ao-console-gap)}
.watch-source{color:var(--ao-label-pink);background:var(--ao-panel-deep);font-size:12px}
.watch-availability{font:var(--ao-label-size)/1.6 var(--ao-font-mono);color:var(--ao-ink-faint);margin-block:var(--ao-console-gap)}
.watch-related{margin-top:28px;border-top:var(--ao-border-width) solid var(--ao-line);padding-top:var(--ao-console-gap)}
.watch-related h2{margin-bottom:var(--ao-console-gap)}
.watch-related a{display:block;border:var(--ao-border-width) solid var(--ao-line-bright);background:var(--ao-panel-deep);padding:var(--ao-inset-y) var(--ao-inset-x);margin-top:8px;font-size:12px;color:var(--ao-ink-soft)}
.watch-related a:hover{border-color:var(--ao-accent);color:var(--ao-label-pink)}
@media(max-width:800px){.video-showcase .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-showcase .video-card:last-child{grid-column:1/-1}.video-showcase .video-card:last-child .video-card-link{display:grid;grid-template-columns:1fr 1fr}.video-showcase .video-card:last-child .video-card-media{aspect-ratio:auto;min-height:190px}.video-grid{grid-template-columns:1fr}.watch-layout{grid-template-columns:minmax(0,1fr)}.watch-player{max-width:360px;margin-inline:auto}.watch-copy{padding:0}.watch-copy .eyebrow{max-width:100%}}
@media(max-width:560px){.video-showcase .video-grid{grid-template-columns:1fr}.video-showcase .video-card-link,.video-showcase .video-card:last-child .video-card-link{display:grid;grid-template-columns:96px minmax(0,1fr)}.video-card-link{grid-template-columns:96px minmax(0,1fr)}.video-showcase .video-card-media,.video-showcase .video-card:last-child .video-card-media{aspect-ratio:auto;min-height:175px;border-bottom:0}.video-card-meta{padding:12px}.video-card-caption{-webkit-line-clamp:2}.video-card-type{font-size:10px;padding-inline:8px}.watch-player{padding:12px 0}.watch-player iframe{min-height:520px}.watch-copy .eyebrow{font-size:11px;letter-spacing:0}}