/**
 * SkyPlanner Videos V2 exact design port.
 * Generated from /Users/jussi/Downloads/SkyPlanner-Videos-v7-standalone.html
 * and adapted for the real GeneratePress content area only.
 */
body.skyplanner-videos-v2-page {
  background: #F9FCFE;
}
body.skyplanner-videos-v2-page.separate-containers .inside-article,
body.skyplanner-videos-v2-page.full-width-content .container.grid-container,
body.skyplanner-videos-v2-page .inside-article {
  padding: 0;
  background: transparent;
  box-shadow: none;
}
body.skyplanner-videos-v2-page .site-main,
body.skyplanner-videos-v2-page .entry-content {
  margin: 0;
}
body.skyplanner-videos-v2-page .entry-header {
  display: none;
}
body.skyplanner-videos-v2-page.rtl #site-navigation .wpml-ls-current-language > .sub-menu,
body.skyplanner-videos-v2-page.rtl #secondary-navigation .wpml-ls-current-language > .sub-menu {
  transform: translateX(8px);
}
.sp-videos-v2.wp-block-group,
.sp-videos-v2 .wp-block-group,
.sp-videos-v2 .wp-block-heading,
.sp-videos-v2 .wp-block-details {
  margin-block-start: 0;
  margin-block-end: 0;
}
.sp-videos-v2 .wp-block-group__inner-container {
  display: contents;
}
.sp-videos-v2 a {
  text-decoration-thickness: auto;
}
.sp-videos-v2 button,
.sp-videos-v2 input,
.sp-videos-v2 select {
  font: inherit;
}
.sp-videos-v2 .screen-reader-text {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
.sp-videos-v2 [hidden] { display: none !important; }

/* ============================================================================
   SkyPlanner — Colors & Typography Foundation
   Canonical tokens extracted from skyplanner.ai (GeneratePress child theme).
   Source of truth: 01_SKYPLANNER_DESIGN_SYSTEM_SOURCE.md + data/tokens.json.
   Load this FIRST, then skyplanner-ds.css for components.
   ============================================================================ */

/* ----------------------------------------------------------------------------
   Webfonts — NeueKabel (display/headings, ONE family w/ weights) + Jost (body)
   Live uses NeueKabel weight 400 for desktop headings, 700 for mobile headings.
   ---------------------------------------------------------------------------- */
@font-face {
  font-family: "NeueKabel";
  src: url("../../Fonts/NeueKabel.woff2") format("woff2");
  font-weight: 400; font-display: swap; font-style: normal;
}
@font-face {
  font-family: "NeueKabel";
  src: url("../../Fonts/NeueKabel-Medium.woff2") format("woff2");
  font-weight: 500; font-display: swap; font-style: normal;
}
@font-face {
  font-family: "NeueKabel";
  src: url("../../Fonts/NeueKabel-Bold.woff2") format("woff2");
  font-weight: 700; font-display: swap; font-style: normal;
}
@font-face {
  font-family: "NeueKabel";
  src: url("../../Fonts/NeueKabelExtraBold.woff2") format("woff2");
  font-weight: 800; font-display: swap; font-style: normal;
}
@font-face {
  font-family: "Jost";               /* Body copy */
  src: url("../../Fonts/Jost.woff2") format("woff2");
  font-weight: 400; font-display: swap; font-style: normal;
}

.sp-videos-v2 {
  /* ==========================================================================
     COLOR — raw brand tokens
     ========================================================================== */
  --sp-blue:            #303AF2;   /* electric brand blue — primary actions, brand surfaces */
  --sp-blue-ink:        #2F3AF1;   /* near-identical legacy variant, normalize to --sp-blue */
  --sp-ink:             #1F1F33;   /* dark navy — headings, body text, nav labels */
  --sp-ink-900:         #0C0C14;   /* deepest ink, rare */
  --sp-green:           #00824F;   /* accessible conversion CTA green */
  --sp-green-600:       #006F43;   /* green hover (derived) */
  --sp-blue-700:        #2630D6;   /* blue hover (derived) */

  /* Surfaces & background */
  --sp-bg:              #F9FCFE;   /* default page background (cool near-white) */
  --sp-bg-alt:         #F9F9FD;   /* faint alt background */
  --sp-white:           #FFFFFF;

  /* Tinted "pastel" surfaces — section + icon-chip backgrounds */
  --sp-surface-blue:    #E5F2FE;   /* light blue band / chip */
  --sp-surface-green:   #CEF2DD;   /* light green chip */
  --sp-surface-purple:  #EDE5FE;   /* light purple chip */
  --sp-surface-orange:  #FEF2E5;   /* light orange chip */

  /* Borders & lines */
  --sp-border:          #DDEDFF;   /* light blue hairline (inputs, dividers) */
  --sp-border-soft:     rgba(31,31,51,0.10);

  /* Text roles */
  --sp-text:            #1F1F33;   /* primary text */
  --sp-text-muted:      #5A5A6E;   /* secondary text (derived from ink) */
  --sp-text-on-blue:    #FFFFFF;
  --sp-text-on-blue-dim:rgba(255,255,255,0.85);
  --sp-link:            #303AF2;

  /* ==========================================================================
     SHADOWS — soft blue-tinted elevation
     ========================================================================== */
  --sp-shadow-card:   0px 6px 32px rgba(48,58,242,0.12);   /* default rounded card */
  --sp-shadow-soft:   0px 6px 24px rgba(48,58,242,0.30);   /* hover / floating CTA */
  --sp-shadow-faint:  0px 6px 32px rgba(48,58,242,0.12);
  --sp-shadow-pill:   0px 4px 20px rgba(46,49,65,0.18);    /* floating pill button */

  /* ==========================================================================
     RADII
     ========================================================================== */
  --sp-radius-sm:   8px;
  --sp-radius-md:   12px;    /* inputs, small cards, chips */
  --sp-radius-lg:   24px;    /* content cards, panels */
  --sp-radius-xl:   32px;    /* large feature panels, bands */
  --sp-radius-pill: 35px;    /* buttons, nav CTA */
  --sp-radius-full: 9999px;

  /* ==========================================================================
     SPACING — regularized 4px-based scale
     ========================================================================== */
  --sp-space-1:  4px;
  --sp-space-2:  8px;
  --sp-space-3:  12px;
  --sp-space-4:  16px;
  --sp-space-5:  20px;
  --sp-space-6:  24px;
  --sp-space-8:  32px;
  --sp-space-10: 40px;
  --sp-space-12: 48px;
  --sp-space-15: 60px;
  --sp-space-20: 80px;
  --sp-space-30: 120px;   /* section vertical rhythm (desktop) */

  --sp-container: 1200px; /* max content width */
  --sp-gutter:    40px;

  /* ==========================================================================
     TYPOGRAPHY — families
     ========================================================================== */
  --sp-font-display:  "NeueKabel", "Jost", system-ui, sans-serif;        /* headings */
  --sp-font-display-xb: "NeueKabel", "Jost", sans-serif;                 /* hero display (weight 800) */
  --sp-font-medium:   "NeueKabel", "Jost", sans-serif;                   /* nav, subheads (weight 500) */
  --sp-font-body:     "Jost", system-ui, -apple-system, sans-serif;      /* body */

  /* Type scale (weight / size / line-height) — fluid via clamp(): one token scales
     from mobile to desktop, so pages no longer need per-breakpoint heading overrides.
     Live SkyPlanner uses bold 700 display headings. */
  --sp-h1: 700 clamp(36px, 5.2vw, 80px)/1.05 var(--sp-font-display);
  --sp-h2: 700 clamp(30px, 4.4vw, 56px)/1.12 var(--sp-font-display);
  --sp-h3: 700 clamp(24px, 2.6vw, 32px)/1.25 var(--sp-font-display);
  --sp-h4: 700 clamp(20px, 2vw, 24px)/1.3 var(--sp-font-display);
  --sp-body-lg: 400 20px/30px var(--sp-font-body);
  --sp-body:    400 18px/27px var(--sp-font-body);
  --sp-body-sm: 400 16px/23px var(--sp-font-body);
  --sp-caption: 400 15px/22px var(--sp-font-body);
}

/* ----------------------------------------------------------------------------
   Mobile type scale (≤600px)
   ---------------------------------------------------------------------------- */
@media only screen and (max-width: 600px) {
  .sp-videos-v2 {
    /* headings now scale fluidly via clamp() above — only body copy needs a mobile step */
    --sp-body-lg: 400 17px/24px var(--sp-font-body);
    --sp-body:    400 17px/24px var(--sp-font-body);
    --sp-space-30: 64px;
    --sp-gutter:   20px;
  }
}

/* ----------------------------------------------------------------------------
   Semantic element defaults (opt-in via .sp-prose / utility classes)
   ---------------------------------------------------------------------------- */
.sp-videos-v2 .sp-h1 { font: var(--sp-h1); color: var(--sp-text); margin: 0; }
.sp-videos-v2 .sp-h2 { font: var(--sp-h2); color: var(--sp-text); margin: 0; }
.sp-videos-v2 .sp-h3 { font: var(--sp-h3); color: var(--sp-text); margin: 0; }
.sp-videos-v2 .sp-h4 { font: var(--sp-h4); color: var(--sp-text); margin: 0; }
.sp-videos-v2 .sp-lead { font: var(--sp-body-lg); color: var(--sp-text); margin: 0; }
.sp-videos-v2 .sp-body { font: var(--sp-body-lg); color: var(--sp-text); margin: 0; }
.sp-videos-v2 .sp-muted { color: var(--sp-text-muted); }
.sp-videos-v2 .sp-eyebrow {
  font: var(--sp-caption); font-family: var(--sp-font-medium);
  letter-spacing: 1.5px; text-transform: uppercase; color: var(--sp-blue); margin: 0;
}


/* --- style block --- */

/* ============================================================================
   SkyPlanner — Component Kit (canonical, normalized)
   Requires colors_and_type.css loaded first.
   Legacy site had many one-off button/card variants; this file collapses them
   into a small canonical set. Class prefix: .sp-
   ============================================================================ */

.sp-videos-v2, .sp-videos-v2 *, .sp-videos-v2 *::before, .sp-videos-v2 *::after { box-sizing: border-box; }
body.skyplanner-videos-v2-page { overflow-x: clip; }   /* belt-and-suspenders: off-canvas / decorative bleed never adds page scroll width */

/* Mobile-safety defaults (promoted from pricing-v2): long words wrap instead of
   forcing horizontal scroll, and media never exceeds its container. */
.sp-videos-v2.sp-page { overflow-wrap: break-word; }
.sp-videos-v2.sp-page img, .sp-videos-v2.sp-page svg, .sp-videos-v2.sp-page video { max-width: 100%; }
/* Opt-in helper for flex/grid children that would otherwise refuse to shrink
   (the #1 cause of mobile overflow in 2-column layouts). */
.sp-videos-v2 .sp-min0, .sp-videos-v2 .sp-min0 > * { min-width: 0; }

.sp-videos-v2.sp-page {
  margin: 0;
  background: var(--sp-bg);
  color: var(--sp-text);
  font: var(--sp-body-lg);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

.sp-videos-v2 .sp-container { max-width: var(--sp-container); margin-inline: auto; padding-inline: var(--sp-gutter); }
.sp-videos-v2 .sp-section   { padding-block: var(--sp-space-30); }

/* ============================================================================
   1. BUTTONS  — canonical set: green primary, blue primary, outline, nav CTA, text
   Pill shape, NeueKabelMedium label, generous padding, soft lift on hover.
   ============================================================================ */
.sp-videos-v2 .sp-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  font-family: var(--sp-font-medium); font-size: 18px; line-height: 1;
  padding: 18px 32px; border-radius: var(--sp-radius-pill);
  border: 2px solid transparent; cursor: pointer; text-decoration: none;
  transition: background-color .18s ease, color .18s ease,
              box-shadow .18s ease, transform .12s ease, border-color .18s ease;
  white-space: nowrap;
}
.sp-videos-v2 .sp-btn:active { transform: translateY(1px); }
.sp-videos-v2 .sp-btn .sp-btn__chev { width: 18px; height: 18px; flex: none; }

/* Green — primary conversion ("Get started for free", "Start free") */
.sp-videos-v2 .sp-btn--green { background: var(--sp-green); color: #fff; }
.sp-videos-v2 .sp-btn--green:hover { background: var(--sp-green-600); box-shadow: var(--sp-shadow-soft); transform: translateY(-2px); }

/* Blue — secondary action / "Request a demo", "Contact us" */
.sp-videos-v2 .sp-btn--blue { background: var(--sp-blue); color: #fff; }
.sp-videos-v2 .sp-btn--blue:hover { background: var(--sp-blue-700); box-shadow: var(--sp-shadow-soft); transform: translateY(-2px); }

/* Outline — tertiary / "Start free with Google/Microsoft", "Book a free demo" */
.sp-videos-v2 .sp-btn--outline { background: #fff; color: var(--sp-ink); border-color: var(--sp-border); }
.sp-videos-v2 .sp-btn--outline:hover { border-color: var(--sp-blue); color: var(--sp-blue); box-shadow: var(--sp-shadow-card); }

/* Outline on blue — for use inside blue bands */
.sp-videos-v2 .sp-btn--ghost-onblue { background: transparent; color: #fff; border-color: rgba(255,255,255,0.6); }
.sp-videos-v2 .sp-btn--ghost-onblue:hover { background: #fff; color: var(--sp-blue); border-color: #fff; }

/* White — solid white pill for use on blue/brand surfaces (e.g. hero OAuth) */
.sp-videos-v2 .sp-btn--white { background: #fff; color: var(--sp-ink); }
.sp-videos-v2 .sp-btn--white:hover { box-shadow: 0 12px 30px rgba(12,16,60,0.28); transform: translateY(-2px); }

/* Nav CTA — compact green pill in header */
.sp-videos-v2 .sp-btn--nav { padding: 14px 26px; font-size: 17px; background: var(--sp-green); color: #fff; }
.sp-videos-v2 .sp-btn--nav:hover { background: var(--sp-green-600); box-shadow: var(--sp-shadow-soft); transform: translateY(-2px); }

/* Text link button */
.sp-videos-v2 .sp-btn--text {
  background: none; border: none; padding: 6px 2px; color: var(--sp-ink);
  text-decoration: underline; text-underline-offset: 4px;
}
.sp-videos-v2 .sp-btn--text:hover { color: var(--sp-blue); }

.sp-videos-v2 .sp-btn--lg { padding: 20px 38px; font-size: 19px; }
.sp-videos-v2 .sp-btn--sm { padding: 12px 22px; font-size: 16px; }
.sp-videos-v2 .sp-btn:focus-visible { outline: 3px solid rgba(48,58,242,0.45); outline-offset: 2px; }

/* ============================================================================
   7. FAQ / ACCORDION
   ============================================================================ */
.sp-videos-v2 .sp-faq { max-width: 920px; margin-inline:auto; display:flex; flex-direction:column; gap: 14px; }
.sp-videos-v2 .sp-faq__item { border-radius: var(--sp-radius-pill); background:#fff; box-shadow: var(--sp-shadow-card); overflow:hidden; transition: border-radius .2s; }
.sp-videos-v2 .sp-faq__q {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding: 22px 32px; cursor:pointer; font-family: var(--sp-font-display);
  font-weight:700; font-size: 19px; color: var(--sp-text);
}
.sp-videos-v2 .sp-faq__q .sp-faq__chev { width:18px; height:18px; flex:none; transition: transform .2s; color: var(--sp-blue); }
.sp-videos-v2 .sp-faq__a { padding: 0 32px; max-height:0; overflow:hidden; transition: max-height .25s ease, padding .25s ease; font: var(--sp-body-sm); color: var(--sp-text-muted); }
.sp-videos-v2 .sp-faq__item.is-open { background: var(--sp-blue); border-radius: var(--sp-radius-lg); }
.sp-videos-v2 .sp-faq__item.is-open .sp-faq__q { color: #fff; }
.sp-videos-v2 .sp-faq__item.is-open .sp-faq__chev { transform: rotate(180deg); color:#fff; }
.sp-videos-v2 .sp-faq__item.is-open .sp-faq__a { color: rgba(255,255,255,0.9); max-height: 320px; padding: 0 32px 24px; }

/* ============================================================================
   10. UTILITIES
   ============================================================================ */
.sp-videos-v2 .sp-pill-tag { display:inline-flex; align-items:center; gap:8px; padding:8px 18px; border-radius: var(--sp-radius-pill); background: var(--sp-surface-blue); color: var(--sp-blue); font-family: var(--sp-font-medium); font-size: 15px; }
.sp-videos-v2 .sp-divider { border:none; border-top:1px solid var(--sp-border); margin: 0; }
.sp-videos-v2 .sp-stack-2 > * + * { margin-top: 8px; }
.sp-videos-v2 .sp-stack-4 > * + * { margin-top: 16px; }
.sp-videos-v2 .sp-center { text-align:center; }
/* --- style block --- */

/* ============================================================================
   SkyPlanner — Videos V2  ("guided buyer demo room")
   Page-specific styles. Requires colors_and_type.css + skyplanner-ds.css first.
   Tone: premium, calm, operational. Crisp 8px video cards, status-dot metadata.
   ============================================================================ */

.sp-videos-v2{
  /* buyer-stage accent system (production-status inspired) */
  --v2-explore:#303AF2;     /* blue   */
  --v2-evaluate:var(--sp-green);    /* green  */
  --v2-technical:#7A5AF8;   /* purple */
  --v2-onboarding:#F5A623;  /* amber  */
  --v2-advanced:#5A5A6E;    /* slate  */
  --v2-line:rgba(31,31,51,.10);
  --v2-line-strong:rgba(31,31,51,.16);
  --v2-ink-soft:#41485a;
}

.sp-videos-v2.v2{ }
.sp-videos-v2.v2 .sp-container{ max-width:1240px; }

/* breadcrumb */
.sp-videos-v2 .v2-crumb{ font:var(--sp-caption); color:var(--sp-text-muted); padding-top:22px; }
.sp-videos-v2 .v2-crumb a{ color:var(--sp-blue); text-decoration:none; }
.sp-videos-v2 .v2-crumb a:hover{ text-decoration:underline; }

/* generic eyebrow + section head used across the page */
.sp-videos-v2 .v2-eyebrow{ font:var(--sp-caption); font-family:var(--sp-font-medium); letter-spacing:1.6px;
  text-transform:uppercase; color:var(--sp-blue); margin:0 0 14px; display:flex; align-items:center; gap:10px; }
.sp-videos-v2 .v2-eyebrow::before{ content:""; width:22px; height:2px; background:var(--sp-blue); border-radius:2px; }
.sp-videos-v2 .v2-shead{ margin:0 0 36px; max-width:760px; }
.sp-videos-v2 .v2-shead h2{ font:var(--sp-h2); color:var(--sp-text); margin:0 0 14px; text-wrap:balance; }
.sp-videos-v2 .v2-shead p{ font:var(--sp-body-lg); color:var(--sp-text-muted); margin:0; max-width:62ch; }
.sp-videos-v2 .v2-section{ padding-block:64px; }
.sp-videos-v2 .v2-section--tight{ padding-block:40px; }
@media(max-width:600px){
  .sp-videos-v2 .v2-section{ padding-block:46px; }
  .sp-videos-v2 .v2-section--tight{ padding-block:32px; }
  .sp-videos-v2 .v2-shead{ margin-bottom:26px; }
}

/* ---------------------------------------------------------------- badges --- */
.sp-videos-v2 .v2-badge{ display:inline-flex; align-items:center; gap:7px; font-family:var(--sp-font-medium);
  font-size:12.5px; line-height:1; letter-spacing:.2px; padding:6px 10px; border-radius:6px;
  background:#fff; border:1px solid var(--v2-line); color:var(--sp-text); white-space:nowrap; }
.sp-videos-v2 .v2-badge--fmt{ background:var(--sp-ink); color:#fff; border-color:transparent; }
.sp-videos-v2 .v2-badge--ghost{ background:var(--sp-bg-alt); }
.sp-videos-v2 .v2-dot{ width:7px; height:7px; border-radius:50%; flex:none; background:var(--sp-text-muted); }
.sp-videos-v2 .v2-dot--explore{ background:var(--v2-explore); }
.sp-videos-v2 .v2-dot--evaluate{ background:var(--v2-evaluate); }
.sp-videos-v2 .v2-dot--technical{ background:var(--v2-technical); }
.sp-videos-v2 .v2-dot--onboarding{ background:var(--v2-onboarding); }
.sp-videos-v2 .v2-dot--advanced{ background:var(--v2-advanced); }
.sp-videos-v2 .v2-new{ background:var(--v2-evaluate); color:#fff; border-color:transparent; }
.sp-videos-v2 .v2-upd{ background:var(--v2-onboarding); color:#1f1f33; border-color:transparent; }

/* watch-time / meta chip */
.sp-videos-v2 .v2-chip{ display:inline-flex; align-items:center; gap:8px; font-family:var(--sp-font-medium);
  font-size:14px; color:var(--sp-text); background:#fff; border:1px solid var(--v2-line);
  padding:9px 16px; border-radius:var(--sp-radius-pill); }
.sp-videos-v2 .v2-chip svg{ width:16px; height:16px; color:var(--sp-blue); }

/* play facade ------------------------------------------------------------- */
.sp-videos-v2 .v2-play{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:60px; height:42px; border-radius:11px; background:rgba(255,0,0,.92);
  display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(0,0,0,.3);
  transition:transform .18s, background .18s; }
.sp-videos-v2 .v2-play svg{ width:22px; height:22px; margin-left:2px; }
.sp-videos-v2 .v2-frame:hover .v2-play, .sp-videos-v2 .v2-vcard__thumb:hover .v2-play{ transform:translate(-50%,-50%) scale(1.08); background:#ff1a1a; }

/* ================================================================== HERO === */
.sp-videos-v2 .v2-hero{ padding-block:30px 60px; }
.sp-videos-v2 .v2-hero__grid{ display:grid; grid-template-columns:1.02fr 1.1fr; gap:54px; align-items:center; }
.sp-videos-v2 .v2-hero__title{ font-family:var(--sp-font-display); font-weight:700; font-size:clamp(38px,4.6vw,62px);
  line-height:1.04; color:var(--sp-text); margin:0 0 20px; text-wrap:balance; }
.sp-videos-v2 .v2-hero__sub{ font:var(--sp-body-lg); color:var(--sp-text-muted); margin:0 0 24px; max-width:50ch; }
.sp-videos-v2 .v2-hero__actions{ display:flex; gap:14px; flex-wrap:wrap; align-items:center; margin-bottom:22px; }
.sp-videos-v2 .v2-hero__cues{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:20px; }
.sp-videos-v2 .v2-hero__trust{ display:flex; gap:12px; align-items:flex-start; font:var(--sp-body-sm); color:var(--sp-text-muted);
  border-top:1px solid var(--v2-line); padding-top:18px; max-width:52ch; }
.sp-videos-v2 .v2-hero__trust svg{ width:20px; height:20px; flex:none; color:var(--sp-blue); margin-top:1px; }

@media(max-width:920px){
  .sp-videos-v2 .v2-hero__grid{ grid-template-columns:1fr; gap:30px; }
  .sp-videos-v2 .v2-hero__sub{ max-width:none; }
}

/* compact video row (used in path, role, journey, playlists, share) */
.sp-videos-v2 .v2-row{ display:flex; align-items:center; gap:14px; padding:9px; border-radius:8px; background:#fff;
  border:1px solid transparent; cursor:pointer; text-align:left; width:100%; transition:all .14s; }
.sp-videos-v2 .v2-row:hover{ border-color:var(--v2-line); box-shadow:0 4px 16px rgba(48,58,242,.08); }
.sp-videos-v2 .v2-row__thumb{ position:relative; width:104px; flex:none; aspect-ratio:16/9; border-radius:6px; overflow:hidden; background:#0b1020; }
.sp-videos-v2 .v2-row__thumb img{ width:100%; height:100%; object-fit:cover; }
.sp-videos-v2 .v2-row__thumb .v2-row__play{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.sp-videos-v2 .v2-row__thumb .v2-row__play svg{ width:26px; height:26px; color:#fff; filter:drop-shadow(0 2px 6px rgba(0,0,0,.5)); }
.sp-videos-v2 .v2-row__n{ flex:none; width:22px; height:22px; border-radius:50%; background:var(--sp-surface-blue); color:var(--sp-blue);
  font-family:var(--sp-font-medium); font-size:12px; display:flex; align-items:center; justify-content:center; }
.sp-videos-v2 .v2-row__main{ min-width:0; }
.sp-videos-v2 .v2-row__title{ font-family:var(--sp-font-medium); font-size:15px; color:var(--sp-text); margin:0; line-height:1.3; }
.sp-videos-v2 .v2-row__meta{ font-family:var(--sp-font-body); font-size:13px; color:var(--sp-text-muted); margin:3px 0 0;
  display:flex; align-items:center; gap:8px; }

/* ============================================================= VIDEO CARD == */
.sp-videos-v2 .v2-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
@media(max-width:980px){ .sp-videos-v2 .v2-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .sp-videos-v2 .v2-grid{ grid-template-columns:1fr; } }

.sp-videos-v2 .v2-vcard{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--v2-line);
  border-radius:8px; overflow:hidden; transition:transform .16s, box-shadow .16s, border-color .16s; }
.sp-videos-v2 .v2-vcard:hover{ transform:translateY(-3px); box-shadow:var(--sp-shadow-card); border-color:transparent; }
.sp-videos-v2 .v2-vcard__thumb{ position:relative; aspect-ratio:16/9; background:#0b1020; cursor:pointer; border:0; padding:0; width:100%; display:block; }
.sp-videos-v2 .v2-vcard__thumb img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sp-videos-v2 .v2-vcard__dur{ position:absolute; bottom:9px; right:9px; background:rgba(11,16,32,.82); color:#fff;
  font-family:var(--sp-font-medium); font-size:12px; padding:4px 7px; border-radius:5px; }
.sp-videos-v2 .v2-vcard__fmt{ position:absolute; top:9px; left:9px; }
.sp-videos-v2 .v2-vcard__flag{ position:absolute; top:9px; right:9px; }
.sp-videos-v2 .v2-vcard__body{ padding:16px 16px 18px; display:flex; flex-direction:column; gap:10px; flex:1; }
.sp-videos-v2 .v2-vcard__badges{ display:flex; flex-wrap:wrap; gap:6px; }
.sp-videos-v2 .v2-vcard__title{ font-family:var(--sp-font-display); font-weight:700; font-size:17px; line-height:1.28;
  color:var(--sp-text); margin:0; text-wrap:balance; }
.sp-videos-v2 .v2-vcard__promise{ font:var(--sp-body-sm); color:var(--v2-ink-soft); margin:0; }
.sp-videos-v2 .v2-vcard__learn{ font-family:var(--sp-font-body); font-size:13.5px; line-height:1.5; color:var(--sp-text-muted);
  margin:0; padding:11px 13px; background:var(--sp-bg-alt); border-radius:7px; }
.sp-videos-v2 .v2-vcard__learn b{ color:var(--sp-text); font-family:var(--sp-font-medium); font-weight:400; }
.sp-videos-v2 .v2-vcard__bestfor{ font-family:var(--sp-font-medium); font-size:12.5px; color:var(--sp-blue); margin:0;
  display:flex; gap:6px; align-items:baseline; }
.sp-videos-v2 .v2-vcard__bestfor span{ color:var(--sp-text-muted); font-family:var(--sp-font-body); }
.sp-videos-v2 .v2-vcard__actions{ display:flex; gap:8px; margin-top:auto; padding-top:4px; }
.sp-videos-v2 .v2-vbtn{ flex:1; display:inline-flex; align-items:center; justify-content:center; gap:7px;
  font-family:var(--sp-font-medium); font-size:14px; padding:11px 12px; border-radius:7px; cursor:pointer;
  border:1px solid var(--v2-line); background:#fff; color:var(--sp-text); transition:all .15s; }
.sp-videos-v2 .v2-vbtn--primary{ background:var(--sp-blue); border-color:var(--sp-blue); color:#fff; flex:1.3; }
.sp-videos-v2 .v2-vbtn--primary:hover{ background:var(--sp-blue-700); }
.sp-videos-v2 .v2-vbtn:hover{ border-color:var(--sp-blue); color:var(--sp-blue); }
.sp-videos-v2 .v2-vbtn--primary:hover{ color:#fff; }
.sp-videos-v2 .v2-vbtn svg{ width:15px; height:15px; }

/* ============================================================= JOURNEY ===== */
.sp-videos-v2 .v2-journey{ background:var(--sp-ink); color:#fff; border-radius:var(--sp-radius-xl); padding:48px 40px; box-shadow:var(--sp-shadow-soft); }
.sp-videos-v2 .v2-journey .v2-eyebrow{ color:#8ea2ff; }
.sp-videos-v2 .v2-journey .v2-eyebrow::before{ background:#8ea2ff; }
.sp-videos-v2 .v2-journey__head h2{ font:var(--sp-h3); font-size:30px; color:#fff; margin:0 0 10px; }
.sp-videos-v2 .v2-journey__head p{ font:var(--sp-body); color:rgba(255,255,255,.72); margin:0 0 34px; max-width:64ch; }
.sp-videos-v2 .v2-flow{ display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin-bottom:30px; }
.sp-videos-v2 .v2-stage{ position:relative; text-align:left; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12);
  border-radius:10px; padding:16px 14px 18px; cursor:pointer; transition:all .16s; color:#fff; }
.sp-videos-v2 .v2-stage__num{ display:none; }
.sp-videos-v2 .v2-stage__chev{ display:none; }
.sp-videos-v2 .v2-stage:hover{ background:rgba(255,255,255,.1); }
.sp-videos-v2 .v2-stage[aria-pressed="true"]{ background:var(--sp-blue); border-color:var(--sp-blue); }
.sp-videos-v2 .v2-stage__n{ font-family:var(--sp-font-medium); font-size:12px; color:rgba(255,255,255,.55); margin:0 0 10px; }
.sp-videos-v2 .v2-stage__body{ display:flex; flex-direction:column; min-width:0; }
.sp-videos-v2 .v2-stage[aria-pressed="true"] .v2-stage__n{ color:rgba(255,255,255,.8); }
.sp-videos-v2 .v2-stage__name{ font-family:var(--sp-font-display); font-weight:700; font-size:15px; line-height:1.25; margin:0; }
.sp-videos-v2 .v2-stage__count{ font-family:var(--sp-font-body); font-size:12px; color:rgba(255,255,255,.6); margin:8px 0 0; }
.sp-videos-v2 .v2-stage[aria-pressed="true"] .v2-stage__count{ color:rgba(255,255,255,.85); }
.sp-videos-v2 .v2-stage__arrow{ position:absolute; right:-9px; top:50%; transform:translateY(-50%); z-index:2; width:16px; height:16px;
  color:rgba(255,255,255,.3); }
.sp-videos-v2 .v2-stage:last-child .v2-stage__arrow{ display:none; }
.sp-videos-v2 .v2-stage-detail{ background:#fff; border-radius:var(--sp-radius-lg); padding:28px 30px; color:var(--sp-text);
  display:grid; grid-template-columns:1fr 1.5fr; gap:30px; align-items:start; }
.sp-videos-v2 .v2-stage-detail__l h3{ font-family:var(--sp-font-display); font-weight:700; font-size:22px; margin:0 0 12px; }
.sp-videos-v2 .v2-stage-detail__l p{ font:var(--sp-body-sm); color:var(--sp-text-muted); margin:0 0 18px; }
.sp-videos-v2 .v2-stage-detail__topics{ display:flex; flex-wrap:wrap; gap:7px; margin-bottom:22px; }
.sp-videos-v2 .v2-stage-detail__vids{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
@media(max-width:900px){
  .sp-videos-v2 .v2-flow{ grid-template-columns:repeat(2,1fr); }
  .sp-videos-v2 .v2-stage__arrow{ display:none!important; }
  .sp-videos-v2 .v2-stage-detail{ grid-template-columns:1fr; gap:22px; }
  .sp-videos-v2 .v2-stage-detail__vids{ grid-template-columns:1fr; }
  .sp-videos-v2 .v2-journey{ padding:34px 22px; }
}
/* mobile: compact single-column accordion stepper */
@media(max-width:600px){
  .sp-videos-v2 .v2-flow{ display:flex; flex-direction:column; gap:8px; margin-bottom:0; }
  .sp-videos-v2 .v2-stage{ display:flex; align-items:center; gap:13px; padding:13px 14px; }
  .sp-videos-v2 .v2-stage__num{ display:flex; align-items:center; justify-content:center; flex:none; width:30px; height:30px;
    border-radius:50%; background:rgba(255,255,255,.12); color:#fff; font-family:var(--sp-font-medium); font-size:14px; }
  .sp-videos-v2 .v2-stage[aria-pressed="true"] .v2-stage__num{ background:#fff; color:var(--sp-blue); }
  .sp-videos-v2 .v2-stage__body{ display:flex; flex-direction:column; min-width:0; flex:1; }
  .sp-videos-v2 .v2-stage__n{ display:none; }
  .sp-videos-v2 .v2-stage__name{ font-size:15px; }
  .sp-videos-v2 .v2-stage__count{ margin:2px 0 0; }
  .sp-videos-v2 .v2-stage__chev{ display:block; flex:none; width:18px; height:18px; color:rgba(255,255,255,.5); transition:transform .2s; }
  .sp-videos-v2 .v2-stage[aria-pressed="true"] .v2-stage__chev{ transform:rotate(180deg); color:#fff; }
  /* detail sits inline under the active stage row */
  .sp-videos-v2 .v2-stage-detail{ margin:6px 0 8px; padding:20px 18px; }
  .sp-videos-v2 .v2-stage-detail__l h3{ font-size:19px; }
}

/* ============================================================== LIBRARY ===== */
.sp-videos-v2 .v2-libbar{ display:flex; gap:14px; align-items:center; margin-bottom:18px; flex-wrap:wrap; }
.sp-videos-v2 .v2-search{ position:relative; flex:1; min-width:260px; }
.sp-videos-v2 .v2-search svg{ position:absolute; left:18px; top:50%; transform:translateY(-50%); width:18px; height:18px; color:var(--sp-text-muted); }
.sp-videos-v2 .v2-search input{ width:100%; font:var(--sp-body); padding:14px 18px 14px 46px; border-radius:var(--sp-radius-pill);
  border:1px solid var(--v2-line); background:#fff; color:var(--sp-text); }
.sp-videos-v2 .v2-search input:focus{ outline:none; border-color:var(--sp-blue); box-shadow:0 0 0 4px rgba(48,58,242,.12); }
.sp-videos-v2 .v2-filtertoggle{ display:none; }
.sp-videos-v2 .v2-filters{ display:flex; flex-direction:column; gap:14px; margin-bottom:24px; }
.sp-videos-v2 .v2-fgroup{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.sp-videos-v2 .v2-fgroup__label{ font-family:var(--sp-font-medium); font-size:13px; letter-spacing:.4px; text-transform:uppercase;
  color:var(--sp-text-muted); width:96px; flex:none; }
.sp-videos-v2 .v2-fchips{ display:flex; flex-wrap:wrap; gap:8px; }
.sp-videos-v2 .v2-fchip{ font-family:var(--sp-font-medium); font-size:13.5px; color:var(--sp-text); background:#fff;
  border:1px solid var(--v2-line); border-radius:var(--sp-radius-pill); padding:8px 15px; cursor:pointer;
  transition:all .14s; display:inline-flex; align-items:center; gap:7px; }
.sp-videos-v2 .v2-fchip:hover{ border-color:var(--sp-blue); }
.sp-videos-v2 .v2-fchip[aria-pressed="true"]{ background:var(--sp-blue); border-color:var(--sp-blue); color:#fff; }
.sp-videos-v2 .v2-fchip[aria-pressed="true"] .v2-dot{ outline:1.5px solid rgba(255,255,255,.7); }
.sp-videos-v2 .v2-libmeta{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; flex-wrap:wrap; }
.sp-videos-v2 .v2-libmeta__count{ font:var(--sp-body-sm); color:var(--sp-text-muted); }
.sp-videos-v2 .v2-libmeta__count b{ color:var(--sp-text); font-family:var(--sp-font-medium); font-weight:400; }
.sp-videos-v2 .v2-reset{ font-family:var(--sp-font-medium); font-size:14px; color:var(--sp-blue); background:none; border:none;
  cursor:pointer; display:inline-flex; align-items:center; gap:6px; }
.sp-videos-v2 .v2-reset:hover{ text-decoration:underline; }
.sp-videos-v2 .v2-noresults{ display:none; text-align:center; padding:56px 24px; background:var(--sp-bg-alt);
  border:1px dashed var(--v2-line-strong); border-radius:var(--sp-radius-lg); }
.sp-videos-v2 .v2-noresults.is-on{ display:block; }
.sp-videos-v2 .v2-noresults svg{ width:40px; height:40px; color:var(--sp-text-muted); margin-bottom:14px; }
.sp-videos-v2 .v2-noresults h4{ font-family:var(--sp-font-display); font-weight:700; font-size:20px; color:var(--sp-text); margin:0 0 8px; }
.sp-videos-v2 .v2-noresults p{ font:var(--sp-body-sm); color:var(--sp-text-muted); margin:0 0 18px; }
.sp-videos-v2 .v2-loadmore{ display:flex; justify-content:center; margin-top:36px; }
@media(max-width:720px){
  .sp-videos-v2 .v2-fgroup__label{ width:100%; }
}

/* mobile: collapse filters behind a toggle so the catalogue isn't buried */
@media(max-width:720px){
  .sp-videos-v2 .v2-filtertoggle{ display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%;
    font-family:var(--sp-font-medium); font-size:15px; color:var(--sp-text); background:#fff;
    border:1px solid var(--v2-line); border-radius:12px; padding:13px 16px; cursor:pointer; margin-bottom:14px; }
  .sp-videos-v2 .v2-filtertoggle__l{ display:flex; align-items:center; gap:10px; }
  .sp-videos-v2 .v2-filtertoggle__l svg{ width:18px; height:18px; color:var(--sp-blue); }
  .sp-videos-v2 .v2-filtertoggle__count{ display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px;
    padding:0 6px; border-radius:10px; background:var(--sp-blue); color:#fff; font-size:12px; }
  .sp-videos-v2 .v2-filtertoggle__chev{ width:13px; height:13px; color:var(--sp-text-muted); transition:transform .2s; }
  .sp-videos-v2 .v2-filtertoggle[aria-expanded="true"] .v2-filtertoggle__chev{ transform:rotate(180deg); }
  .sp-videos-v2 .v2-filters{ display:none; }
  .sp-videos-v2 .v2-filters.is-open{ display:flex; }
}

/* ============================================================ FINAL CTA ===== */
.sp-videos-v2 .v2-final{ text-align:center; }
.sp-videos-v2 .v2-final h2{ font:var(--sp-h2); color:var(--sp-text); margin:0 auto 18px; max-width:18ch; text-wrap:balance; }
.sp-videos-v2 .v2-final p{ font:var(--sp-body-lg); color:var(--sp-text-muted); margin:0 auto 30px; max-width:54ch; }
.sp-videos-v2 .v2-final__actions{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* ============================================================== MODAL ====== */
.sp-videos-v2 .v2-modal{ position:fixed; inset:0; z-index:200; display:none; }
.sp-videos-v2 .v2-modal.is-open{ display:block; }
.sp-videos-v2 .v2-modal__scrim{ position:absolute; inset:0; background:rgba(12,12,20,.62); backdrop-filter:blur(3px); }
.sp-videos-v2 .v2-modal__panel{ position:absolute; inset:0; overflow-y:auto; }
.sp-videos-v2 .v2-modal__inner{ max-width:1060px; margin:42px auto; background:#fff; border-radius:var(--sp-radius-lg);
  box-shadow:0 30px 80px rgba(12,16,60,.4); overflow:hidden; }
@media(max-width:600px){ .sp-videos-v2 .v2-modal__inner{ margin:0; border-radius:0; min-height:100%; } }
.sp-videos-v2 .v2-modal__close{ position:fixed; top:20px; right:20px; z-index:6; width:46px; height:46px; border-radius:50%;
  background:var(--sp-ink); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 20px rgba(8,10,40,.45); transition:transform .14s, background .14s; }
.sp-videos-v2 .v2-modal__close:hover{ transform:scale(1.06); background:#000; }
.sp-videos-v2 .v2-modal__close svg{ width:22px; height:22px; color:#fff; }
.sp-videos-v2 .v2-modal__player{ position:relative; aspect-ratio:16/9; background:#0b1020; cursor:pointer; }
.sp-videos-v2 .v2-modal__player img{ width:100%; height:100%; object-fit:cover; }
.sp-videos-v2 .v2-modal__player iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.sp-videos-v2 .v2-modal__grid{ display:grid; grid-template-columns:1.6fr 1fr; gap:0; }
@media(max-width:820px){ .sp-videos-v2 .v2-modal__grid{ grid-template-columns:1fr; } }
.sp-videos-v2 .v2-modal__main{ padding:28px 30px; }
.sp-videos-v2 .v2-modal__side{ padding:28px 26px; background:var(--sp-bg-alt); border-left:1px solid var(--v2-line); }
@media(max-width:820px){ .sp-videos-v2 .v2-modal__side{ border-left:none; border-top:1px solid var(--v2-line); } }
.sp-videos-v2 .v2-modal__badges{ display:flex; flex-wrap:wrap; gap:7px; margin-bottom:14px; }
.sp-videos-v2 .v2-modal__title{ font:var(--sp-h4); font-size:25px; color:var(--sp-text); margin:0 0 10px; }
.sp-videos-v2 .v2-modal__promise{ font:var(--sp-body); color:var(--v2-ink-soft); margin:0 0 24px; }
.sp-videos-v2 .v2-mblock{ margin-bottom:26px; }
.sp-videos-v2 .v2-mblock__h{ font-family:var(--sp-font-medium); font-size:13px; letter-spacing:1px; text-transform:uppercase;
  color:var(--sp-text-muted); margin:0 0 12px; }
.sp-videos-v2 .v2-mblock__body{ font:var(--sp-body-sm); color:var(--sp-text); margin:0; }
.sp-videos-v2 .v2-chapters{ list-style:none; margin:0; padding:0; }
.sp-videos-v2 .v2-chapters li{ display:flex; align-items:center; gap:14px; padding:11px 12px; border-radius:8px; cursor:pointer;
  transition:background .14s; }
.sp-videos-v2 .v2-chapters li:hover{ background:var(--sp-surface-blue); }
.sp-videos-v2 .v2-chapters .t{ font-family:var(--sp-font-medium); font-size:13px; color:var(--sp-blue); background:#fff;
  border:1px solid var(--v2-line); border-radius:5px; padding:3px 8px; flex:none; }
.sp-videos-v2 .v2-chapters .txt{ font:var(--sp-body-sm); color:var(--sp-text); }
.sp-videos-v2 .v2-acc__q{ display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; padding:14px 0;
  border-top:1px solid var(--v2-line); font-family:var(--sp-font-medium); font-size:15px; color:var(--sp-text); }
.sp-videos-v2 .v2-acc__q svg{ width:16px; height:16px; color:var(--sp-blue); transition:transform .2s; flex:none; }
.sp-videos-v2 .v2-acc.is-open .v2-acc__q svg{ transform:rotate(180deg); }
.sp-videos-v2 .v2-acc__a{ max-height:0; overflow:hidden; transition:max-height .25s ease; font:var(--sp-body-sm); color:var(--sp-text-muted); }
.sp-videos-v2 .v2-acc.is-open .v2-acc__a{ max-height:400px; padding-bottom:14px; }
.sp-videos-v2 .v2-decision{ display:flex; flex-direction:column; }
.sp-videos-v2 .v2-dnote{ padding:13px 0; border-top:1px solid var(--v2-line); }
.sp-videos-v2 .v2-dnote:first-child{ border-top:none; padding-top:0; }
.sp-videos-v2 .v2-dnote h5{ font-family:var(--sp-font-medium); font-size:12px; letter-spacing:.4px; text-transform:uppercase;
  color:var(--sp-text-muted); margin:0 0 5px; }
.sp-videos-v2 .v2-dnote p{ font:var(--sp-body-sm); color:var(--sp-text); margin:0; }
.sp-videos-v2 .v2-modal__next{ margin-top:8px; }
.sp-videos-v2 .v2-modal__cta{ background:var(--sp-blue); border-radius:var(--sp-radius-md); padding:20px; color:#fff; margin-bottom:24px; }
.sp-videos-v2 .v2-modal__cta p{ font:var(--sp-body-sm); color:rgba(255,255,255,.9); margin:0 0 14px; }
.sp-videos-v2 .v2-modal__cta .sp-btn{ width:100%; }

/* ============================================================================
   V3 ADDITIONS — public full-demo theatre, chapters, soft-gate
   ============================================================================ */
.sp-videos-v2 .v3-theatre{ background:var(--sp-ink); border-radius:var(--sp-radius-xl); overflow:hidden;
  box-shadow:var(--sp-shadow-soft); color:#fff; }
.sp-videos-v2 .v3-theatre__head{ display:flex; align-items:flex-start; justify-content:space-between; gap:24px;
  padding:30px 34px 24px; flex-wrap:wrap; }
.sp-videos-v2 .v3-theatre__lead{ max-width:60ch; }
.sp-videos-v2 .v3-theatre__kicker{ display:inline-flex; align-items:center; gap:9px; font-family:var(--sp-font-medium);
  font-size:13px; letter-spacing:1.2px; text-transform:uppercase; color:#8ea2ff; margin:0 0 14px; }
.sp-videos-v2 .v3-theatre__kicker svg{ width:16px; height:16px; }
.sp-videos-v2 .v3-theatre__title{ font-family:var(--sp-font-display); font-weight:700; font-size:clamp(26px,3vw,34px);
  line-height:1.08; color:#fff; margin:0 0 12px; text-wrap:balance; }
.sp-videos-v2 .v3-theatre__sub{ font:var(--sp-body); color:rgba(255,255,255,.74); margin:0; }
.sp-videos-v2 .v3-presenter{ display:flex; align-items:center; gap:13px; background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14); border-radius:var(--sp-radius-pill); padding:8px 18px 8px 8px; flex:none; }
.sp-videos-v2 .v3-presenter__av{ width:46px; height:46px; border-radius:50%; background:linear-gradient(135deg,#4a57ff,#7A5AF8);
  display:flex; align-items:center; justify-content:center; font-family:var(--sp-font-display); font-weight:700;
  font-size:17px; color:#fff; flex:none; overflow:hidden; }
.sp-videos-v2 .v3-presenter__av img{ width:100%; height:100%; object-fit:cover; }
.sp-videos-v2 .v3-presenter__t{ font-family:var(--sp-font-medium); font-size:14px; color:#fff; line-height:1.3; }
.sp-videos-v2 .v3-presenter__t small{ display:block; font-family:var(--sp-font-body); font-size:12.5px; color:rgba(255,255,255,.6); }

.sp-videos-v2 .v3-theatre__body{ display:grid; grid-template-columns:1.62fr 1fr; gap:0; border-top:1px solid rgba(255,255,255,.1); }
@media(max-width:920px){ .sp-videos-v2 .v3-theatre__body{ grid-template-columns:1fr; } }

.sp-videos-v2 .v3-stage{ position:relative; }
.sp-videos-v2 .v3-player{ position:relative; aspect-ratio:16/9; background:#05070f; cursor:pointer; }
.sp-videos-v2 .v3-player img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.78; }
.sp-videos-v2 .v3-player iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.sp-videos-v2 .v3-player__scrim{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(5,7,15,.1),rgba(5,7,15,.66)); }
.sp-videos-v2 .v3-player__tag{ position:absolute; top:16px; left:16px; z-index:2; display:inline-flex; align-items:center; gap:8px;
  background:var(--sp-green); color:#fff; font-family:var(--sp-font-medium); font-size:13px; padding:7px 14px; border-radius:6px; }
.sp-videos-v2 .v3-player__dur{ position:absolute; bottom:16px; right:16px; z-index:2; background:rgba(5,7,15,.8); color:#fff;
  font-family:var(--sp-font-medium); font-size:13px; padding:6px 11px; border-radius:6px; }
.sp-videos-v2 .v3-player__center{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; text-align:center; }
.sp-videos-v2 .v3-player__center .v2-play{ position:static; transform:none; margin:0 auto 14px; width:76px; height:54px; }
.sp-videos-v2 .v3-player:hover .v2-play{ transform:scale(1.08); background:#ff1a1a; }
.sp-videos-v2 .v3-player__hint{ font-family:var(--sp-font-medium); font-size:14px; color:#fff; }
.sp-videos-v2 .v3-player__hint small{ display:block; font-family:var(--sp-font-body); font-size:12.5px; color:rgba(255,255,255,.7); margin-top:3px; }
@media(max-width:600px){
  .sp-videos-v2 .v3-player__tag{ top:10px; left:10px; width:120px; max-width:120px; align-items:flex-start; gap:6px; padding:6px 8px; font-size:11px; line-height:1.25; }
  .sp-videos-v2 .v3-player__tag svg{ width:16px; height:16px; flex:none; }
  .sp-videos-v2 .v3-player__center .v2-play{ margin:0; width:64px; height:46px; }
  .sp-videos-v2 .v3-player__hint{ display:none; }
}

.sp-videos-v2 .v3-belowplayer{ padding:16px 22px 22px; background:rgba(255,255,255,.03); display:flex; align-items:center;
  justify-content:space-between; gap:16px; flex-wrap:wrap; }
.sp-videos-v2 .v3-belowplayer__cta{ display:flex; gap:10px; flex-wrap:wrap; }
.sp-videos-v2 .v3-nowplaying{ font-family:var(--sp-font-body); font-size:13.5px; color:rgba(255,255,255,.72); display:flex; align-items:center; gap:9px; }
.sp-videos-v2 .v3-nowplaying b{ font-family:var(--sp-font-medium); font-weight:400; color:#fff; }
.sp-videos-v2 .v3-nowplaying .v2-dot{ background:var(--sp-green); }

/* chapters rail */
.sp-videos-v2 .v3-chaprail{ border-left:1px solid rgba(255,255,255,.1); display:flex; flex-direction:column; min-height:0; }
@media(max-width:920px){ .sp-videos-v2 .v3-chaprail{ border-left:none; border-top:1px solid rgba(255,255,255,.1); } }
.sp-videos-v2 .v3-chaprail__top{ padding:18px 22px 12px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.sp-videos-v2 .v3-chaprail__top h3{ font-family:var(--sp-font-display); font-weight:700; font-size:16px; color:#fff; margin:0; }
.sp-videos-v2 .v3-chaprail__top span{ font-family:var(--sp-font-body); font-size:12.5px; color:rgba(255,255,255,.55); }
.sp-videos-v2 .v3-chaps{ list-style:none; margin:0; padding:0 12px 14px; overflow-y:auto; max-height:512px; }
.sp-videos-v2 .v3-chaps:focus-visible{ outline:3px solid rgba(48,58,242,.45); outline-offset:-3px; border-radius:10px; }
@media(max-width:920px){ .sp-videos-v2 .v3-chaps{ max-height:none; } }
.sp-videos-v2 .v3-chap{ display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; padding:11px 12px;
  border-radius:9px; cursor:pointer; transition:background .14s; position:relative; }
.sp-videos-v2 .v3-chap:hover{ background:rgba(255,255,255,.07); }
.sp-videos-v2 .v3-chap[aria-current="true"]{ background:var(--sp-blue); }
.sp-videos-v2 .v3-chap__t{ font-family:var(--sp-font-medium); font-size:12.5px; color:#8ea2ff; background:rgba(142,162,255,.12);
  border-radius:5px; padding:4px 8px; min-width:46px; text-align:center; flex:none; }
.sp-videos-v2 .v3-chap[aria-current="true"] .v3-chap__t{ color:#fff; background:rgba(255,255,255,.22); }
.sp-videos-v2 .v3-chap__txt{ min-width:0; }
.sp-videos-v2 .v3-chap__name{ font-family:var(--sp-font-medium); font-size:14.5px; color:#fff; line-height:1.3; }
.sp-videos-v2 .v3-chap__short{ display:inline-flex; align-items:center; gap:5px; font-family:var(--sp-font-body); font-size:12px;
  color:rgba(255,255,255,.6); margin-top:3px; }
.sp-videos-v2 .v3-chap[aria-current="true"] .v3-chap__short{ color:rgba(255,255,255,.85); }
.sp-videos-v2 .v3-chap__short svg{ width:12px; height:12px; }
.sp-videos-v2 .v3-chap__go{ width:26px; height:26px; display:flex; align-items:center; justify-content:center; flex:none;
  opacity:0; transition:opacity .14s; }
.sp-videos-v2 .v3-chap:hover .v3-chap__go, .sp-videos-v2 .v3-chap[aria-current="true"] .v3-chap__go{ opacity:1; }
.sp-videos-v2 .v3-chap__go svg{ width:14px; height:14px; color:#fff; }

/* hero secondary link to full demo */
.sp-videos-v2 .v3-hero-altlink{ display:inline-flex; align-items:center; gap:7px; font-family:var(--sp-font-medium);
  font-size:14.5px; color:var(--sp-blue); text-decoration:none; background:none; border:none; cursor:pointer; padding:0; }
.sp-videos-v2 .v3-hero-altlink:hover{ text-decoration:underline; }
.sp-videos-v2 .v3-hero-altlink svg{ width:15px; height:15px; }
.sp-videos-v2 .v2-feat #v2HeroSub{ margin-top:14px; }
.sp-videos-v2 .v2-feat .v3-hero-altlink{ margin-top:14px; }

/* stacked hero (v7) — centered text, full-demo theatre as centerpiece */
.sp-videos-v2 .v2-hero--stack{ padding-block:34px 52px; }
.sp-videos-v2 .v2-hero__lead{ max-width:860px; margin:0 auto 34px; text-align:center; }
.sp-videos-v2 .v2-hero--stack .v2-eyebrow{ justify-content:center; }
.sp-videos-v2 .v2-hero--stack .v2-hero__sub{ margin-left:auto; margin-right:auto; max-width:64ch; }
.sp-videos-v2 .v2-hero--stack .v2-hero__actions{ justify-content:center; }
.sp-videos-v2 .v2-hero--stack .v2-hero__trust{ justify-content:center; margin:20px auto 0; border-top:none; padding-top:0; max-width:62ch; }
.sp-videos-v2 .v2-hero--stack .v2-pageshare{ justify-content:center; }
.sp-videos-v2 .v2-hero--stack .v2-pageshare__label{ width:auto; }

/* page-level subtitle control (applies to every video on the page) */
.sp-videos-v2 .v2-herosubbar{ display:flex; justify-content:center; margin:2px auto 30px; }
.sp-videos-v2 .v2-herosubbar .v2-subsel{ justify-content:center; background:var(--sp-bg-alt); border:1px solid var(--v2-line);
  border-radius:14px; padding:13px 20px; max-width:560px; }
.sp-videos-v2 .v2-herosubbar .v2-subsel__note{ text-align:center; }

/* compact subtitle reminder (library bar) */
.sp-videos-v2 .v2-libsub{ flex:none; }
.sp-videos-v2 .v2-subsel--compact{ background:#fff; border:1px solid var(--v2-line); border-radius:var(--sp-radius-pill); padding:7px 14px; }
.sp-videos-v2 .v2-subsel--compact .v2-subsel__select{ border:none; padding:2px 26px 2px 6px; background:transparent; }
.sp-videos-v2 .v2-subsel--compact .v2-subsel__select:focus{ box-shadow:none; }
.sp-videos-v2 .v2-subsel--compact .v2-subsel__caret{ right:8px; }
@media(max-width:560px){ .sp-videos-v2 .v2-libsub{ width:100%; } .sp-videos-v2 .v2-subsel--compact{ width:100%; justify-content:space-between; } }

/* ============================================================================
   PAGE SHARE — quiet "send to a colleague" cluster (hero + final CTA).
   Deliberately low-emphasis (ghost pills) so it never competes with the
   green/blue conversion CTAs.
   ============================================================================ */
.sp-videos-v2 .v2-pageshare{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:20px; }
.sp-videos-v2 .v2-pageshare--center{ justify-content:center; margin-top:26px; }
.sp-videos-v2 .v2-pageshare__label{ font-family:var(--sp-font-body); font-size:13.5px; color:var(--sp-text-muted); }
.sp-videos-v2 .v2-sharebtn{ display:inline-flex; align-items:center; gap:7px; font-family:var(--sp-font-medium); font-size:13.5px;
  line-height:1; color:var(--sp-text); background:transparent; border:1px solid var(--v2-line); border-radius:var(--sp-radius-pill);
  padding:8px 14px; cursor:pointer; transition:border-color .14s, color .14s, background .14s; }
.sp-videos-v2 .v2-sharebtn svg{ width:15px; height:15px; flex:none; display:block; }
.sp-videos-v2 .v2-sharebtn:hover{ border-color:var(--sp-blue); color:var(--sp-blue); background:var(--sp-surface-blue); }
.sp-videos-v2 .v2-sharebtn.is-done{ border-color:var(--sp-green); color:var(--sp-green); background:var(--sp-surface-green); }
@media(max-width:560px){
  .sp-videos-v2 .v2-pageshare{ gap:8px; }
  .sp-videos-v2 .v2-pageshare__label{ width:100%; }
  .sp-videos-v2 .v2-pageshare--center .v2-pageshare__label{ text-align:center; }
}

/* ============================================================================
   V5 ADDITIONS — subtitle controls, CC signal
   ============================================================================ */
/* CC badge on cards */
.sp-videos-v2 .v2-cc{ display:inline-flex; align-items:center; gap:4px; padding-inline:7px; }
.sp-videos-v2 .v2-cc svg{ width:14px; height:14px; }

/* subtitle dropdown (reused: hero / theatre / modal) — compact */
.sp-videos-v2 .v2-subsel{ display:inline-flex; align-items:center; gap:10px; flex-wrap:wrap; }
.sp-videos-v2 .v2-subsel__label{ display:inline-flex; align-items:center; gap:7px; font-family:var(--sp-font-medium); font-size:13px; color:var(--sp-text); }
.sp-videos-v2 .v2-subsel__label svg{ width:18px; height:18px; color:var(--sp-blue); flex:none; }
.sp-videos-v2 .v2-subsel__field{ position:relative; display:inline-flex; align-items:center; }
.sp-videos-v2 .v2-subsel__select{ appearance:none; -webkit-appearance:none; font-family:var(--sp-font-medium); font-size:13.5px;
  color:var(--sp-text); background:#fff; border:1px solid var(--v2-line); border-radius:8px;
  padding:8px 32px 8px 12px; cursor:pointer; max-width:200px; }
.sp-videos-v2 .v2-subsel__select:focus{ outline:none; border-color:var(--sp-blue); box-shadow:0 0 0 3px rgba(48,58,242,.14); }
.sp-videos-v2 .v2-subsel__caret{ position:absolute; right:11px; width:11px; height:8px; color:var(--sp-text-muted); pointer-events:none; }
.sp-videos-v2 .v2-subsel__note{ font-family:var(--sp-font-body); font-size:12px; color:var(--sp-text-muted); flex-basis:100%; }

/* light variant (hero, modal) */
.sp-videos-v2 .v2-subsel--light{ }
/* dark variant (full-demo theatre) */
.sp-videos-v2 .v2-subsel--dark .v2-subsel__label{ color:#fff; }
.sp-videos-v2 .v2-subsel--dark .v2-subsel__label svg{ color:#8ea2ff; }
.sp-videos-v2 .v2-subsel--dark .v2-subsel__select{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.24); color:#fff; }
.sp-videos-v2 .v2-subsel--dark .v2-subsel__select option{ color:#1f1f33; }
.sp-videos-v2 .v2-subsel--dark .v2-subsel__caret{ color:rgba(255,255,255,.7); }
.sp-videos-v2 .v2-subsel--dark .v2-subsel__note{ color:rgba(255,255,255,.6); }

/* theatre subtitle wrap */
.sp-videos-v2 .v3-subwrap{ padding:0 22px 20px; }

/* modal subtitle spacing */
.sp-videos-v2 .v2-modal__main .v2-subsel{ margin-bottom:0; }
.sp-videos-v2 .v2-modal__metarow{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:nowrap;
  padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid var(--v2-line); }
.sp-videos-v2 .v2-modal__metarow .v2-modal__badges{ margin-bottom:0; flex:1 1 auto; min-width:0; }
.sp-videos-v2 .v2-modal__metarow .v2-subsel--compact{ flex:none; }
@media(max-width:560px){
  .sp-videos-v2 .v2-modal__metarow{ flex-wrap:wrap; }
  .sp-videos-v2 .v2-modal__metarow .v2-subsel--compact{ width:100%; justify-content:space-between; }
}

/* ============================================================================
   V7 — LIGHTEN the full-demo theatre (was dark ink; now a bright card so the
   top of the page doesn't feel heavy). The video frame stays dark; the card
   chrome, chapter rail and below-player bar become light.
   ============================================================================ */
.sp-videos-v2 .v3-theatre{ background:#fff; color:var(--sp-text); border:1px solid var(--v2-line); box-shadow:var(--sp-shadow-card); }
.sp-videos-v2 .v3-theatre__head{ border-bottom:1px solid var(--v2-line); }
.sp-videos-v2 .v3-theatre__kicker{ color:var(--sp-blue); }
.sp-videos-v2 .v3-theatre__title{ color:var(--sp-text); }
.sp-videos-v2 .v3-theatre__sub{ color:var(--sp-text-muted); }
.sp-videos-v2 .v3-presenter{ background:var(--sp-bg-alt); border-color:var(--v2-line); }
.sp-videos-v2 .v3-presenter__t{ color:var(--sp-text); }
.sp-videos-v2 .v3-presenter__t small{ color:var(--sp-text-muted); }
.sp-videos-v2 .v3-theatre__body{ border-top:1px solid var(--v2-line); }

/* chapter rail — light */
.sp-videos-v2 .v3-chaprail{ border-left:1px solid var(--v2-line); }
@media(max-width:920px){ .sp-videos-v2 .v3-chaprail{ border-left:none; border-top:1px solid var(--v2-line); } }
.sp-videos-v2 .v3-chaprail__top h3{ color:var(--sp-text); }
.sp-videos-v2 .v3-chaprail__top span{ color:var(--sp-text-muted); }
.sp-videos-v2 .v3-chap:hover{ background:var(--sp-surface-blue); }
.sp-videos-v2 .v3-chap[aria-current="true"]{ background:var(--sp-blue); }
.sp-videos-v2 .v3-chap__t{ color:var(--sp-blue); background:var(--sp-surface-blue); }
.sp-videos-v2 .v3-chap[aria-current="true"] .v3-chap__t{ color:#fff; background:rgba(255,255,255,.22); }
.sp-videos-v2 .v3-chap__name{ color:var(--sp-text); }
.sp-videos-v2 .v3-chap[aria-current="true"] .v3-chap__name{ color:#fff; }
.sp-videos-v2 .v3-chap__short{ color:var(--sp-text-muted); }
.sp-videos-v2 .v3-chap[aria-current="true"] .v3-chap__short{ color:rgba(255,255,255,.85); }
.sp-videos-v2 .v3-chap__go svg{ color:var(--sp-blue); }
.sp-videos-v2 .v3-chap[aria-current="true"] .v3-chap__go svg{ color:#fff; }

/* below-player bar — light */
.sp-videos-v2 .v3-belowplayer{ background:var(--sp-bg-alt); border-top:1px solid var(--v2-line); }
.sp-videos-v2 .v3-nowplaying{ color:var(--sp-text-muted); }
.sp-videos-v2 .v3-nowplaying b{ color:var(--sp-text); }

/* subtitle row on light theatre */
.sp-videos-v2 .v3-subwrap{ border-top:1px solid var(--v2-line); padding-top:18px; }

/* ============================================================================
   I18N HARDENING — page ships in 29 languages incl. long-word ones (German,
   Finnish compounds). Never rely on single-line text: let long words wrap or
   break instead of overflowing. Applied last so it wins over base rules.
   ============================================================================ */
/* headings & titles — break very long compounds, allow hyphenation */
.sp-videos-v2 .v2-hero__title,.sp-videos-v2 .v2-shead h2,.sp-videos-v2 .v2-vcard__title,.sp-videos-v2 .v2-row__title,
.sp-videos-v2 .v2-modal__title,.sp-videos-v2 .v3-theatre__title,.sp-videos-v2 .v3-chap__name,
.sp-videos-v2 .v2-final h2,.sp-videos-v2 .v2-stage-detail__l h3,
.sp-videos-v2 .sp-faq__q,.sp-videos-v2 .v2-noresults h4{ overflow-wrap:break-word; word-break:break-word; hyphens:auto; }
/* stage names: wrap at spaces, break only truly long single tokens (no mid-word hyphenation of normal words) */
.sp-videos-v2 .v2-stage__name{ overflow-wrap:break-word; }
/* body copy — same safety net */
.sp-videos-v2 .v2-shead p,.sp-videos-v2 .v2-vcard__promise,.sp-videos-v2 .v2-vcard__learn,.sp-videos-v2 .v2-vcard__bestfor,.sp-videos-v2 .v2-row__meta,
.sp-videos-v2 .v2-stage-detail__l p,.sp-videos-v2 .v2-modal__promise,.sp-videos-v2 .v3-theatre__sub,
.sp-videos-v2 .v2-final p,.sp-videos-v2 .sp-faq__a,.sp-videos-v2 .v2-subsel__note,
.sp-videos-v2 .v2-mblock__body,.sp-videos-v2 .v2-dnote p,.sp-videos-v2 .v2-stage__count{ overflow-wrap:break-word; }
/* content buttons & pills — DS forces nowrap; allow wrapping so they never overflow.
   word-break:break-word is required (not just overflow-wrap) to shrink a flex item's
   min-content size below a long unbreakable token; min-width:0 lets flex children shrink. */
.sp-videos-v2 .sp-btn,.sp-videos-v2 .v2-fchip,.sp-videos-v2 .v2-vbtn,.sp-videos-v2 .v2-sharebtn,
.sp-videos-v2 .v2-filtertoggle{ white-space:normal; overflow-wrap:break-word; word-break:break-word; min-width:0; }
/* badges — allow internal wrap + break for long format/topic translations */
.sp-videos-v2 .v2-badge,.sp-videos-v2 .v2-chip{ white-space:normal; overflow-wrap:break-word; word-break:break-word; min-width:0; }
/* filter group label — wrap within its column instead of clipping */
.sp-videos-v2 .v2-fgroup__label{ overflow-wrap:break-word; word-break:break-word; }
.sp-videos-v2 .v2-subsel__label{ overflow-wrap:break-word; }
/* absolutely-positioned thumbnail tags — cap width and wrap */
.sp-videos-v2 .v3-player__tag,.sp-videos-v2 .v3-player__dur{ max-width:calc(100% - 24px); white-space:normal; }
/* compact subtitle select must not blow out its row with a long language name */
.sp-videos-v2 .v2-subsel--compact .v2-subsel__select{ max-width:46vw; }
@media(min-width:721px){ .sp-videos-v2 .v2-subsel--compact .v2-subsel__select{ max-width:240px; } }


/* Native Gutenberg details FAQ, visually matched to the approved V7 accordion. */
.sp-videos-v2 details.sp-faq__item > summary {
  list-style: none;
}
.sp-videos-v2 details.sp-faq__item > summary::-webkit-details-marker {
  display: none;
}
.sp-videos-v2 details.sp-faq__item > summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:22px 32px;
  cursor:pointer;
  font-family:var(--sp-font-medium);
  font-size:18px;
  color:var(--sp-text);
}
.sp-videos-v2 details.sp-faq__item > summary::after {
  content:"";
  width:18px;
  height:18px;
  flex:none;
  background:currentColor;
  color:var(--sp-blue);
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path d="M1.5 2 6 6.5 10.5 2" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path d="M1.5 2 6 6.5 10.5 2" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
  transition: transform .2s;
}
.sp-videos-v2 details.sp-faq__item > p {
  padding:0 32px;
  max-height:0;
  overflow:hidden;
  transition:max-height .25s ease,padding .25s ease;
  font:var(--sp-body-sm);
  color:var(--sp-text-muted);
  margin:0;
}
.sp-videos-v2 details.sp-faq__item[open] {
  background:var(--sp-blue);
  border-radius:var(--sp-radius-lg);
}
.sp-videos-v2 details.sp-faq__item[open] > summary {
  color:#fff;
}
.sp-videos-v2 details.sp-faq__item[open] > summary::after {
  transform:rotate(180deg);
  color:#fff;
}
.sp-videos-v2 details.sp-faq__item[open] > p {
  color:rgba(255,255,255,.9);
  max-height:320px;
  padding:0 32px 24px;
}
@media(max-width:600px){
  .sp-videos-v2 details.sp-faq__item > summary{ padding:18px 22px; font-size:17px; }
  .sp-videos-v2 details.sp-faq__item > p{ padding-inline:22px; }
  .sp-videos-v2 details.sp-faq__item[open] > p{ padding:0 22px 20px; }
}

/* Legacy theme font guard.
   The old child theme sets global h1/h2/h3/h4 and some controls with
   !important. Keep the approved V7 typography intact inside this page only. */
.sp-videos-v2 .v2-hero__title{
  font-family:var(--sp-font-display) !important;
  font-weight:700 !important;
  font-size:clamp(38px,4.6vw,62px) !important;
  line-height:1.04 !important;
}
.sp-videos-v2 .v2-shead h2,
.sp-videos-v2 .v2-final h2{
  font:var(--sp-h2) !important;
}
.sp-videos-v2 .v3-theatre__title{
  font-family:var(--sp-font-display) !important;
  font-weight:700 !important;
  font-size:clamp(26px,3vw,34px) !important;
  line-height:1.08 !important;
}
.sp-videos-v2 .v2-journey__head h2{
  font-family:var(--sp-font-display) !important;
  font-weight:700 !important;
  font-size:30px !important;
  line-height:1.25 !important;
}
.sp-videos-v2 .v2-stage-detail__l h3{
  font-family:var(--sp-font-display) !important;
  font-weight:700 !important;
  font-size:22px !important;
  line-height:30px !important;
}
.sp-videos-v2 .v3-chaprail__top h3{
  font-family:var(--sp-font-display) !important;
  font-weight:700 !important;
  font-size:16px !important;
  line-height:30px !important;
}
.sp-videos-v2 .v2-vcard__title{
  font-family:var(--sp-font-display) !important;
  font-weight:700 !important;
  font-size:17px !important;
  line-height:1.28 !important;
}
.sp-videos-v2 .v2-noresults h4{
  font-family:var(--sp-font-display) !important;
  font-weight:700 !important;
  font-size:20px !important;
  line-height:30px !important;
}
.sp-videos-v2 .v2-modal__title{
  font:var(--sp-h4) !important;
  font-size:25px !important;
}
.sp-videos-v2 details.sp-faq__item > summary{
  font-family:var(--sp-font-display) !important;
  font-weight:700 !important;
  font-size:19px !important;
  line-height:30px !important;
}
.sp-videos-v2 .v3-hero-altlink,
.sp-videos-v2 .v2-subsel__select,
.sp-videos-v2 .v2-stage__n,
.sp-videos-v2 .v2-stage__count,
.sp-videos-v2 .v2-row__meta,
.sp-videos-v2 .v2-fchip,
.sp-videos-v2 .v2-reset,
.sp-videos-v2 .v2-vcard__dur,
.sp-videos-v2 .v2-vbtn{
  line-height:normal !important;
}
@media(max-width:600px){
  .sp-videos-v2 .v2-stage-detail__l h3{
    font-size:19px !important;
  }
  .sp-videos-v2 details.sp-faq__item > summary{
    font-size:17px !important;
  }
}