/* ==========================================================================
   legal & trust documents
   ========================================================================== */

@layer pages {
  .legal__layout { display: grid; gap: var(--s-7); padding-bottom: var(--section); }
  .legal__toc { display: grid; gap: var(--s-3); align-content: start; }
  .legal__toc ol { margin: 0; display: grid; }
  .legal__toc a { display: block; padding-block: var(--s-2); font-size: var(--fs-sm); line-height: 1.4; text-decoration: none; color: var(--ink-2); }
  .legal__toc a:hover, .legal__toc a.is-active { color: var(--ink); }
  .legal__toc a.is-active { font-weight: 500; }
  .legal__body > p:first-child { font-size: var(--fs-lg); line-height: 1.5; }
  .legal__body h2 { scroll-margin-top: calc(var(--header-h) + var(--s-5)); }
  .legal__body .callout { margin-block: 1.5em; display: grid; gap: var(--s-4); justify-items: start; }
  @media (min-width: 64em) {
    .legal__layout { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter); }
    .legal__toc { grid-column: 1 / span 3; position: sticky; top: calc(var(--header-h) + var(--s-5)); align-self: start; }
    .legal__body { grid-column: 5 / span 7; }
  }
}