/* Material for MkDocs switches from the mobile layout (hamburger + off-
   canvas drawer) to the desktop layout (horizontal tabs, no hamburger) at
   one hardcoded breakpoint — 76.25em / 1220px — baked into the theme's own
   compiled CSS, not exposed via mkdocs.yml. Every rule below is a straight
   copy of a specific Material selector, at 1024px instead, so this site's
   short 5-item nav (see mkdocs.yml `nav:`) shows as tabs sooner rather than
   collapsing into the drawer down to 1220px.

   Loaded last in mkdocs.yml's extra_css (after misc.css), so for every rule
   here that ties with Material's own on specificity, source order decides
   and this file wins.

   Deliberately NOT touched, and still switching at the original 1220px:
   - The primary nav sidebar's off-canvas/drawer positioning (.md-nav--primary,
     .md-sidebar--primary, .md-overlay) — moot on this site: every page
     renders that sidebar with `hidden` (checked directly: home, about, a
     show page, an episode page, categories), since navigation.tabs covers
     all top-level nav and this site's nav: tree never nests deep enough to
     populate it. Nothing to override.
   - The post/episode metadata rail (.md-content--post, .md-sidebar--post)
     that the blog-post template (overrides/blog-post.html) uses for
     author/date/category — it'll keep collapsing to an inline row until
     1220px rather than 1024px. Left alone because "fixing" it means
     re-deriving several coupled flex-flow/position/display values instead
     of one-line margin/width tweaks, for a secondary metadata block, not
     the nav itself.
   - Material's JS bundle (assets/javascripts/bundle.*.min.js, a vendored,
     hash-named file we don't build) has its own internal
     matchMedia("(min-width: 76.25em)") switch — but it only gates behavior
     for elements with data-md-type="navigation" (the primary sidebar
     above), so it's moot here too, for the same reason. */

@media screen and (min-width: 1024px) {
  .md-tabs {
    display: block;
  }

  .md-header__button[for="__drawer"] {
    display: none;
  }

  .md-header__button.md-logo {
    display: inline-block;
  }

  [dir="ltr"] .md-header__source {
    margin-left: 1.4rem;
  }
  [dir="rtl"] .md-header__source {
    margin-right: 1.4rem;
  }

  .md-path {
    margin: 0 1.2rem;
  }

  /* Room for the TOC sidebar (.md-sidebar--secondary, used on episode
     pages) next to the article; harmless no-op for .md-sidebar--primary,
     which is always [hidden] on this site (see note above). */
  [dir="ltr"] .md-sidebar--primary:not([hidden]) ~ .md-content > .md-content__inner {
    margin-left: 1.2rem;
  }
  [dir="ltr"] .md-sidebar--secondary:not([hidden]) ~ .md-content > .md-content__inner,
  [dir="rtl"] .md-sidebar--primary:not([hidden]) ~ .md-content > .md-content__inner {
    margin-right: 1.2rem;
  }
  [dir="rtl"] .md-sidebar--secondary:not([hidden]) ~ .md-content > .md-content__inner {
    margin-left: 1.2rem;
  }

  .md-sidebar {
    height: 0;
  }
  .no-js .md-sidebar {
    height: auto;
  }
  .md-header--lifted ~ .md-container .md-sidebar {
    top: 4.8rem;
  }

  .md-header--lifted ~ .md-container .md-typeset :target {
    --md-scroll-margin: 6rem;
  }

  [data-md-toggle="search"]:checked ~ .md-header .md-search__inner {
    width: 34.4rem;
  }
  .md-search__scrollwrap {
    width: 34.4rem;
  }
}