/* Microsite2026 Key Event Highlights */
.hl-editor { text-align: left; }
.key-highlights .hl-desc { flex: 1 1 220px; width: auto; }

/* Carousel (more than four highlights), arrows as in the skin's .hp-video, for a light background */
.key-highlights .hl-carousel--controls { padding: 0 70px; }
.key-highlights .hl-carousel-control { width: 50px; opacity: 1; }
.key-highlights .hl-arrow { display: flex; align-items: center; justify-content: center;
  width: 46px; height: 46px; border: 1px solid rgba(33,37,41,.35); border-radius: 50%;
  color: #212529; font-size: 1.25rem;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease; }
.key-highlights .hl-carousel-control:hover .hl-arrow { background: #212529; border-color: #212529; color: #fff; }
@media (max-width: 767.98px) {
  .key-highlights .hl-carousel--controls { padding: 0 44px; }
  .key-highlights .hl-carousel-control { width: 40px; }
  .key-highlights .hl-arrow { width: 36px; height: 36px; font-size: 1rem; }
}

/* Icon picker */
.icon-picker { position: relative; display: inline-block; }
.icon-picker__btn { display: flex; align-items: center; gap: .5rem; padding: .4rem .75rem;
  border: 1px solid #ccc; border-radius: .375rem; background: #fff; cursor: pointer; }
.icon-picker__label { min-width: 5.5rem; text-align: left; }
.icon-picker__panel { position: absolute; top: 100%; left: 0; z-index: 1050; margin-top: 4px;
  padding: .5rem; background: #fff; border: 1px solid #ddd; border-radius: .5rem;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); }
.icon-picker__panel[hidden] { display: none; }
.icon-picker__grid { display: grid; grid-template-columns: repeat(5, 44px); gap: 4px; }
.icon-picker__item { display: flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; font-size: 1.4rem; border: 1px solid transparent;
  border-radius: .375rem; background: none; cursor: pointer; }
.icon-picker__item:hover { background: #f1f1f1; }
.icon-picker__item.active { border-color: #f04e23; color: #f04e23; }