.purchase-opening {
  padding-top: var(--space-16);
}

.purchase-opening__copy {
  max-width: var(--reading);
}

.purchase-opening h1 {
  margin-top: var(--space-6);
  margin-bottom: var(--space-6);
}

.purchase-opening__action {
  margin-bottom: var(--space-8);
}

.purchase-opening__store {
  min-height: 72px;
  padding: var(--space-4) var(--space-8);
  background: var(--accent);
  border-color: var(--accent);
  color: var(--on-dark);
  box-shadow: var(--shadow-float);
}

.purchase-opening__store .app-store__name {
  font-size: var(--fs-subtitle);
  font-weight: var(--weight-bold);
}

.purchase-opening__facts {
  justify-content: flex-start;
  margin-bottom: var(--space-6);
}

.purchase-opening__lede {
  max-width: 44em;
  font-size: var(--fs-lede);
  color: var(--text-muted);
  line-height: var(--leading-prose);
}

.purchase-chapters {
  margin-top: var(--space-12);
}

.purchase-region {
  margin-top: var(--space-16);
  margin-inline: auto;
}

.purchase-region h2 {
  margin-top: 0;
}

.purchase-checks {
  padding-left: var(--space-6);
}

.purchase-checks li {
  padding-left: var(--space-2);
}

.purchase-checks li + li {
  margin-top: var(--space-6);
}

.purchase-kicker {
  margin-bottom: var(--space-4);
  color: var(--accent-dark);
  font-size: var(--fs-sm);
  font-weight: var(--weight-semibold);
}

.purchase-kicker + .section__heading {
  margin-top: 0;
}

@media (max-width: 768px) {
  .purchase-opening {
    padding-top: var(--space-8);
  }

  .purchase-opening__store {
    max-width: 100%;
    padding-inline: var(--space-5);
  }

  .purchase-opening__store .app-store__name {
    font-size: var(--fs-body);
  }

  .purchase-opening__store .app-store__eyebrow {
    font-size: var(--fs-xs);
  }

  .purchase-chapters {
    margin-top: var(--space-8);
  }
}