/* Final visual and page-structure refinements for the Executive Workshop. */

.vsc-blue-theme {
  --workshop-presentation-accent: #5f689f;
  --workshop-presentation-soft: #f0f2fb;
  --workshop-presentation-line: #b7bddb;
}

.executive-workshop-theme .topic-card--presentation {
  background: linear-gradient(150deg, rgba(240, 242, 251, 0.98) 0%, rgba(255, 255, 255, 0.98) 72%);
  border-color: var(--workshop-presentation-line);
  box-shadow: inset 0 0.28rem var(--workshop-presentation-accent), 0 14px 34px rgba(8, 39, 68, 0.09);
}

.executive-workshop-theme .topic-card--presentation .topic-card__format {
  color: white;
  background: var(--workshop-presentation-accent);
  border-color: var(--workshop-presentation-accent);
}

.executive-workshop-theme .topic-card--presentation .topic-card__movement {
  color: var(--workshop-presentation-accent);
}

.executive-workshop-theme .workshop-card-legend__swatch--presentation {
  background: var(--workshop-presentation-accent);
  border-color: var(--workshop-presentation-accent);
}

.executive-workshop-overview__logic {
  margin-bottom: clamp(3rem, 7vw, 6rem);
}

.executive-workshop-theme .your-choice-section > .your-choice-section__heading,
.executive-workshop-theme .your-choice-section > .your-choice-facts,
.executive-workshop-theme .workshop-date-section > .workshop-date-section__heading,
.executive-workshop-theme .workshop-date-section > .workshop-date-facts {
  display: none;
}

.executive-workshop-theme .your-choice-hero .workshop-facts,
.executive-workshop-theme .workshop-date-hero .workshop-facts {
  max-width: 72rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.executive-workshop-theme .your-choice-section,
.executive-workshop-theme .workshop-date-section {
  scroll-margin-top: 7rem;
}

@media (max-width: 62rem) {
  .executive-workshop-theme .your-choice-hero .workshop-facts,
  .executive-workshop-theme .workshop-date-hero .workshop-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 38rem) {
  .executive-workshop-theme .your-choice-hero .workshop-facts,
  .executive-workshop-theme .workshop-date-hero .workshop-facts {
    grid-template-columns: 1fr;
  }
}