/* ==========================================================================
   MOBILE SECTION NAV (in-page tool switcher pills)
   ==========================================================================
   Standalone stylesheet for .section-nav-card on small screens. Separate
   from mobile.css and nav-mobile.css on purpose — this only touches the
   in-page tool-switcher pill bar, nothing else.

   Loaded only at mobile widths via the <link media="(max-width: 768px)">
   attribute in each page's <head>.

   The header now has a hamburger drawer (css/nav-mobile.css) that already
   links to every instrument/tool page, so this in-page switcher is a
   redundant second way to do the same navigation on mobile — hidden here
   rather than kept and polished.
   ========================================================================== */

@media (max-width: 768px) {
    .section-nav-card {
        display: none;
    }
}