Hide the right table of contents not working

[byarbrough]

I am trying to hide the right table of contents when I print a PDF of a page. Instead, it shows up.

Here's the website: https://usafa-ece.github.io/ece281-book/intro.html

I followed the instructions in build a pdf and Custom CSS or JavaScript docs.

Created book/_static/print.css

@media print {
    .bd-toc {
        visibility: hidden !important;
    }
}

I also added the !important tag because #2023 suggested custom CSS is being overridden. But to no avail. Also tried the solution from #761 (although outdated) and didn't have luck there either.

Jupyter Book : 1.0.2 External ToC : 1.0.1 MyST-Parser : 2.0.0 MyST-NB : 1.1.1 Sphinx Book Theme : 1.1.3 Jupyter-Cache : 1.0.0 NbClient : 0.10.0