.app-bar__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, .16);
  color: var(--white);
  text-decoration: none;
  font-size: var(--text-lg);
}
.app-bar__back:hover { background: rgba(255, 255, 255, .28); }

.legal-page {
  max-width: 640px;
  margin: 0 auto;
  padding: var(--space-8) var(--layout-gutter) var(--space-12);
}
.legal-page h1 {
  font: var(--type-title);
  color: var(--text-strong);
  margin: 0 0 var(--space-1);
}
.legal-page__updated {
  font: var(--type-caption);
  color: var(--text-faint);
  margin: 0 0 var(--space-6);
}
.legal-page h2 {
  font: var(--type-heading);
  color: var(--text-strong);
  margin: var(--space-6) 0 var(--space-2);
}
.legal-page p, .legal-page li {
  font: var(--type-body);
  color: var(--text-body);
}
.legal-page ul { padding-left: var(--space-5); }
.legal-page li { margin-bottom: var(--space-2); }
.legal-page a { color: var(--text-link); }
.legal-page__callout {
  background: var(--surface-brand-soft);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
}