#side-nav {
    grid-area: menu;
    background-color: var(--dark);
    font-size: 1.2rem;

    ul, ol {
        position: sticky;
        inset: 0;
    }

    li {
        padding: 0.75rem 2rem;
        transition: background-color 200ms ease;

        &[aria-current] {
            background-color: var(--side-nav-highlight);

            a { color: white }
        }

        a {
            color: lightgray;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 1rem;

            svg { height: 1.5em }
        }
    }
}