/* v5.3 deliverables. Static first: videos, live pages and models load only after a tap. */
.v53-video-section{margin:16px 0 24px;min-width:0}
.v53-video-section h3{margin:0 0 8px;font-size:1rem}
.v53-video{aspect-ratio:16/9;position:relative;display:grid;place-items:center;overflow:hidden;background:#101318;border:1px solid var(--line,#8885);border-radius:10px}
.v53-video>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.7}
.v53-video-placeholder{padding:24px;text-align:center;color:var(--ink-2,#bbb)}
.v53-video-play{z-index:2;max-width:90%;min-height:44px;white-space:normal;cursor:pointer}
.v53-video.is-playing>img,.v53-video.is-playing>.v53-video-placeholder{display:none}
.v53-video>video{position:absolute;inset:0;width:100%;height:100%;background:#000;object-fit:contain}
.v53-video-status{position:absolute;inset:auto 8px 8px;background:#12151dcf;color:#fff;font-size:.8rem;padding:2px 8px;border-radius:4px;pointer-events:none}
.v53-video-status:empty{display:none}
.v53-video-note{font-size:.86rem;color:var(--ink-2,#b3b9c2);line-height:1.5;margin:8px 0 0}
.v53-video-note a{color:var(--acc51,#76a1ff)}
.v53-downloads{margin:20px 0;border-top:1px solid var(--line,#8885);scroll-margin-top:20px}
.v53-downloads h2{margin:16px 0 4px}
.v53-download-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:8px;margin:14px 0 18px;padding:0;list-style:none}
.v53-download-list li{display:grid;align-content:start;gap:4px;min-width:0;padding:12px 14px;border:1px solid var(--line,#8885);border-radius:8px;background:var(--plate,#14171c);overflow-wrap:anywhere}
.v53-download-list a{font-size:.92rem;font-weight:600}
.v53-download-meta{font-size:.76rem;color:var(--ink-3,#959da8)}
.v53-unavailable{margin:12px 0 18px;padding-left:22px;font-size:.88rem;color:var(--ink-2,#bbb)}
.v53-unavailable li{margin:5px 0;overflow-wrap:anywhere}
.rc-svg img,.dtile .demo-open.rc-svg img{object-fit:contain;background:#fff}
.dtile .v53-poster{position:relative}
@media(max-width:600px){.v53-download-list{grid-template-columns:1fr}.v53-video-section{margin-bottom:18px}}

/* v5.3.5: side-by-side sections (data dashboards, algorithm visualizers, app clones) */
.duo2-prompt{margin:4px 0 12px}.duo2-prompt summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}
.duo2-prompt .prompt-text{max-height:14em}
.duo2-g{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media(min-width:720px){.duo2-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
.duo2-p{min-width:0;margin:0}.duo2-n{margin:0 0 8px;font-size:1.05rem;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;overflow-wrap:anywhere}
.duo2-n span{font-size:.85rem;font-weight:400;color:var(--ink-2,#b4bcc6)}
.duo2-m{border-radius:10px;border:1px solid var(--border,#242a32)}
.duo2-vid{margin:8px 0 0}.duo2-vid summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.duo2-l{margin:8px 0 0;font-size:.9rem;overflow-wrap:anywhere}.duo2-l a{display:inline-block;min-height:24px}
/* v5.3.8 run condition badge: skills-on harness / harness, skills off / raw API baseline */
.rk{display:inline-block;margin:4px 0 0;padding:1px 8px;border-radius:999px;font-size:.75rem;line-height:1.5;border:1px solid var(--border,#242a32);color:var(--mut,#9aa3ad);white-space:nowrap}
.rk-skills{color:var(--ink,#e8ecf0);border-color:var(--accent,#7aa2ff);background:color-mix(in srgb,var(--accent,#7aa2ff) 18%,transparent);white-space:normal}
.dt-t .rk{margin-left:6px}
.r-kind{margin:6px 0 0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:.85rem}.rk-facts{color:var(--mut,#9aa3ad)}