.ittrip-help-video {
  box-sizing: border-box;
  max-width: 1080px;
  margin: 36px auto;
  padding: clamp(20px, 4vw, 40px);
  border: 1px solid #dbe5f2;
  border-radius: 24px;
  background: #f8fbff;
  color: #1b2940;
  text-align: center;
}
.ittrip-help-video h2,
.ittrip-help-video h3 {
  margin: 0 0 18px;
  font-size: clamp(1.3rem, 2.5vw, 1.8rem);
  line-height: 1.4;
}
.ittrip-help-video-stage {
  width: min(100%, 240px);
  aspect-ratio: 9 / 16;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 18px;
  background: #152a4d;
  box-shadow: 0 12px 32px #10233d28;
}
.ittrip-help-video-stage iframe,
.ittrip-help-video-stage button {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.ittrip-help-video-stage button {
  padding: 22px;
  background: linear-gradient(160deg, #204b90, #102b55);
  color: #fff;
  font: inherit;
  font-weight: 700;
  font-size: 1.06rem;
  cursor: pointer;
}
.ittrip-help-video-stage button::before {
  content: '▶';
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: #fff;
  color: #204b90;
  font-size: 1.55rem;
  box-shadow: 0 4px 16px #0003;
}
.ittrip-help-video-stage button:hover { background: linear-gradient(160deg, #2b5eb0, #17386b); }
.ittrip-help-video-stage button:focus-visible { outline: 4px solid #f2aa36; outline-offset: -4px; }
.ittrip-help-video-link { margin: 18px 0 0; font-size: 14px; }
.ittrip-help-video-link a { color: #17386b; text-underline-offset: 3px; }
.ittrip-help-video-link a:focus-visible { outline: 3px solid #d28b1a; outline-offset: 3px; }
body:not(.state-home) > .ittrip-help-video[data-ittrip-home-only] { display: none; }