/* Legal document page: two-column body with a sticky "on this page" / "legal documents" aside. */
.legal-body__grid {
    display: grid;
    gap: var(--s-7);
}

@media (min-width: 1024px) {
    .legal-body__grid {
        grid-template-columns: 220px minmax(0, 1fr);
        gap: var(--s-9);
        align-items: start;
    }

    .legal-body__aside {
        position: sticky;
        top: calc(var(--mh-height) + var(--s-6));
    }
}