/* Webinar prominence: standalone content outside the protected hero. */
.webinar-spotlight {
  padding-block: 28px;
  padding-inline: var(--content-x);
  scroll-margin-top: 104px;
  border-block: 1px solid #476577;
  background: #102d43;
}
.webinar-spotlight > .section-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px 36px;
}
.webinar-spotlight-label {
  margin: 0 0 9px;
  color: #fff200;
  font-size: .875rem;
  font-weight: 750;
  letter-spacing: .085em;
  line-height: 1.5;
  text-transform: uppercase;
}
.webinar-spotlight-label > span { padding-inline: 6px; }
.webinar-spotlight h2 {
  margin: 0 0 9px;
  color: #f5f9fb;
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  font-weight: 750;
  letter-spacing: -.025em;
  line-height: 1.25;
}
.webinar-spotlight-note {
  margin: 0;
  color: #d0dfe8;
  font-size: 1.0625rem;
  line-height: 1.5;
}
.webinar-spotlight .webinar-feature-action { flex-shrink: 0; }
.webinar-spotlight-access {
  margin: 0;
  color: #c6d9e4;
  font-size: .875rem;
  line-height: 1.5;
}
.webinar-spotlight a:focus-visible { outline: 3px solid #fff200; outline-offset: 5px; }
.visual-refinement .webinar-feature {
  border-left: 4px solid #fff200;
  background: #102d43;
}
body.visual-refinement .section .webinar-feature h3 {
  max-width: 25ch;
  font-size: clamp(1.625rem, 2.5vw, 2.125rem);
}
body.visual-refinement .section .webinar-speakers { color: #c3d8e4; }
.visual-refinement .resources .webinar-resource {
  margin-top: 0;
  margin-bottom: 24px;
  border-left: 4px solid #fff200;
  background: #102d43;
}
body.visual-refinement .section .webinar-resource-label { color: #fff200; }
body.visual-refinement .section .webinar-resource h3 {
  max-width: 36ch;
  font-size: clamp(1.375rem, 2vw, 1.75rem);
}
@media (max-width: 760px) {
  .webinar-spotlight > .section-inner { align-items: start; flex-direction: column; gap: 20px; }
  .webinar-spotlight .webinar-feature-action { justify-items: start; }
}
@media (max-width: 600px) {
  .webinar-spotlight { padding-block: 24px; }
  body.visual-refinement .section .webinar-feature h3 { max-width: 100%; font-size: 1.625rem; }
  body.visual-refinement .section .webinar-resource h3 { font-size: 1.375rem; }
}