/* ==========================================================
   v29 (FINAL_JB_Site4.psb) - new top order:
   As Seen in the Film -> Trump Int'l Golf Club -> Watch the Relitigation
   (2 videos) -> Avastin Does Not Work -> Avastin sales -> Angiogenesis
   ========================================================== */
.ryan-cancer .avastin-intro { padding-top: 22px !important; }

/* ---- As Seen in the Film (design canvas 1366 x 263) ---- */
.ryan-cancer .as-seen-title > span { font-size: clamp(16px, 2.2vw, 30px) !important; }
.ryan-cancer .as-seen-title { width: min(1052px, calc(100% - 32px)) !important; }
.ryan-cancer .ycse-wrap { margin-top: calc(-1 * clamp(4px, .6vw, 9px)) !important; }
.ryan-cancer .ycse-canvas { aspect-ratio: 1366 / 263 !important; width: 100% !important; margin-left: 0 !important; }
.ryan-cancer .ycse-left  { left: -8.05% !important; top: 0 !important;    width: 45.10% !important; opacity: .30 !important; }
.ryan-cancer .ycse-right { left: 69.99% !important; top: .38% !important; width: 34.63% !important; opacity: .47 !important; }
.ryan-cancer .ycse-t1    { left: 41.29% !important; top: 27.76% !important; width: 34.70% !important; }
.ryan-cancer .ycse-t2    { left: 24.08% !important; top: 53.99% !important; width: 33.75% !important; }
/* Phones: same layout as desktop (left + right images visible) */
@media (max-width: 700px) {
  .ryan-cancer .ycse-canvas { width: 100% !important; margin-left: 0 !important; }
  .ryan-cancer .ycse-wrap { margin-top: 4px !important; }
}

/* ---- Divider lines (pink -> blue) ---- */
.ryan-cancer .jb-hr {
  height: 1px; width: min(1229px, calc(100vw - 32px)); margin: 0;
  position: relative; left: 50%; transform: translateX(-50%);
  background: linear-gradient(90deg, #e83e8c, #2fc3d2);
}
.ryan-cancer .as-seen-on + .jb-hr { margin-top: clamp(4px, .5vw, 8px); }
.ryan-cancer .trump-block { margin-top: 0 !important; padding-top: clamp(28px, 4.5vw, 62px) !important; }
.ryan-cancer .watch-trial + .jb-hr { margin-top: clamp(30px, 3vw, 42px); }
.ryan-cancer .jb-hr + .avastin-cover { margin-top: 6px; }
.ryan-cancer .avastin-cover + .avastin-sales { margin-top: 0; }

/* ---- Watch the RELITIGATION of ELIZABETH HOLMES. ---- */
.ryan-cancer .watch-trial .jb-rule-title > span { font-size: clamp(17px, 2.12vw, 29px) !important; }

/* ---- Videos: no dark fade, pink outline only when selected ---- */
.ryan-cancer .video-card .video-thumb img,
.ryan-cancer .video-card:hover .video-thumb img { filter: none !important; }
.ryan-cancer .video-card:hover .v-meta { opacity: 1 !important; }
.ryan-cancer .video-thumb { outline: none !important; transition: box-shadow .2s ease; }
.ryan-cancer .video-card:hover .video-thumb,
.ryan-cancer .video-card.is-selected .video-thumb,
.ryan-cancer .video-thumb:focus-visible { box-shadow: 0 0 0 3px #f72088; }
.ryan-cancer .v-meta { padding-top: 18px !important; }
.ryan-cancer .v-dur { white-space: nowrap; }