#legal-display {
    --side-nav-highlight: var(--color-document);
    display: grid;

    #side-nav { display: none }

    @media (min-width: 50em) {
        grid-template-columns: 275px 1fr;
        grid-template-areas: 'menu document';

        #side-nav { display: block }
        .document { grid-area: document }
    }
}