/* Video-specific presentation on top of shared editorial components. */
.videos-page .blog-breadcrumb,.video-single .blog-breadcrumb{flex-wrap:wrap}
.videos-intro{padding:var(--cando-space-6);border:1px solid var(--cando-primary-100);border-radius:12px;background:linear-gradient(110deg,var(--cando-background-surface),var(--cando-primary-50))}
.videos-intro .blog-search{background:var(--cando-background-surface)}
.video-card__media{position:relative}
.video-card__play{position:absolute;inset-inline-end:var(--cando-space-4);inset-block-end:var(--cando-space-4);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--cando-brand-500);color:var(--cando-primary-500);box-shadow:0 2px 12px color-mix(in srgb,var(--cando-primary-500) 16%,transparent);transition:transform var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.video-card__play .cando-icon{width:20px;height:20px}
.video-card:hover .video-card__play,.video-card:focus-within .video-card__play{transform:scale(1.08)}
.video-heading{max-width:1000px;margin-inline:auto;margin-block-end:var(--cando-space-6)}
.video-heading h1{font-size:var(--cando-heading-lg-size);line-height:var(--cando-heading-lg-lh);font-weight:var(--cando-font-weight-extrabold);color:var(--cando-primary-500);overflow-wrap:anywhere}
.video-tags{display:flex;flex-wrap:wrap;gap:var(--cando-space-2);margin-block-end:var(--cando-space-4)}
.video-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cando-space-2);color:var(--cando-text-tertiary);font-size:var(--cando-body-s-size);margin-block-start:var(--cando-space-4)}
.video-meta .cando-icon{width:16px;height:16px}
.video-player{position:relative;max-width:1000px;margin-inline:auto;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:var(--cando-primary-900);color:var(--cando-background-surface)}
.video-player__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-player__cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--cando-space-3);padding:var(--cando-space-4);text-align:center;background:color-mix(in srgb,var(--cando-primary-900) 52%,transparent)}
.video-player__start{display:flex;flex-direction:column;align-items:center;gap:var(--cando-space-3);color:var(--cando-background-surface);font-weight:var(--cando-font-weight-bold)}
.video-player__start>span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--cando-brand-500);color:var(--cando-primary-500);box-shadow:0 0 0 8px color-mix(in srgb,var(--cando-brand-500) 18%,transparent);transition:transform var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.video-player__start:hover>span{transform:scale(1.06)}
.video-player__start .cando-icon{width:28px;height:28px}
.video-player__provider{font-size:var(--cando-body-s-size)}
.video-player iframe{display:block;width:100%;height:100%;border:0}
.video-player-note{max-width:1000px;margin:var(--cando-space-4) auto var(--cando-space-8);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--cando-space-3);font-size:var(--cando-body-s-size);color:var(--cando-text-tertiary)}
.video-player-note a,.video-related .blog-section-heading>a{display:inline-flex;align-items:center;gap:var(--cando-space-2);color:var(--cando-primary-500)}
.video-player-note .cando-icon{width:16px;height:16px}
.video-description{max-width:1000px;margin-inline:auto;padding:var(--cando-space-6);border:1px solid var(--cando-border-disabled);border-radius:12px}
.video-description h2{font-size:var(--cando-heading-s-size);line-height:var(--cando-heading-s-lh);color:var(--cando-primary-500);padding-block-end:var(--cando-space-4)}
.video-prose{font-size:var(--cando-body-lg-size);line-height:2;color:var(--cando-text-secondary);overflow-wrap:anywhere}
.video-prose :is(p,ul,ol){margin-block:0 var(--cando-space-4)}
.video-prose>:last-child{margin-block-end:0}
.video-prose :is(ul,ol){padding-inline-start:var(--cando-space-6)}
.video-prose a{color:var(--cando-primary-500);text-decoration:underline;text-underline-offset:4px}
.video-end{max-width:1000px;margin:var(--cando-space-8) auto 0;padding-block-start:var(--cando-space-6);border-block-start:1px solid var(--cando-border-disabled);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--cando-space-4);color:var(--cando-text-tertiary)}
.video-back{border-color:var(--cando-primary-200);color:var(--cando-primary-500)}
.video-back:hover{background:var(--cando-primary-50)}
.video-related{margin-block-start:var(--cando-space-12)}
@media(max-width:767px){.videos-intro,.video-description{padding:var(--cando-space-5) var(--cando-space-4)}.video-heading h1{font-size:var(--cando-heading-m-size);line-height:var(--cando-heading-m-lh)}.video-player__start>span{width:48px;height:48px}.video-player__provider{display:none}.video-player-note{line-height:var(--cando-body-s-lh)}}
@media(prefers-reduced-motion:reduce){.video-card__play,.video-player__start>span{transition:none;transform:none!important}}
