TOC pinning broken

[yatil]

In certain viewport sizes, the TOC is pinned to the top but fills the whole horizontal space, making it hard for users to read the content.

This is likely due to the mixed used of em-based media queries (for the general site template) and px-based media queries (for styles specific to the aria practices guide).

Here’s a video of the behavior:

Screenshot.2023-02-09.at.11.08.59.mp4

[mcking65]

@alflennik

I think we may have another report of this issue in #2669.

Do you have a PR for the fix? Do I recall correctly that this is a quick fix?

[alflennik]

@mcking65 thank you for putting this back on our radar, I was under the impression that we had already fixed all the media queries to use the same em values as the template but in this case we're still using a px value. Yes, the linked issue #2669 is the same as this one.

[a11ydoer]

@mcking65 I confirmed that pinned TOC was fixed.