.updates-hero-media {
  max-width: 460px;
  margin-left: auto;
}

.updates-key-grid {
  align-items: flex-start;
}

.updates-card-footer {
  margin-top: var(--space-4);
  display: flex;
  justify-content: flex-start;
}

.updates-community-grid,
.updates-security-grid,
.updates-interview-grid,
.updates-newsletter-grid {
  align-items: center;
  gap: var(--space-8);
}

.updates-community-media,
.updates-interview-media {
  max-width: 480px;
  margin-left: auto;
}

.updates-timeline {
  margin-top: var(--space-4);
}

.updates-roadmap {
  margin-top: var(--space-4);
}

.updates-release-notes {
  margin-top: var(--space-4);
}

.updates-release-notes-cta {
  margin-top: var(--space-6);
  max-width: 52rem;
}

.updates-faq-grid {
  gap: var(--space-4);
}

.updates-faq-item {
  padding: 0;
}

.updates-faq-toggle {
  width: 100%;
  padding: var(--space-4) var(--space-6);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--font-size-base);
  cursor: pointer;
  background: transparent;
  color: var(--color-text);
}

.updates-faq-icon {
  font-size: var(--font-size-xl);
}

.updates-faq-panel {
  padding: 0 var(--space-6) var(--space-4) var(--space-6);
}

.updates-newsletter-form {
  max-width: 440px;
}

@media (max-width: 960px) {
  .updates-hero-media,
  .updates-community-media,
  .updates-interview-media {
    margin: 0;
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  .updates-faq-toggle {
    padding: var(--space-3) var(--space-4);
  }

  .updates-faq-panel {
    padding: 0 var(--space-4) var(--space-3) var(--space-4);
  }
}