.showcase-logo {
  display: block;
  width: min(300px, 100%);
  height: auto;
}

.home-presentation .showcase-link,
.presentation-film a {
  color: #fff;
  display: inline-block;
  text-decoration: underline;
  text-decoration-color: #ffad72;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.home-presentation .showcase-link {
  margin-top: 1rem;
}

.showcase-links {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.5rem;
  margin-top: 1rem;
}

.showcase-links a {
  color: #3d4c91;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: #dd7127;
  text-underline-offset: 4px;
}

.showcase-demos {
  border-top: 2px solid #dd7127;
  margin-top: 2rem;
  padding-top: 1.5rem;
  scroll-margin-top: 8rem;
}

.monitoring-menu-scroll {
  overflow-x: auto;
}

.monitoring-menu-scroll a {
  display: block;
  min-width: 900px;
}

.monitoring-menu-scroll img {
  height: auto;
}

.monitoring-menu-scroll:focus-visible,
.monitoring-menu-scroll a:focus-visible {
  outline: 2px solid #3d4c91;
  outline-offset: -2px;
}