/* Webinar previews.
   Added for this copy of the site: her resource pages linked a recorded
   webinar with a bare inline text link (18px, no padding), which was easy
   to miss and said nothing about where it went. The button below reuses her
   own .read-link.elementor-button, so it is her styling and not a new one.
   The still is served from this site, never from YouTube, so viewing a
   resource page does not announce the visitor to Google. */
/* display:block matters: the wrapper is a <span> (it sits inside a <p>,
   where a <div> would be invalid), and max-width does nothing on an
   inline box - the still rendered at 989px from a 480px source. */
.uc-webinar { display: block; margin: 18px 0 6px; max-width: 480px; }
.uc-webinar__frame {
  display: block; position: relative; border-radius: 12px; overflow: hidden;
  line-height: 0; background: #000;
}
.uc-webinar__frame img { display: block; width: 100%; height: auto; }
.uc-webinar__play {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
}
.uc-webinar__play svg {
  width: 68px; height: 48px; filter: drop-shadow(0 1px 3px rgba(0,0,0,.4));
  transition: transform .15s ease;
}
.uc-webinar__frame:hover .uc-webinar__play svg { transform: scale(1.08); }
.uc-webinar__btn { margin-top: 12px; display: inline-flex; align-items: center; gap: 8px; }
.uc-webinar__btn svg { width: 14px; height: 14px; flex: none; fill: currentColor; }
@media (max-width: 520px) { .uc-webinar { max-width: 100%; } }