.video-watch-page{width:100%;color:var(--color-text);background:var(--color-surface)}.video-watch-container{width:min(100% - 40px,1040px);margin:0 auto}.video-watch-hero{padding:48px 0 72px;background:linear-gradient(180deg,var(--color-primary-bg),var(--color-surface))}.video-watch-breadcrumbs{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-8);color:var(--color-text-secondary);font-size:var(--font-size-base)}.video-watch-breadcrumbs a{color:var(--color-text-secondary);text-decoration:none}.video-watch-breadcrumbs a:hover{color:var(--color-primary)}.video-watch-eyebrow{margin:0 0 var(--space-3);color:var(--color-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-align:center;text-transform:uppercase}.video-watch-hero h1{max-width:840px;margin:0 auto;font-size:clamp(34px,5vw,56px);font-weight:var(--font-weight-bold);line-height:1.08;text-align:center}.video-watch-introduction{max-width:760px;margin:var(--space-5) auto var(--space-8);color:var(--color-text-secondary);font-size:var(--font-size-xl);line-height:1.65;text-align:center}.video-watch-player{position:relative;overflow:hidden;width:100%;padding-top:56.25%;border-radius:var(--radius-2xl);background:var(--color-text);box-shadow:var(--shadow-popover)}.video-watch-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-watch-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-8)}.video-watch-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 var(--space-6);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-decoration:none;transition:background-color .16s ease,color .16s ease}.video-watch-action--primary{color:var(--color-surface);background:var(--color-primary)}.video-watch-action--primary:hover{color:var(--color-surface);filter:brightness(.9)}.video-watch-action--secondary{color:var(--color-primary);background:var(--color-surface)}.video-watch-action--secondary:hover{color:var(--color-primary);background:var(--color-primary-bg)}.video-watch-guide,.video-watch-related{padding:72px 0}.video-watch-guide h2,.video-watch-related h2{margin:0;font-size:34px;line-height:1.25;text-align:center}.video-watch-step-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin:var(--space-8) 0 0;padding:0;counter-reset:video-watch-step;list-style:none}.video-watch-step{position:relative;min-height:176px;padding:60px var(--space-6) var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface);counter-increment:video-watch-step}.video-watch-step:before{content:counter(video-watch-step,decimal-leading-zero);position:absolute;top:var(--space-5);left:var(--space-6);color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.video-watch-step h3{margin:0;font-size:var(--font-size-xl)}.video-watch-step p{margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.6}.video-watch-related{background:var(--color-primary-bg)}.video-watch-related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-8)}.video-watch-related-links a{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;min-height:72px;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-decoration:none;background:var(--color-surface)}.video-watch-related-links a:hover{border-color:var(--color-primary);color:var(--color-primary)}@media(width<=767px){.video-watch-container{width:min(100% - 32px,1040px)}.video-watch-hero{padding:32px 0 52px}.video-watch-breadcrumbs{margin-bottom:var(--space-6)}.video-watch-introduction{font-size:var(--font-size-lg)}.video-watch-player{border-radius:var(--radius-lg)}.video-watch-actions{align-items:stretch;flex-direction:column}.video-watch-guide,.video-watch-related{padding:52px 0}.video-watch-guide h2,.video-watch-related h2{font-size:26px}.video-watch-step-list,.video-watch-related-links{grid-template-columns:1fr}}
