/* Employee impact is a full navy section between the privacy tint and coaching
   cards. Its card has no CTA beneath it, so remove the legacy reserved gap. */
:is(.page-id-149639, .page-id-149641, .page-id-149643)
  .b-employee-impact .b-employee-impact__wrapper {
  margin-bottom: 0;
}

/* Growth-strategy webinar: reuse the existing speaker cards, metadata, learning
 * points and recording, with a compact hero and a full-width content section. */
body.postid-166159 .s-single-webinar { padding-block: 48px 64px !important; }
body.postid-166159 .s-single-webinar__row { align-items: center; row-gap: 28px; }
body.postid-166159 .s-single-webinar .c-breadcrumbs { margin-bottom: 8px; font-size: 13px; line-height: 1.5; }
body.postid-166159 .s-single-webinar__title {
  font-size: clamp(32px, 3.5vw, 48px) !important;
  line-height: 1.15 !important;
  max-width: 21ch;
  margin-bottom: 24px !important;
}
body.postid-166159 .s-single-webinar__description { font-size: 17px; line-height: 1.65; max-width: 58ch; }
body.postid-166159 .s-single-webinar__data-list {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px 18px !important;
  margin-block: 24px !important;
}
body.postid-166159 .s-single-webinar__data-list > :is(div, a) { margin: 0 !important; padding: 0 !important; font-size: 14px; gap: 8px; }
body.postid-166159 .s-single-webinar__data-list .c-icon { width: 20px; height: 20px; margin: 0; flex: none; }
body.postid-166159 .s-single-webinar__speakers { display: flex !important; }
body.postid-166159 .s-single-webinar__speakers-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  max-width: 430px;
  gap: 20px;
  padding: 0 !important;
}
body.postid-166159 .s-single-webinar__speaker-card {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  min-width: 0;
}
body.postid-166159 .s-single-webinar__speaker-card-content {
  position: relative;
  display: flex !important;
  flex-direction: column;
  width: 100%;
  height: 100% !important;
  overflow: hidden;
  border: var(--ou-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--ou-shadow-1);
}
body.postid-166159 .s-single-webinar__speaker-card-image {
  display: block !important;
  flex: none;
  position: static !important;
  width: 100%;
  height: auto !important;
  aspect-ratio: 4 / 5;
  overflow: hidden;
}
body.postid-166159 .s-single-webinar__speaker-card-image img { display: block; width: 100%; height: 100% !important; object-fit: cover; border-radius: 0; }
body.postid-166159 .s-single-webinar div.s-single-webinar__speaker-name {
  position: static !important;
  margin: 0;
  padding: 16px 16px 6px;
  background: none !important;
  color: var(--ou-navy) !important;
  font: 600 15px/1.4 var(--font-sans);
  border-radius: 0;
  max-width: none !important;
  white-space: normal !important;
  overflow: visible !important;
  backdrop-filter: none;
}
body.postid-166159 .s-single-webinar__speaker-company {
  position: static !important;
  display: flex !important;
  align-items: center;
  min-height: 48px;
  margin-top: auto;
  padding: 0 16px 16px;
  background: none !important;
  font-size: 13px;
  line-height: 1.4;
  border-radius: 0;
}
body.postid-166159 .s-single-webinar__speaker-company picture { display: block; height: auto !important; width: auto !important; }
body.postid-166159 .s-single-webinar__speaker-company img { width: 40px !important; height: 40px !important; object-fit: contain; }
body.postid-166159 .s-single-webinar-registration { background: #fff !important; padding-block: 56px !important; }
body.postid-166159 .s-single-webinar-registration__full-description { width: 100% !important; max-width: 100%; }
body.postid-166159 .s-single-webinar-registration__full-description > p { max-width: 82ch; font-size: 18px; line-height: 1.7; margin-bottom: 28px; }
body.postid-166159 .s-single-webinar-registration__full-description ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0;
}
body.postid-166159 .s-single-webinar-registration__full-description li {
  margin: 0;
  padding: 24px;
  background: #f4f9f7;
  border-radius: 16px;
  color: var(--ou-navy);
  font-size: 16px;
  line-height: 1.6;
}
body.postid-166159 #embed-video-block { scroll-margin-top: 118px; padding-block: 56px !important; }
body.postid-166159 .s-embed-video__block { max-width: 970px; margin-inline: auto; }
body.postid-166159 .s-embed-video__block-heading { gap: 24px; align-items: flex-start; }
body.postid-166159 .s-embed-video__block-info { min-width: 0; }
body.postid-166159 .s-embed-video__title { font-size: 24px; line-height: 1.35; }
body.postid-166159 .s-embed-video__block-copy { flex: none; }
@media (max-width: 991px) {
  body.postid-166159 .s-single-webinar { padding-block: 32px 48px !important; }
  body.postid-166159 .s-single-webinar__title { max-width: 28ch; }
  body.postid-166159 .s-single-webinar__speakers { justify-content: flex-start; }
  body.postid-166159 .s-single-webinar__speakers-grid { max-width: 400px; }
}
@media (max-width: 575px) {
  body.postid-166159 .s-single-webinar__speakers-grid { gap: 12px; }
  body.postid-166159 .s-single-webinar div.s-single-webinar__speaker-name { padding: 12px 12px 6px; font-size: 14px; }
  body.postid-166159 .s-single-webinar__speaker-company { padding-inline: 12px; }
  body.postid-166159 .s-single-webinar-registration { padding-block: 40px !important; }
  body.postid-166159 .s-single-webinar-registration__full-description ul { grid-template-columns: minmax(0, 1fr); }
  body.postid-166159 .s-single-webinar-registration__full-description li { padding: 20px; }
  body.postid-166159 .s-embed-video__block-heading { flex-direction: column; }
}


/* Webinar detail pages. The hero already runs behind the nav (design-review.css),
   but kept the 165px of padding live needed under its old solid header, which
   left a hole above the breadcrumb. Match the other heroes. */
@media (min-width: 1061px) {
  body[data-brand] main > .s-single-webinar:first-child { padding-top: 80px !important; }
}
/* Speaker bios: the portrait is a rounded 1:1 frame on every webinar, not only
   the pilot page the postid rule above covered, and the section keeps its air
   above the footer instead of letting the last portrait touch it. */
.s-single-webinar ~ .s-horizontal-cards-extended .horizontal-card-extended__img-box-container,
.s-horizontal-cards-extended .horizontal-card-extended__img-box-container.aspect_ratio_1x1 {
  aspect-ratio: 1 / 1;
  border-radius: 20px;
  overflow: hidden;
}
.s-horizontal-cards-extended .horizontal-card-extended__img-box-container img,
.s-horizontal-cards-extended .horizontal-card-extended__img-box-container picture {
  display: block; width: 100%; height: 100% !important; object-fit: cover; border-radius: 0;
}
.s-horizontal-cards-extended .horizontal-card-extended__img-box-container { max-width: 468px; margin: 0 auto; }
.s-horizontal-cards-extended .horizontal-card-extended__img { display: flex; align-items: center; }
.s-horizontal-cards-extended .horizontal-card-extended { padding: 40px 0; }
.s-horizontal-cards-extended .horizontal-card-extended__body { padding: 30px 0; }
.s-horizontal-cards-extended { padding: 130px 0 !important; }
.s-single-webinar__speaker-card-image { aspect-ratio: 1 / 1; overflow: hidden; border-radius: 20px; }
.s-single-webinar__speaker-card-image img { display: block; width: 100%; height: 100% !important; object-fit: cover; }