/* Legal documents share the homepage tokens and navigation. */
.legal-page .wrap { width: min(100% - 96px, 864px); margin-inline: auto; }
.legal-intro { padding-block: var(--space-7) var(--space-6); background: var(--surface); border-bottom: 1px solid var(--border); }
.legal-intro .tag { display: block; color: var(--muted); font-size: var(--text-small); margin-bottom: var(--space-3); }
.legal-intro h1 { margin-bottom: var(--space-4); }
.legal-intro .lead { color: var(--muted); }
.legal-content { padding-block: var(--space-6) var(--space-7); }
.legal-content h2 { font-size: var(--text-lead); line-height: 1.4; margin-block: var(--space-6) var(--space-3); }
.legal-content h3 { font-size: var(--text-body); line-height: 1.5; margin-block: var(--space-4) var(--space-2); }
.legal-content p + p { margin-top: var(--space-3); }
.legal-content li + li { margin-top: var(--space-2); }
.legal-content ul, .legal-content ol { padding-left: var(--space-4); margin-block: var(--space-3); }
.legal-content a { overflow-wrap: anywhere; }
.legal-content .card { border: 0; background: none; box-shadow: none; }
.legal-content .kbd { font-weight: 650; }
.legal-content .meta { margin-top: var(--space-3); color: var(--muted); }
.legal-content .card:first-child > :first-child { margin-top: 0; }
.legal-page nav a[aria-current="page"] { color: var(--cyan); text-decoration: underline; }
@media (max-width: 760px) {
  .legal-page .wrap { width: calc(100% - 40px); }
  .legal-intro { padding-block: var(--space-5); }
  .legal-intro h1 { font-size: var(--text-heading); }
}