.environment-banner {
  padding: var(--space-2) var(--space-4);
  background: var(--warning);
  color: var(--black);
  text-align: center;
  font-size: var(--text-sm);
  font-weight: 800;
}

.environment-banner[hidden] {
  display: none;
}

.landing-cycle {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-6);
}

.landing-cycle-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-4);
  align-items: start;
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--border);
}

.landing-cycle-step:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.landing-cycle-index {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border-radius: var(--radius-md);
  background: var(--primary);
  color: var(--white);
  font-weight: 800;
}

.landing-footer {
  padding-block: var(--space-8);
  border-top: 1px solid var(--border);
}

.app-link[aria-disabled='true'] {
  cursor: not-allowed;
  opacity: 0.65;
  transform: none;
}

.config-error {
  margin-top: var(--space-2);
  color: var(--danger);
  font-size: var(--text-sm);
}

@media (max-width: 700px) {
  .site-links {
    gap: var(--space-2);
  }
}
