/* Apenas a apresentação dos destaques muda nesta segunda versão. */
.highlights-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}
.highlights-heading h2 { margin-bottom: 0; }
.highlights-heading .rail-controls { flex-shrink: 0; }
.highlights {
  display: flex;
  align-items: stretch;
  gap: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  padding-bottom: 14px;
  scrollbar-width: thin;
  scrollbar-color: var(--line) transparent;
}
.highlights > article {
  flex: 0 0 300px;
  min-width: 0;
  scroll-snap-align: start;
  padding: 25px;
}
@media (max-width: 480px) {
  .highlights > article { flex-basis: 285px; }
  .highlights-heading h2 { font-size: 27px; }
}
@media (max-width: 350px) {
  .highlights-heading { align-items: flex-start; flex-direction: column; }
  .highlights > article { flex-basis: calc(100% - 12px); padding: 22px; }
}