.terms-page {
  display: block;
}

.terms-hero {
  display: flex;
  justify-content: center;
}

.terms-hero-inner {
  max-width: 720px;
  margin-inline: auto;
  text-align: left;
}

.terms-panel-wide {
  max-width: 900px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.terms-panel-narrow {
  max-width: 700px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.terms-final {
  max-width: 700px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.panel.accent {
  border-color: var(--color-accent-gold);
}

@media (max-width: 900px) {
  .terms-panel-wide,
  .terms-panel-narrow,
  .terms-final,
  .terms-hero-inner {
    max-width: 100%;
  }
}