@layer page {

  .legal-doc { padding: clamp(48px, 7vw, 88px) 0 clamp(64px, 9vw, 110px) }

  .legal-doc .wrap { max-width: var(--max-width-prose) }

  .legal-doc section { margin-bottom: 2.6rem }

  .legal-doc h2 { font-size: 1.35rem; margin-bottom: .7rem }
  .legal-doc h3 { font-size: 1.05rem; margin: 1.2rem 0 .4rem }
  .legal-doc p {
    max-width: 44em;
    margin-bottom: .9rem;
    color: var(--ink-82);
  }
  .legal-doc ul {
    margin: 0 0 .9rem 1.2rem;
    color: var(--ink-82);
  }
  .legal-doc li { margin-bottom: .45rem }

  .doc-meta { margin-bottom: 2.6rem }

  .controller-card {
    background: var(--surface);
    border: 1px solid var(--ink-12);
    border-radius: var(--radius-card-sm);
    padding: 20px 22px;
    margin-bottom: .9rem;
    font-size: var(--size-card-body);
  }
  .controller-card strong { font-weight: 600 }
}